// menu getest in IE 5, IE 6, IE 7, FF 1.0, FF 1.5, FF 2, O 7.11, O 8.01, 0 9.1

var to = null;
var sto = null;
var submenusaanwezig = false;
var submenu = false; // submenu in beeld ja of nee

var is_ie = ( (navigator.userAgent.indexOf("MSIE") != -1) && (navigator.userAgent.indexOf("Opera") == -1) );
var is_opera = (navigator.userAgent.indexOf("Opera") != -1);
if (document.getElementById) {
	var cando = true;
} else {
	var cando = false;
}

function getE(id) {
	if (document.getElementById) {
		return document.getElementById(id);
	}
	else if (document.all) {
		return document.all[id];
	}
	else {
		return null;
	}
}

function menu_init() {
	if (cando) {
		for (key in ytems) {
			id = "a_menu_" + ytems[key]; // A
			e  = document.getElementById(id);
			if (e) {
				e.onmouseover = menu_e;
				if (e.captureEvents) e.captureEvents(Event.MOUSEOVER);
				e.onmouseout  = menu_hide_to;
				if (e.captureEvents) e.captureEvents(Event.MOUSEOUT);
			}
			
			id = "menupopup_" + ytems[key]; // DIV
			e = document.getElementById(id);
			if (e) {
				e.onmouseover = menu_clear_to;
				e.onmouseout  = menu_hide_to;
			}
		}
	}
}

function submenu_init() {
	if (cando) {
		for (key in subytems) {
			id = "a_submenu_" + subytems[key]; // A
			e  = document.getElementById(id);
			if (e) {
				e.onmouseover = submenu_e;
				if (e.captureEvents) e.captureEvents(Event.MOUSEOVER);
				e.onmouseout  = submenu_hide_to;
				if (e.captureEvents) e.captureEvents(Event.MOUSEOUT);
			}
			
			id = "submenupopup_" + subytems[key]; // DIV
			e = document.getElementById(id);
			if (e) {
				e.onmouseover = submenu_clear_to;
				e.onmouseout  = submenu_hide_to;
			}
		}
	}
}

function menu_e(e) {
	if (cando) {
		menu_clear_to();
		
		if (!e) e = window.event;
		if (!e.target) e.target = e.srcElement;
		
		et = e.target; // et is nu <img>
		
		ytem = et.id.substr(7);
		menu_view(ytem, e);
	}
}

function submenu_e(e) {
	if (cando) {
		submenu_clear_to();
		
		if (!e) e = window.event;
		if (!e.target) e.target = e.srcElement;
		
		et = e.target; // et is nu <a>
		
		ytem = et.id.substr(10);
		menu_view(ytem, e);
	}
}

function cmbVisibility(visibility) {
	// bepaalde <select> boxen weghalen (of tonen)
	//   ivm IE, die laat <select> altijd `bovenaan` zien, dus valt het popup menu er onder
	if (is_ie) {
		/*
		cmb = document.getElementById("cmbMaand");
		if (cmb) {
			cmb.style.visibility = visibility;
		}
		cmb = document.getElementById("cmbJaar");
		if (cmb) {
			cmb.style.visibility = visibility;
		}
		*/
	}
}

function menu_view(ytem, e) {
	if (cando) {
		if (!e && window.event) e = window.event;
		
		if (e) {
			mp = document.getElementById("menupopup_" + ytem);
			if (mp) {
				// HOOFDMENU's
				
				if (mp.style.display == "block") {
					// wordt al getoond
				} else {
					for (key in ytems) {
						var e2 = document.getElementById("menupopup_" + ytems[key]);
						if (e2) {
							e2.style.display = "none";
						}
					}
					
					if (ytem == "...") {
						cmbVisibility("hidden");
					}
					
				//	x = e.clientX;
					x = 0;
				//	y = e.clientY;
					y = 0;
					
					if (!e.target) e.target = e.srcElement;
					e = e.target;
					
					while (e.offsetParent.tagName != "BODY") {
					//	alert(e.offsetParent.tagName);
					//	alert(e.offsetLeft);
					//	if (e.offsetParent.tagName != "TABLE")
						
						x = x + e.offsetLeft;
						y = y + e.offsetTop;
						e = e.offsetParent;
					}
					
					/*
					if (is_ie || is_opera) {
						x = Math.floor((document.body.scrollWidth - 1000) / 2) + x;
					}
					*/
					
					mp.style.display = "block";
					mp.style.left = x;
					mp.style.top = y;
					
					mp.style.marginLeft = "-16px";
					mp.style.marginTop = "20px";
					
					for (key in ytems) {
						if (ytems[key] == ytem) {
							var ih = '<div class="menupopupcontainer" id="menupopupcontainer">' + menu_content[key] + '</div>';
							mp.innerHTML = ih;
							
							/*
							var ec = getE("menupopupcontainer");
							if (ec) {
								ec.innerHTML = menu_content[key];
							}
							else {
								mp.innerHTML = menu_content[key];
							}
							*/
						}
					}
					
					/*
					mp.innerHTML  = '<div id="submenupopup_Buffetten" class="submenupopup"></div>';
					mp.innerHTML += '<a href="#" id="a_submenu_Buffetten">buffetten</a>';
					*/
				}
				
				// EVENTUEEL SUB-SUBMENU INITIALISEREN
				/*
				if ( (ytem == "FeestenPartijen") || (ytem == "Hotel") ) {
					submenu_init();
				}
				*/
			}
			else {
				// SUBMENU's
				
				mp = document.getElementById("submenupopup_" + ytem);
				if (mp) {
					if (mp.style.display == "block") {
						// wordt al getoond
					} else {
						for (key in subytems) {
							var e2 = document.getElementById("submenupopup_" + subytems[key]);
							if (e2) {
								e2.style.display = "none";
							}
							// bijbehorend menu item inactief maken
							menuitemactief(subytems[key], "out");
						}
						
						if (ytem == "...") {
							cmbVisibility("hidden");
						}
						
						y = e.clientY;
						y = 0;
						
						if (!e.target) e.target = e.srcElement;
						e = e.target;
						
						while (e.offsetParent.tagName != "BODY") {
							y = y + e.offsetTop;
							e = e.offsetParent;
						}
						
						mp.style.display = "block";
						mp.style.top = y;
						mp.style.marginTop = "0px";
					}
				}
				
				// bijbehorend menu item actief houden
				menuitemactief(ytem, "over");
			}
		}
	}
}

function menuitemactief(ytem, status) {
	e = document.getElementById("a_submenu_" + ytem);
	if (e) {
		if (status == "over") {
			e.className = "menuitemactief";
		}
		else {
			e.className = "";
		}
	}
}

function menu_hide() {
	if (cando) {
		for (key in ytems) {
			e = document.getElementById("menupopup_" + ytems[key]);
			if (e) {
				e.style.display = "none";
			}
		}
		cmbVisibility("visible");
	}
}

function menu_hide_to() {
	to = setTimeout("menu_hide()", 500);
}

function menu_clear_to() {
	clearTimeout(to);
}

function submenu_hide() {
	if (cando) {
		for (key in subytems) {
			e = document.getElementById("submenupopup_" + subytems[key]);
			if (e) {
				e.style.display = "none";
			}
			// menu item inactief maken
			menuitemactief(subytems[key], "out");
		}
		
		cmbVisibility("visible");
	}
}

function submenu_hide_to() {
	sto = setTimeout("submenu_hide()", 10);
}

function submenu_clear_to() {
	clearTimeout(sto);
}
