var arrayOfRolloverClasses = new Array();
  var arrayOfClickClasses = new Array();
  var activeRow = false;
  var activeRowClickArray = new Array();

  function highlightTableRow()
  {
      var tableObj = this.parentNode;
      if(tableObj.tagName!='TABLE')tableObj = tableObj.parentNode;

      if(this!=activeRow){
          this.setAttribute('origCl',this.className);
          this.origCl = this.className;
      }
      this.className = arrayOfRolloverClasses[tableObj.id];

      activeRow = this;

  }

  function clickOnTableRow()
  {
      var tableObj = this.parentNode;
      if(tableObj.tagName!='TABLE')tableObj = tableObj.parentNode;

      if(activeRowClickArray[tableObj.id] && this!=activeRowClickArray[tableObj.id]){
          activeRowClickArray[tableObj.id].className='';
      }
      this.className = arrayOfClickClasses[tableObj.id];

      activeRowClickArray[tableObj.id] = this;

  }

  function resetRowStyle()
  {
      var tableObj = this.parentNode;
      if(tableObj.tagName!='TABLE')tableObj = tableObj.parentNode;

      if(activeRowClickArray[tableObj.id] && this==activeRowClickArray[tableObj.id]){
          this.className = arrayOfClickClasses[tableObj.id];
          return;
      }

      var origCl = this.getAttribute('origCl');
      if(!origCl)origCl = this.origCl;
      this.className=origCl;

  }

  function addTableRolloverEffect(tableId,whichClass,whichClassOnClick)
  {
      arrayOfRolloverClasses[tableId] = whichClass;
      arrayOfClickClasses[tableId] = whichClassOnClick;

      var tableObj = document.getElementById(tableId);
      var tBody = tableObj.getElementsByTagName('TBODY');
      if(tBody){
          var rows = tBody[0].getElementsByTagName('TR');
      }else{
          var rows = tableObj.getElementsByTagName('TR');
      }
      for(var no=0;no<rows.length;no++){
          rows[no].onmouseover = highlightTableRow;
          rows[no].onmouseout = resetRowStyle;

          if(whichClassOnClick){
              rows[no].onclick = clickOnTableRow;
          }
      }

  }