function displayExtraInfo(iconHidden,iconVisible,  row, action) {
    //alert("iconHidden:" + iconHidden + "\n" + "iconVisible:" + iconVisible + "\n" + "infoRow:" + row + "\n" + "action:" + action + "\n");
    var iconToDisplay = document.getElementById(iconVisible);
    iconToDisplay.style.display = 'inline';
    var iconToHide = document.getElementById(iconHidden);
    iconToHide.style.display = 'none';
    var infoRow = document.getElementById(row);
   // alert("infoDiv is:" + infoDiv);
    if (action == 'show') {
        //firefox does not support 'inline' but supports 'table-row' that is not supported
    //by IE that is why I use an empty string to set the display property equal to default by each of the browsers.
        infoRow.style.display = '';
    } else {
    infoRow.style.display = 'none';
    }
    }