//li's van hoofdmenu ophalen
	var parentItems = new Array();
	$$('#menu ul li ul').each(function(el) {
		parentItems[parentItems.length] = el.parentNode;
	});
	
	//actieve menu item bepalen
	var activeItem;
	for (x = 0;x < parentItems.length; x++)
		if (parentItems[x].className == 'active')
			activeItem = parentItems[x];

	for (x = 0;x < parentItems.length; x++) {
		
		//mouseover op hoofditems
		Event.observe(parentItems[x], 'mouseover', function() {
			
			//submenu's verbergen
			hideAllSubMenus(parentItems);
			
			if (this.className != 'active')
				this.className = 'over';
			
			var subMenu = this.firstDescendant().next(0);
			subMenu.setStyle({
				'display': 'block'							
			});
			
		});		
		
		//mouseout op hoofditems			
		Event.observe(parentItems[x], 'mouseout', function() {
			
			var subMenu = this.firstDescendant().next(0);
			subMenu.setStyle({
				'display': 'none'							
			});
			
			if (this.className != 'active')
				this.className = '';
			
			if (activeItem) {
				activeItem.firstDescendant().next().setStyle({
					'display': 'block'	
				});
			}
		});
	}
	
	//alle submenus verbergen
	function hideAllSubMenus(parentItems)
	{
		for (x = 0;x < parentItems.length; x++) {
			
			var subMenu = parentItems[x].firstDescendant().next(0);
			subMenu.setStyle({
				'display': 'none'							
			});							
		}
	}