﻿var menuids=["ulPestMenuCentral","ulPestMenuLateral"] 
function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
        var currentAnchors = ultags[t].parentNode.getElementsByTagName("a")
        if (  currentAnchors != null && currentAnchors != '' && currentAnchors.length > 0){	//active anchors exists	
		    if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
			    ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
			    currentAnchors[0].className=currentAnchors[0].className + " mainfoldericon"
		    }else{ //else if this is a sub level menu (ul)
		      ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    	      currentAnchors[0].className=currentAnchors[0].className+ " subfoldericon"
		    }
            ultags[t].parentNode.onmouseover=function(){
            this.getElementsByTagName("ul")[0].style.visibility="visible"
            }
            ultags[t].parentNode.onmouseout=function(){
            this.getElementsByTagName("ul")[0].style.visibility="hidden"
            }
        }
    }
  }
}

if (window.addEventListener)
    window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
    window.attachEvent("onload", buildsubmenus_horizontal)
