//HIGHLIGHTS A ROW IN A TABLE ON ROLLOVER
//=================================================================================================
function highlightRow(prefix, numCells, destColor) {
	//prefix: the beginning of the id of the cells in a particular row
	//numCells: the number of cells in a row
	//destColor: the hex code (with the #) that it should change the bgColor to
	
	for(var i=1; i <= numCells; i++) {
		var thisCell = document.getElementById(String(prefix) + i);
		
		if(thisCell) {
			thisCell.style.backgroundColor = destColor;
		}
	}
}

/* USAGE:
 * you would have name your cells in a particular row something like, 'id="row1_1"', 'id="row1_2"', 'id="row1_2"', etc...
 * and the following row would be 'id="row2_1"', 'id="row2_2"', 'id="row2_2"', etc...
 * then you put the following in each cell in the table:
 *  onmouseover="highlightRow('row1_', 5, '#FFF2F6')"
 *  onmouseout="highlightRow('row1_', 5, '#ffffff')"
 *  but replace the parameters of course
 */
//=================================================================================================