<script type="text/javascript">
//---------------- Begin User Settings -------------------------------
var cellColor = "#cccccc";  // This sets the cell color
var rowColor = "aqua";      // This sets the row color
var useRows = true;         // This determines if rows are highlighted
//---------------- End User Settings ---------------------------------
 
var origColor;
 
function markCells(tableObj) {
  var div = document.getElementById('O'+tableObj)
  var tbl = div.getElementsByTagName("table");
  var trs = tbl[0].getElementsByTagName("tr");
 
  for (var i=0; i<trs.length; i++) {
    tds = trs[i].getElementsByTagName("td");
    for (j=0; j<tds.length; j++) {
      tds[j].onmouseover = hiliteCell;
      tds[j].onmouseout = retCell;
    }
  }
}
 
function hiliteCell() {
  origColor = this.style.backgroundColor;
  if (useRows) {
    this.parentNode.style.backgroundColor = rowColor;
  }
  this.style.backgroundColor= cellColor;
}
 
function retCell() {
 this.style.backgroundColor= origColor;
  if (useRows) {
    this.parentNode.style.backgroundColor = origColor;
  }
}
</script>