// JavaScript Document
dropDown = function() {

// Menu no.1
var sub1 = document.getElementById("submenu1");
var sub1a = document.getElementById("submenu1a");

  sub1.onmouseover = function() {
  
    sub2.className = "m2";sub3.className = "m3";sub4.className = "m4";sub5.className = "m5";sub6.className = "m6";
    sub1.className = "m1 over"; 
  
  }
  sub1.onmouseout = function() {
    
    sub1a.onmouseover = function() {sub1.className = "m1 over";}
    sub1a.onmouseout = function() {sub1.className = "m1";}
    sub1.onmouseout = function() {sub1.className = "m1";}
}

//Menu no.2
var sub2 = document.getElementById("submenu2");
var sub2a = document.getElementById("submenu2a");

  sub2.onmouseover = function() {
  
    sub1.className = "m1";sub3.className = "m3";sub4.className = "m4";sub5.className = "m5";sub6.className = "m6";
    sub2.className = "m2 over"; 
  
  }
  sub2.onmouseout = function() {
    
    sub2a.onmouseover = function() {sub2.className = "m2 over";}
    sub2a.onmouseout = function() {sub2.className = "m2";}
    sub2.onmouseout = function() {sub2.className = "m2";}
}

//Menu no.3
var sub3 = document.getElementById("submenu3");
var sub3a = document.getElementById("submenu3a");

  sub3.onmouseover = function() {
  
    sub1.className = "m1";sub2.className = "m2";sub4.className = "m4";sub5.className = "m5";sub6.className = "m6";
    sub3.className = "m3 over";
  
  }
  sub3.onmouseout = function() {
    
    sub3a.onmouseover = function() {sub3.className = "m3 over";}
    sub3a.onmouseout = function() {sub3.className = "m3";}
    sub3.onmouseout = function() {sub3.className = "m3";}
}

//Menu no.4
var sub4 = document.getElementById("submenu4");
var sub4a = document.getElementById("submenu4a");

  sub4.onmouseover = function() {
  
    sub1.className = "m1";sub2.className = "m2";sub3.className = "m3";sub5.className = "m5";sub6.className = "m6";
    sub4.className = "m4 over";
  
  }
  sub4.onmouseout = function() {
    
    sub4a.onmouseover = function() {sub4.className = "m4 over";}
    sub4a.onmouseout = function() {sub4.className = "m4";}
    sub4.onmouseout = function() {sub4.className = "m4";}
}

//Menu no.5
var sub5 = document.getElementById("submenu5");
var sub5a = document.getElementById("submenu5a");

  sub5.onmouseover = function() {
  
    sub1.className = "m1";sub2.className = "m2";sub3.className = "m3";sub4.className = "m4";sub6.className = "m6";
    sub5.className = "m5 over";
  }
  sub5.onmouseout = function() {
    
    sub5a.onmouseover = function() {sub5.className = "m5 over";}
    sub5a.onmouseout = function() {sub5.className = "m5";}
    sub5.onmouseout = function() {sub5.className = "m5";}
}

//Menu no.6
var sub6 = document.getElementById("submenu6");
var sub6a = document.getElementById("submenu6a");

  sub6.onmouseover = function() {
  
    sub1.className = "m1";sub2.className = "m2";sub3.className = "m3";sub4.className = "m4";sub5.className = "m5";
    sub6.className = "m6 over";
  }
  sub5.onmouseout = function() {
    
    sub6a.onmouseover = function() {sub6.className = "m6 over";}
    sub6a.onmouseout = function() {sub6.className = "m6";}
    sub6.onmouseout = function() {sub6.className = "m6";}
}

}
window.onload=dropDown;