﻿function startHighlight(navRoot)
 {
        if (document.all && document.getElementById)
        { 
          //---------------
          // Get a reference to the TBODY element 
          tbody = navRoot.childNodes[0];
          
          for (i = 0; i < tbody.childNodes.length; i++)
          {
          //************************************************************
         
                    node = tbody.childNodes[i];
                    if(i==0)
                    {
                        node.style.background="#EAEAEA";
                    }
                    
                    if (node.nodeName == "TR")
                    {
                          if(i!=0)
                          {
                              node.onmouseover=function()
                              {
                                this.className = "over";                
                              }
                              
                              node.onmouseout=function()
                              {
                                this.className = this.className.replace("over", "");
                              }
                          }  
                    }
                
                    for (j = 0; j < node.childNodes.length; j++)
                    {
                           
                            if(j==0&&i!=0)
                            {
                                firstCell=node.childNodes[j];
                                firstCell.className="grid-first-item"; 
                            }
                            
                            else if(j==node.childNodes.length-1&&i!=0)
                            {
                                lastCell=node.childNodes[j];
                                 lastCell.className="grid-last-item";
                            }
                      
                            else
                            {
                                cell=node.childNodes[j];
                                cell.className="grid-item";
                            } 
                    }
            //********************
            }
        //-----------------
        }
  }
  
  function startHighlightWithoutHover(navRoot)
 {
        if (document.all && document.getElementById)
        { 
          //---------------
          // Get a reference to the TBODY element 
          tbody = navRoot.childNodes[0];
          
          for (i = 0; i < tbody.childNodes.length; i++)
          {
          //************************************************************
         
                    node = tbody.childNodes[i];
                    if(i==0)
                    {
                        node.style.background="#EAEAEA";
                    }
                    
                    if (node.nodeName == "TR")
                    {
                          if(i!=0)
                          {
                             /* node.onmouseover=function()
                              {
                                this.className = "over";                
                              }
                              
                              node.onmouseout=function()
                              {
                                this.className = this.className.replace("over", "");
                              }*/
                          }  
                    }
                
                    for (j = 0; j < node.childNodes.length; j++)
                    {
                           
                            if(j==0&&i!=0)
                            {
                                firstCell=node.childNodes[j];
                                firstCell.className="grid-first-item"; 
                            }
                            
                            else if(j==node.childNodes.length-1&&i!=0)
                            {
                                lastCell=node.childNodes[j];
                                 lastCell.className="grid-last-item";
                            }
                      
                            else
                            {
                                cell=node.childNodes[j];
                                cell.className="grid-item";
                            } 
                    }
            //********************
            }
        //-----------------
        }
  }
  
    

