var openMenus = 0;

menuid = "hoofdmenu";
currentMenu = "";
openHoofd = Array();
openSub = Array();
curPar = "";
var tabs = "";

function tabMouseOver() {	
	var toAdd = "Current";
	var toRemove = "";
	var ctab = $(this);
	var parent = ctab.parent();
	var ltab = parent.children("div[id^='leftFrom']");
	var rtab = parent.children("div[id^='rightFrom']");
	var submenu = parent.children("ul");
	openHoofd[parent] = true;

	tabs.each(function() {		

		var my = $(this).attr("id");
		var par = parent.attr("id");
		var cur = currentMenu.attr("id");		
		if(my != par && my != cur) {
			deactivateTabs($(this));
		}
		
	});
	
	// With submenu
	if (submenu.length) {
		var toAdd = "Mo";
	} 
	
	ltab.removeClass("leftFrom" + toRemove + "Tab");
	ltab.addClass("leftFrom" + toAdd + "Tab");
	rtab.removeClass("rightFrom" + toRemove + "Tab");
	rtab.addClass("rightFrom" + toAdd + "Tab");
	ctab.removeClass("behind" + toRemove + "Tab");
	ctab.addClass("behind" + toAdd + "Tab");
	//alert(ctab.offset().left);
	//alert(ctab.position().left);
	
	submenu.css('left', ltab.position().left - 10);
	submenu.show();
}

function deactivateTabs(parent) { 	
	var ltab = parent.children("div[id^='leftFrom']");
	var rtab = parent.children("div[id^='rightFrom']");
	var ctab = parent.children("div[id^='behind']");
	var submenu = parent.children("ul");
	var toAdd = "";
	var toRemove = "Current";
	
	// With submenu
	if (submenu.length) {
		var toRemove = "Mo";
	}
	
	ltab.removeClass("leftFrom" + toRemove + "Tab");
	ltab.addClass("leftFrom" + toAdd + "Tab");
	rtab.removeClass("rightFrom" + toRemove + "Tab");
	rtab.addClass("rightFrom" + toAdd + "Tab");
	ctab.removeClass("behind" + toRemove + "Tab");
	ctab.addClass("behind" + toAdd + "Tab");
	submenu.hide();
}

function checkMenus(parent) {
	var par = parent.attr("id");
	var cur = currentMenu.attr("id");
	if(!openHoofd[parent] && !openSub[parent] && cur != par) {
		deactivateTabs(parent);
	}
}

function tabMouseOut() {
	var parent = $(this).parent();
	openHoofd[parent] = false;
	curPar = parent;
	setTimeout("checkMenus(curPar)", 100);
}

function subMouseOver() {
	var parent = $(this).parent();
	openSub[parent] = true;
}

function subMouseOut() {
	var parent = $(this).parent();
	openSub[parent] = false;
	checkMenus(parent);
}

function createcssmenu(){
	var menu = $("#" + menuid);
	openHoofd[menuid] = false;
	openSub[menuid] = false;
	tabs = menu.children("li");
	var submenu = tabs.children("ul");
	var ltab = tabs.children("div[id^='leftFrom']");
	var ctab = tabs.children("div[id^='behind']");
	var rtab = tabs.children("div[id^='rightFrom']");
	currentMenu = tabs.children(".behindMenuHover").parent();
	
	ctab.hover(tabMouseOver, tabMouseOut);
	submenu.hover(subMouseOver, subMouseOut);
}


if (window.addEventListener)
	window.addEventListener("load", createcssmenu, false);
else if (window.attachEvent)
	window.attachEvent("onload", createcssmenu);