// This function activates both the 'on' and 'off' states for each image. 
   function rollOver(imageName,srcObj,imageState) { 
      // check whether the browser can handle rollover 
      // images and if the images have been pre-cached yet. 
      if (document.images) { 
         // assign the new image and replace the old one. 
         changeImage = eval(srcObj + imageState + ".src"); 
         document[imageName].src = changeImage; 
      } // end-if statement 
   } // end-rollOver function 


   // the following function changes the 
   // css-class of an entire row of cells. 
   function changeBGColor(cssClassName,cell_id1,cell_id2) { 

      // declare local variables. 
      var cellObject1;  
      var cellObject2;  

      // continue if the browser is ie4. 
      if (document.all) { 
         // create objects to reference the table cells. 
         cellObject1 = eval('document.all.' + cell_id1); 
         cellObject2 = eval('document.all.' + cell_id2); 
      } // end-if statement 

      // continue if the browser is ie5 or ns6.  
      if (document.getElementById) { 
         // create objects to reference the table cells. 
         cellObject1 = document.getElementById(cell_id1); 
         cellObject2 = document.getElementById(cell_id2); 
      } // end-if statement 

      // continue if an appropriate browser is being used. 
      if (document.all || document.getElementById) { 
         // update the table cells with the new background color. 
         cellObject1.className = eval("'" + cssClassName + "'"); 
         cellObject2.className = eval("'" + cssClassName + "'"); 
      } // end-if statement 

   } // end-function changeBGColor