var menuid = 'navibar';
var timeout = 500;

function buildsubmenus_horizontal () {
	var dltags = document.getElementById(menuid).getElementsByTagName('dl');
    
	for (var i=0; i<dltags.length; i+=1) {
		
		if (dltags[i].parentNode.parentNode.id == menuid ) { //if this is a first level submenu
			dltags[i].style.top = dltags[i].parentNode.offsetHeight+'px'; //dynamically position first level submenus to be height of main menu item
		}
		else {//else if this is a sub level menu (dl)
			dltags[i].style.left = dltags[i-1].getElementsByTagName('a')[0].offsetWidth+'px'; //position menu to the right of menu item that activated it
		}
   
		dltags[i].parentNode.onmouseover = function () {
   		this.getElementsByTagName('dl')[0].style.visibility = 'visible';
			this.active = true;
   	}
   	dltags[i].parentNode.onmouseout = function () {
   		var e = this;
			e.active = false;
			setTimeout(function () {
				if(!e.active){
					e.getElementsByTagName('dl')[0].style.visibility = 'hidden';
				}
			}, timeout);
   	}
		
  }
}

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