var nav1 = document.getElementById("nav1");
var nav2 = document.getElementById("nav2");
var nav3 = document.getElementById("nav3");
var nav4 = document.getElementById("nav4");
var nav5 = document.getElementById("nav5");

var subnav1 = document.getElementById("subnav1");
//var subnav2 = document.getElementById("subnav2");
//var subnav3 = document.getElementById("subnav3");
//var subnav4 = document.getElementById("subnav4");
//var subnav5 = document.getElementById("subnav5");


var dropdown1 = document.getElementById("dropdown1");
var dropdown2 = document.getElementById("dropdown2");
var dropdown3 = document.getElementById("dropdown3");
var dropdown4 = document.getElementById("dropdown4");
var dropdown5 = document.getElementById("dropdown5");




nav1.onmouseover = function() {
    dropdown1.style.visibility = "visible";
    dropdown1.style.zIndex = "22";
}
nav1.onmouseout = function() {
    dropdown1.style.visibility = "hidden";
}
subnav1.onmouseover = function() {
    dropdown1.style.visibility = "visible";
    dropdown1.style.zIndex = "22";
}
subnav1.onmouseout = function() {
    dropdown1.style.visibility = "hidden";
}

dropdown1.onmouseover = function() {
    dropdown1.style.visibility = "visible";
}
dropdown1.onmouseout = function() {
    dropdown1.style.visibility = "hidden";
}


nav2.onmouseover = function() {
    dropdown2.style.visibility = "visible";
}
nav2.onmouseout = function() {
    dropdown2.style.visibility = "hidden";
}

//subnav2.onmouseover = function() {
//    dropdown2.style.visibility = "visible";
//}
//subnav2.onmouseout = function() {
//    dropdown2.style.visibility = "hidden";
//}

dropdown2.onmouseover = function() {
    dropdown2.style.visibility = "visible";
}
dropdown2.onmouseout = function() {
    dropdown2.style.visibility = "hidden";
}


nav3.onmouseover = function() {
   dropdown3.style.visibility = "visible";
}
nav3.onmouseout = function() {
    dropdown3.style.visibility = "hidden";
}
//subnav3.onmouseover = function() {
//    dropdown3.style.visibility = "visible";
//}
//subnav3.onmouseout = function() {
//    dropdown3.style.visibility = "hidden";
//}
dropdown3.onmouseover = function() {
    dropdown3.style.visibility = "visible";
}
dropdown3.onmouseout = function() {
    dropdown3.style.visibility = "hidden";
}





nav4.onmouseover = function() {
    dropdown4.style.visibility = "visible";
}
nav4.onmouseout = function() {
    dropdown4.style.visibility = "hidden";
}
//subnav4.onmouseover = function() {
//    dropdown4.style.visibility = "visible";
//}
//subnav4.onmouseout = function() {
//    dropdown4.style.visibility = "hidden";
//}
dropdown4.onmouseover = function() {
    dropdown4.style.visibility = "visible";
}
dropdown4.onmouseout = function() {
    dropdown4.style.visibility = "hidden";
}


nav5.onmouseover = function() {
    dropdown5.style.visibility = "visible";
}
nav5.onmouseout = function() {
    dropdown5.style.visibility = "hidden";
}
//subnav5.onmouseover = function() {
//    dropdown5.style.visibility = "visible";
//}
//subnav5.onmouseout = function() {
//    dropdown5.style.visibility = "hidden";
//}
dropdown5.onmouseover = function() {
    dropdown5.style.visibility = "visible";
}
dropdown5.onmouseout = function() {
    dropdown5.style.visibility = "hidden";
}