//<![CDATA[

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

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

	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 != "diensten") {
				if (ultags[t].parentNode.parentNode.id==menuids[i]) { //if this is a first level submenu
						ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" // position first level submenus to be height of main menu item
					} 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.onmouseover = function() {
						this.getElementsByTagName("ul")[0].style.visibility="visible";
					}
					ultags[t].parentNode.onmouseout = function() {
						this.getElementsByTagName("ul")[0].style.visibility="hidden";
					}
				}
			}
		}
	}


	function buildsubDIV_horizontal(){
		for (var i=0; i<menuids.length; i++){
			var divtags=document.getElementById(menuids[i]).getElementsByTagName("div")
			for (var t=0; t<divtags.length; t++){
				if (divtags[t].parentNode.parentNode.id==menuids[i]) { // if this is a first level submenu
					divtags[t].style.top=divtags[t].parentNode.offsetHeight+"px" // position first level submenus to be height of main menu item
					divtags[t].style.left = getDistance('diensten','home')+"px";
				} else { //else if this is a sub level menu (ul)
					// divtags[t].style.left = getDistance('diensten','home')+"px";
				}
                divtags[t].parentNode.onmouseover=function() {
                	this.getElementsByTagName("div")[0].style.visibility="visible";
					var node = document.getElementById("topsubmenu")
					node.style.visibility="visible";
					for(var i=0; i< node.childNodes.length; i++) {
						if(node.childNodes[i].nodeName == "LI") {
							for(var j=0; j< node.childNodes[i].childNodes.length; j++) {
								if(node.childNodes[i].childNodes[j].nodeName == "UL") {
									node.childNodes[i].childNodes[j].style.visibility="visible";
									node.childNodes[i].childNodes[j].style.top=node.childNodes[i].childNodes[j].parentNode.offsetHeight+"px"
								}
							}
						} 

					}
                }
                divtags[t].parentNode.onmouseout=function() {
                	this.getElementsByTagName("div")[0].style.visibility="hidden";
					var node = document.getElementById("topsubmenu")
					node.style.visibility="hidden";
					for(var i=0; i< node.childNodes.length; i++) {
						if(node.childNodes[i].nodeName == "LI") {
							for(var j=0; j< node.childNodes[i].childNodes.length; j++) {
								if(node.childNodes[i].childNodes[j].nodeName == "UL") {
									node.childNodes[i].childNodes[j].style.visibility="hidden";
								}
							}
						} 

					}
                }
          	}
		}
	}

	function getDistance(element1,element2) {
		x1 = parseInt(document.getElementById(element1).offsetLeft);
		x2 = parseInt(document.getElementById(element2).offsetLeft);
		var distance = (x2 - x1);
		return (distance);
	}
	if (window.addEventListener) {
		window.addEventListener("load", buildsubmenus_horizontal, false)
		window.addEventListener("load", buildsubDIV_horizontal, false)
	} else if (window.attachEvent) {
		window.attachEvent("onload", buildsubmenus_horizontal)
		window.attachEvent("onload", buildsubDIV_horizontal)
	}

//]]>