dojo.addOnLoad(mainMenu);
function mainMenu()
{
	var queryList = dojo.query(".mainMenu ul li");
	var subMenuList = dojo.query(".mainMenu ul ul");
	
	// maak alle submenu's transparant 
	dojo.forEach(subMenuList, function(invisibleSubMenu){
		dojo.style(invisibleSubMenu,'opacity',0);
	});
 
 	// voor ieder menuitem...
	dojo.forEach(queryList, function(menuItem){
		
		// ...maak een mouseover event aan
		dojo.connect(menuItem, "mouseenter", function(domEvent) {
			var subMenu = dojo.query("ul", menuItem);
			if(subMenu.length > 0)
			{
				dojo.fadeIn({
                   node:subMenu[0],
                   duration:1,
				   onEnd: function(){dojo.addClass(menuItem, "hover");}
                }).play();
			}
			else
			{
				dojo.addClass(menuItem, "hover");
			}
		});
		
		// ...en maak een mouseout event aan
		dojo.connect(menuItem, "mouseleave", function(domEvent) {
			var subMenu = dojo.query("ul", menuItem);
			if(subMenu.length > 0)
			{
				dojo.fadeOut({
                   node:subMenu[0],
                   duration:1,
				   onEnd: function(){dojo.removeClass(menuItem, "hover");}
                }).play();
			}
			else
			{
				dojo.removeClass(menuItem, "hover");
			}
		});
		
	});	
}