menus = new Array();
function newMenu(menuName,menuPageId,subMenuItems){
	var newObj = new Object();
		newObj.menuName = menuName;
		newObj.menuPageId = menuPageId;
		newObj.menuTag = null;
		newObj.subMenuTag = null;
		newObj.subMenuHide = 0;
		newObj.subMenuItems = subMenuItems;
	return newObj;
}

function newItem(name,pageId){
	var newObj = new Object();
		newObj.itemName = name;
		newObj.itemPageId = pageId;
	return newObj;
}

function buildMenus(){
	var i,j,menuBox;
	menuBox = document.getElementById('menuBox');
	// build head menus
	for(i in menus){
		thisMenu = menus[i];
		newMenuLink = document.createElement('a');
			if(i==0){ newMenuLink.id = 'leftMost'; }
			else if(i==(menus.length-1)){ newMenuLink.id = 'rightMost'; }
			newMenuLink.className = 'menuLink';
			newMenuLink.href = (thisMenu.menuPageId==null ? 'javascript://Geen pagina' : 'index.php?pageid=' + thisMenu.menuPageId);
			newMenuLink.appendChild(document.createTextNode(thisMenu.menuName));
			newMenuLink.onmouseover = new Function('plusShow('+i+')');
			newMenuLink.onmouseout = new Function('plusHide('+i+')');
		thisMenu.menuTag = newMenuLink;
		menuBox.insertBefore(newMenuLink,menuBox.lastChild);
	}

	// build submenus
	for(i in menus){
		thisMenu = menus[i];
		if(thisMenu.subMenuItems == null) continue;

		newSubMenu = document.createElement('div');
			newSubMenu.id = thisMenu.menuTag.id;
			newSubMenu.className = 'subMenu';
			newSubMenu.style.top = '33px';
			newSubMenu.style.left = thisMenu.menuTag.offsetLeft + 'px';
			if(window.navigator.appName == 'Netscape'){ // W3C compliant browser hack
				newSubMenu.style.top = thisMenu.menuTag.parentNode.offsetTop + 33 + 'px';
				newSubMenu.style.left = thisMenu.menuTag.offsetLeft + thisMenu.menuTag.parentNode.offsetLeft + 'px';
			}
			newSubMenu.onmouseover = new Function('plusShow('+i+')');
			newSubMenu.onmouseout = new Function('plusHide('+i+')');
		thisMenu.subMenuTag = newSubMenu;
		menuBox.appendChild(newSubMenu);
		
		for(j in thisMenu.subMenuItems){
			thisSubMenu = thisMenu.subMenuItems[j];
			newSubMenuLink = document.createElement('a');
				if(j==0){ newSubMenuLink.id = 'topMost'; }
				else if(j==(thisMenu.subMenuItems.length-1)){ newSubMenuLink.id = 'bottomMost'; }
				newSubMenuLink.className = 'subMenuLink';
				newSubMenuLink.appendChild(document.createTextNode(thisSubMenu.itemName));
				newSubMenuLink.href = (thisSubMenu.itemPageId==null ? '#' : 'index.php?pageid=' + thisSubMenu.itemPageId);
				//newSubMenuLink.onmouseover = new Function('plusShow('+i+')');
			newSubMenu.appendChild(newSubMenuLink);
		}
		
		// don't crop width, but fill up when width of parent element is larger
		if(newSubMenu.offsetWidth < thisMenu.menuTag.offsetWidth){
			newSubMenu.style.width = (thisMenu.menuTag.offsetWidth-1);
		}
	}
}

function plusShow(menuIdx){
	menus[menuIdx].subMenuHide++;
	menuReferee(menuIdx);
}
function plusHide(menuIdx){
	menus[menuIdx].subMenuHide--;
	window.setTimeout('menuReferee('+menuIdx+')',100);
}
function menuReferee(menuIdx){
	thisMenu = menus[menuIdx];
	if(thisMenu.subMenuTag != null){
		if(thisMenu.subMenuHide > 0){
			thisMenu.subMenuTag.style.visibility = 'visible';
		}else{
			thisMenu.subMenuTag.style.visibility = 'hidden';
		}
	}
}