// <!--  The following JavaScript is used in the dynamic Table Display                             -->
// <!--  toggleVisability() toggles the display status of the information in a record.             -->
// <!--  highLight() is used to highlight rows when the cursor passes over                         -->
// <!--  unHighLight() returns the row to its original color when the mouse leaves that row.       -->

// Constants (placed here for easy change)
// Note: changes need to be mirrored in HTML file.

var highlight_background   = '#CCCC99';
var highlight_foreground   = '#000000';
var even_row_background    = '#D7FA94';
var even_row_foreground    = '#336633';
var odd_row_background     = '#ECECC5';
var odd_row_foreground     = '#336633';
var bold_color             = "#993333";


function toggleVisibility(obj) {

        var object = document.getElementById(obj);

        if ( object.style.display != 'none' ) {
                object.style.display = 'none';
        } else {
                object.style.display = 'block';
        }

}  // End toggleVisibility

function highLight(obj) {

        var object = document.getElementById(obj);
        object.style.backgroundColor = highlight_background;
        object.style.color = highlight_foreground;

} // End highLight

function unHighLight(obj, row) {

        var object = document.getElementById(obj);
        var row_number = parseInt(row);
        
        if ((row_number % 2) == 0) {
         
                object.style.backgroundColor = even_row_background;
                object.style.color = even_row_foreground;

        } else {

                object.style.backgroundColor = odd_row_background;
                object.style.color = odd_row_foreground;
        
        }


} // end unHighLight