//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["vo_menu1"] //Enter id(s) of SuckerTree UL menus, separated by commas
var sum=0

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++){
		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
			ultags[t].parentNode.getElementsByTagName("a")[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
    	ultags[t].parentNode.getElementsByTagName("a")[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"
    }
    }
    //Som maken van de breedtes van de hoofdmenu's'
    var litags=document.getElementById(menuids[i]).getElementsByTagName("li")
    for (var t=0; t<litags.length; t++){
		if (litags[t].parentNode.id==menuids[i]){ //if this is a first level submenu
                    sum += litags[t].getElementsByTagName("a")[0].offsetWidth
		}
    }
   
}
}

function resizemenu(){
//De breedte van het menu bepaald de minimale breedte van de pagina

    if (sum == 0) { buildsubmenus_horizontal(); }   
    if (sum > window.innerWidth) {
        document.getElementById("container").style.width = sum + "px"; //Zet de breedte van de container gelijk aan de som van de hoofdmenu's
    } else {
        document.getElementById("container").style.width = window.innerWidth + "px"; //Zet de breedte gelijk aan breedte venster indien som kleiner is.
    }
}

if (window.addEventListener){
window.addEventListener("load", buildsubmenus_horizontal, false)
}else if (window.attachEvent){
window.attachEvent("onload", buildsubmenus_horizontal)
}

window.onresize = resizemenu //Bij resizing wordt de breedte aangepast aan het menu