document.write('
');
document.write('//global background color variable
');
document.write('//set this to change the hover background color
');
document.write('var BACKGROUND_COLOR = \'#ffffcc\';
');
document.write('
');
document.write('function trhover()
');
document.write('{
');
document.write(' //sets up all rows in all tables to have the hover effect.
');
document.write(' var tables = document.getElementsByTagName("table"), thisTable, thisRow, rowcount=0, tablecount=0;
');
document.write(' while (thisTable = tables[tablecount++])
');
document.write(' {
');
document.write(' while (thisRow = thisTable.rows[rowcount++])
');
document.write(' {
');
document.write(' thisRow.onmouseover = turnOn;
');
document.write(' thisRow.onmouseout = turnOff;
');
document.write(' }
');
document.write(' }
');
document.write('}
');
document.write('function turnOn()
');
document.write('{
');
document.write(' //this function sets the row\'s background color on mouseover
');
document.write(' this.style.backgroundColor = BACKGROUND_COLOR;
');
document.write('}
');
document.write('function turnOff()
');
document.write('{
');
document.write(' //this function sets the row\'s background color back to normal
');
document.write(' this.style.backgroundColor = \'\';
');
document.write('}
');
document.write('
');
document.write('
');
document.write('//set up the event handlers for the tables when the page loads
');
document.write('function tableInit()
');
document.write('{
');
document.write(' trhover();
');
document.write('}
');
document.write('window.onload = tableInit;
');
document.write('
');