var menuids=["navigation"]

function buildsubmenus(){
for (var i=0; i<menuids.length; i++){
    //document.getElementById(menuids[i]).style.marginLeft = (document.getElementById(menuids[i]).parentNode.offsetWidth - document.getElementById(menuids[i]).offsetWidth)/2 + 'px'
    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).find('a').removeClass('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)