// JScript File

    var option;
var col;
var colline;
function MenuOver(opt,dvID,Color,Colorline)
{

    document.getElementById(Colorline).style.background =Color;
        document.getElementById("belowline").style.background =Color;
    option=opt;     
    col =Color;
    colline=Colorline;
    
    showMenu();
}
function showMenu()
{
   
     if(option == 1)
        {
       
                  document.getElementById("td2").style.background ="#FFFFFF";     
                  document.getElementById("td3").style.background ="#FFFFFF";      
                  document.getElementById("td4").style.background ="#FFFFFF";      
                  document.getElementById("td5").style.background ="#FFFFFF";      
                  document.getElementById("td6").style.background ="#FFFFFF";     
                  document.getElementById("td7").style.background ="#FFFFFF";    
                  document.getElementById("td8").style.background ="#FFFFFF";    
                  document.getElementById("subMenu").style.display="block";
                  document.getElementById("menu1").style.display="block";    
                    if(menu1count== 0)
            {
                 document.getElementById("subMenu").style.display="none";
                document.getElementById("menu1").style.display="none";
            } 
   
            }
    else if(option == 2 )
        {       
         
                 document.getElementById("td1").style.background ="#FFFFFF";     
                 document.getElementById("td3").style.background ="#FFFFFF";      
                 document.getElementById("td4").style.background ="#FFFFFF";      
                 document.getElementById("td5").style.background ="#FFFFFF";      
                 document.getElementById("td6").style.background ="#FFFFFF";      
                 document.getElementById("td7").style.background ="#FFFFFF";    
                 document.getElementById("td8").style.background ="#FFFFFF";   
                 document.getElementById("subMenu").style.display="block";
                 document.getElementById("menu7").style.display="block";    
                     if(menu7count== 0)
            {
                 document.getElementById("subMenu").style.display="none";
                document.getElementById("menu7").style.display="none";
            } 
   


        }
    else if(option == 3)
        {
     
                      
                document.getElementById("td1").style.background ="#FFFFFF"; 
                document.getElementById("td2").style.background ="#FFFFFF";      
                document.getElementById("td4").style.background ="#FFFFFF";      
                document.getElementById("td5").style.background ="#FFFFFF";      
                document.getElementById("td6").style.background ="#FFFFFF";      
                document.getElementById("td7").style.background ="#FFFFFF";    
                document.getElementById("td8").style.background ="#FFFFFF";     
              document.getElementById("subMenu").style.display="block";
                document.getElementById("menu2").style.display="block";
                    if(menu2count== 0)
            {
                 document.getElementById("subMenu").style.display="none";
                document.getElementById("menu2").style.display="none";
            } 
                }
    else if (option == 4)
        {
                document.getElementById("td2").style.background ="#FFFFFF";
                document.getElementById("td3").style.background ="#FFFFFF";
                document.getElementById("td5").style.background ="#FFFFFF";
                document.getElementById("td6").style.background ="#FFFFFF";
                document.getElementById("td7").style.background ="#FFFFFF";
                document.getElementById("td8").style.background ="#FFFFFF";
                document.getElementById("subMenu").style.display="block";
                document.getElementById("menu5").style.display="block";
          if(menu5count== 0)
            {
                 document.getElementById("subMenu").style.display="none";
                document.getElementById("menu5").style.display="none";
            } 
                    
        }
   else if(option == 5)
        {
                document.getElementById("td1").style.background ="#FFFFFF";     
                document.getElementById("td2").style.background ="#FFFFFF";      
                document.getElementById("td3").style.background ="#FFFFFF";      
                document.getElementById("td4").style.background ="#FFFFFF";      
                document.getElementById("td6").style.background ="#FFFFFF";     
                document.getElementById("td7").style.background ="#FFFFFF";    
                document.getElementById("td8").style.background ="#FFFFFF";     
                document.getElementById("subMenu").style.display="block";
                document.getElementById("menu3").style.display="block";
             if(menu3count== 0)
            {
                 document.getElementById("subMenu").style.display="none";
                document.getElementById("menu3").style.display="none";
            } 

        
        }
    else if(option == 6)
        {
            document.getElementById("td1").style.background ="#FFFFFF";
            document.getElementById("td2").style.background ="#FFFFFF";
            document.getElementById("td3").style.background ="#FFFFFF";
            document.getElementById("td4").style.background ="#FFFFFF";
            document.getElementById("td5").style.background ="#FFFFFF";
            document.getElementById("td7").style.background ="#FFFFFF";
            document.getElementById("td8").style.background ="#FFFFFF";
            document.getElementById("subMenu").style.display="block";
            document.getElementById("menu4").style.display="block";
  if(menu4count== 0)
            {
                 document.getElementById("subMenu").style.display="none";
                document.getElementById("menu4").style.display="none";
            } 

        }
          else if(option == 7)
        {
              document.getElementById("td1").style.background ="#FFFFFF";     
              document.getElementById("td2").style.background ="#FFFFFF";      
              document.getElementById("td3").style.background ="#FFFFFF";      
              document.getElementById("td4").style.background ="#FFFFFF";      
              document.getElementById("td5").style.background ="#FFFFFF";     
              document.getElementById("td6").style.background ="#FFFFFF";    
              document.getElementById("td8").style.background ="#FFFFFF";   
                 document.getElementById("subMenu").style.display="block";
                document.getElementById("menu6").style.display="block"; 
            if(menu6count== 0)
            {
                 document.getElementById("subMenu").style.display="none";
                document.getElementById("menu6").style.display="none";
            } 
        }
        else 
        {
            document.getElementById("td1").style.background ="#FFFFFF";     
            document.getElementById("td2").style.background ="#FFFFFF";      
            document.getElementById("td3").style.background ="#FFFFFF";      
            document.getElementById("td4").style.background ="#FFFFFF";      
            document.getElementById("td5").style.background ="#FFFFFF";     
            document.getElementById("td6").style.background ="#FFFFFF";    
            document.getElementById("td7").style.background ="#FFFFFF";     
             document.getElementById("subMenu").style.display="block";
            document.getElementById("menu8").style.display="block";
          
            if(menu8count== 0)
            {
                 document.getElementById("subMenu").style.display="none";
                document.getElementById("menu8").style.display="none";
            }
        }
        
           
}
function showSubMenu()
{
        document.getElementById(colline).style.background =col;
        document.getElementById("belowline").style.background =col;
     
    showMenu();
}

function hideMenu()
{    
        
             document.getElementById("td1").style.background ="#FFFFFF";     
            document.getElementById("td2").style.background ="#FFFFFF";      
            document.getElementById("td3").style.background ="#FFFFFF";      
            document.getElementById("td4").style.background ="#FFFFFF";      
            document.getElementById("td5").style.background ="#FFFFFF";     
            document.getElementById("td6").style.background ="#FFFFFF";    
            document.getElementById("td7").style.background ="#FFFFFF";   
            document.getElementById("td8").style.background ="#FFFFFF";     
          
            
    document.getElementById("subMenu").style.display="none";
    document.getElementById("menu1").style.display="none";
    document.getElementById("menu2").style.display="none";
    document.getElementById("menu3").style.display="none";
    document.getElementById("menu5").style.display="none";
    document.getElementById("menu4").style.display="none";
    document.getElementById("menu8").style.display="none";
    document.getElementById("menu7").style.display="none";
     document.getElementById("menu6").style.display="none";
         document.getElementById("belowline").style.backgroundImage   ="url(images/grey-shade.gif)";
    }