var menuids=["navigation"]

function buildsubmenus(){
  for (var i=0; i<menuids.length; i++){
    var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
      ultags[t].parentNode.onmouseover=function(){
        this.getElementsByTagName("ul")[0].style.display="block"
        this.getElementsByTagName("a")[0].className = this.getElementsByTagName("a")[0].className + " hover" //add .hover class too keep the menu item with hover state
      }
      ultags[t].parentNode.onmouseout=function(){
        this.getElementsByTagName("ul")[0].style.display="none"
        this.getElementsByTagName("a")[0].className = this.getElementsByTagName("a")[0].className.replace(" hover", "") //remove .hover
      }
    }
    for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
      ultags[t].style.visibility="visible"
      ultags[t].style.display="none"
    }
  }
}

if (window.addEventListener)
  window.addEventListener("load", buildsubmenus, false)
else if (window.attachEvent)
  window.attachEvent("onload", buildsubmenus)