// JavaScript Document

function menuBar(id){
	$(document).ready(function(){
		initMenu(id);					   
	});
}

// Hoofdmenu voor BEESIGN
function initMenu(id){
	
	var sel = ".MenuBar#"+id+" .MenuItem";
	// op hover, menu tonen, overige menuitems verwijderen	
	$(sel).children("ul.submenu").mouseover(function(){
		// toon het submenu
		if(!$(this).hasClass("hover")){
			$(this).addClass("hover");
		}
	});
	$(sel).children("ul.submenu").mouseout(function(){
		// verberg het submenu
		$("ul").removeClass("hover");				
		hideSubs();
	});

	/**
	 *  Mouse over toekennen voor het menu, op de "over" state dient 
	 *	het gekoppelde submenu, indien aanwezig, te openen
	 */
	$(sel).mouseover(function(){
		hideSubs();
		$(this).children("ul.submenu").addClass("submenuOpen");
		$(this).children("ul.submenu").addClass("hover");
	});
	
	/**
	 *  Op de muis over van het supermenu, dient het submenu ook verborgen te worden
	 */
	$(".MenuBar#superMenu .MenuItem").mouseover(function(){
		hideSubs();													 
	});
}
function hideSubs(){
	$("ul").removeClass("submenuOpen");
	$("ul").removeClass("hover");
}

function hideSubmenu(){
	$("#tmp_status").html("submenu verbergen")
	
	if(!$("ul.hover")){
		$("ul").removeClass("submenuOpen");
	}
}

// Hoofdmenu voor BEESIGN
function org_initMenu(id){
	
	var sel = ".MenuBar#"+id+" .MenuItem";
	// op hover, menu tonen, overige menuitems verwijderen
	
	$(sel).children("ul.submenu").mouseover(function(){
		if(!$(this).hasClass("hover")){
			$(this).addClass("hover");
		}
	});
	$(sel).children("ul.submenu").mouseout(function(){
		$("ul").removeClass("hover");		
		hideSubmenu();
	});

	$(sel).mouseover(function(){
		hideSubs();
		$(this).children("ul.submenu").addClass("submenuOpen");
		$(this).children("ul.submenu").addClass("hover");
	});
	$(sel).mouseout(function(){
		hideSubs();
		setTimeout('hideSubmenu()', 3000);		
	})
	$(".MenuBar").mouseout(function(){
		hideSubs();
		setTimeout('hideSubmenu()', 3000);					
	});
}