//js_RowHighLight.js

// Use global variable to keep track of latest highlighted row and what the original class was.
// When a new row is highlighted use the global values to revert the previous row.
var global_HiLiteRowID = "";
var global_HiLiteOrigClass = "";

function HiLiteOver(rowID) {
	// HiLite the row on mouse-over ONLY IF IT IS NOT THE CURRENTLY SELECTED ROW.
	if (rowID != global_HiLiteRowID) {
		var rowObj = document.getElementById(rowID);
		rowObj.className= 'bgHiLite';
	}
}
function HiLiteOut(rowID,className) {
	// Un-HiLite the row on mouse-over ONLY IF IT IS NOT THE CURRENTLY SELECTED ROW.
	if (rowID != global_HiLiteRowID) {
		var rowObj = document.getElementById(rowID);
		rowObj.className = className;
	}
}
function HiLiteClick(rowID,className) {
	// Revert previous row, if any, back to original state.
	if (global_HiLiteRowID != "") {
		var rowObjOrig = document.getElementById(global_HiLiteRowID);
		rowObjOrig.className= global_HiLiteOrigClass;
	}
	// Store current row and class in global variables
	global_HiLiteRowID = rowID;
	global_HiLiteOrigClass = className;

	// Apply highlight to current row.
	var rowObj = document.getElementById(rowID);
	rowObj.className= 'bgClickHiLite';
}