// 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 ytems = new Array("EtenDrinken", "FeestenPartijen", "Hotel", "Omgeving");
var subytems = new Array("Buffetten", "Diners", "Arrangementen", "HotelArrangementen");
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) );
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 <a>
		
		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");
					}
					
					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 = "20px";
					
					if (ytem == "EtenDrinken") {
						if (is_ie) {
							mp.style.top = y - 128;
							mp.style.marginLeft = 15;
						}
						else {
							mp.style.top = y - 121;
							mp.style.marginLeft = 120;
						}
					}
					else if (ytem == "FeestenPartijen") {
						mp.style.width = 170;
						if (is_ie) {
							mp.style.top = y - 128;
							mp.style.marginLeft = 15;
						}
						else {
							mp.style.top = y - 121;
							mp.style.marginLeft = 285;
						}
					}
					else if (ytem == "Hotel") {
						mp.style.width = 160;
						if (is_ie) {
							mp.style.top = y - 197 - 23;
							mp.style.marginLeft = -32;
						}
						else {
							mp.style.top = y - 165 - 22;
							mp.style.marginLeft = 431;
						}
					}
					else if (ytem == "Omgeving") {
						mp.style.width = 170;
						if (is_ie) {
							mp.style.top = y - 105;
							mp.style.marginLeft = -15;
						}
						else {
							mp.style.top = y - 99;
							mp.style.marginLeft = 545;
						}
					}
					
					if (ytem == "EtenDrinken") {
						mp.innerHTML  = '<a href="grandcafe.php">grand caf&eacute;</a>';
						mp.innerHTML += '<a href="restaurant.php">restaurant</a>';
						//mp.innerHTML += '<a href="bar.php">bar</a>';
						mp.innerHTML += '<a href="terras.php">terras &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</a>';
						mp.innerHTML += '<a href="alacarte.php">&aacute; la carte</a>';
						mp.innerHTML += '<span class="menuitem">eten &amp; drinken</span>';
					}
					else if (ytem == "FeestenPartijen") {
						mp.innerHTML  = '<div id="submenupopup_Buffetten" class="submenupopup"></div>';
						mp.innerHTML += '<a href="buffetten.php" id="a_submenu_Buffetten">buffetten</a>';
						
						mp.innerHTML += '<div id="submenupopup_Diners" class="submenupopup"></div>';
						//mp.innerHTML += '<a href="diners.php" id="a_submenu_Diners">diners</a>';
						
						mp.innerHTML += '<div id="submenupopup_Arrangementen" class="submenupopup"></div>';
						mp.innerHTML += '<a href="arrangementen.php" id="a_submenu_Arrangementen">arrangementen</a>';
						
						mp.innerHTML += '<div id="submenupopup_Arrangementen" class="submenupopup"></div>';
						mp.innerHTML += '<a href="reserveren.php">reserveren</a>';
						mp.innerHTML += '<a href="uvh.php" id="a_submenu_Arrangementen">u.v.h.</a>';
						mp.innerHTML += '<span class="menuitem">feesten &amp; partijen</span>';
					}
					else if (ytem == "Hotel") {
						mp.innerHTML  = '<a href="hotelkamer.php">hotelkamer</a>';
						mp.innerHTML += '<a href="tuinsuite.php">tuinsuite</a>';

						mp.innerHTML += '<div id="submenupopup_HotelArrangementen" class="submenupopup"></div>';
						mp.innerHTML += '<a href="hotelarrangementen.php" id="a_submenu_HotelArrangementen">arrangementen</a>';

						mp.innerHTML += '<a href="prijzen.php">prijzen &nbsp; &nbsp; &nbsp; &nbsp;</a>';
						mp.innerHTML += '<a href="aanbieding.php">aanbieding</a>';
						mp.innerHTML += '<a href="hotelreserveren.php">reserveren</a>';
						mp.innerHTML += '<a href="#" onclick="window.open(\'http://webservices.smarthotel.nl/wbook4.0/front/start.aspx?RegNr=01669BE9AC\',\'smartHOTEL\');return false;">reserveer online</a>';
						mp.innerHTML += '<a href="uvh.php">u.v.h.</a>';
						mp.innerHTML += '<span class="menuitem">hotel</span>';
					}
					else if (ytem == "Omgeving") {
						mp.innerHTML  = '<a href="gaasterlansleat.php">gaasterl&acirc;n-sleat</a>';
						mp.innerHTML += '<a href="oudemirdum.php">oudemirdum</a>';
						mp.innerHTML += '<a href="zuidwestfriesland.php">zuidwest friesland</a>';
						mp.innerHTML += '<span class="menuitem">omgeving</span>';
					}
				}
				
				// 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 = "20px";
						
						if (ytem == "Buffetten") {
							mp.style.width = 170;
							if (is_ie) {
								mp.style.top = y - 125;
								mp.style.marginLeft = 150;
								//mp.style.top = y - 50;
								//mp.style.marginLeft = 150;
							}
							else {
								mp.style.top = y - 99;
								mp.style.marginLeft = 150;
								//mp.style.top = y - 49;
								//mp.style.marginLeft = 150;
							}
						}
						else if (ytem == "Diners") {
							mp.style.width = 170;
							if (is_ie) {
								mp.style.top = y - 75;
								mp.style.marginLeft = 150;
								//mp.style.top = y - 50;
								//mp.style.marginLeft = 150;
							}
							else {
								mp.style.top = y - 79;
								mp.style.marginLeft = 150;
								//mp.style.top = y - 49;
								//mp.style.marginLeft = 150;
							}
						}
						else if (ytem == "Arrangementen") {
							mp.style.width = 220;
							if (is_ie) {
								mp.style.top = y - 125;
								mp.style.marginLeft = 150;
								//mp.style.top = y - 55;
								//mp.style.marginLeft = 150;
							}
							else {
								mp.style.top = y - 99;
								mp.style.marginLeft = 150;
								//mp.style.top = y - 49;
								//mp.style.marginLeft = 150;
							}
						}
						else if (ytem == "HotelArrangementen") {
							mp.style.width = 210;
							if (is_ie) {
								mp.style.top = y - 95;
								mp.style.marginLeft = 145;
							}
							else {
								mp.style.top = y - 99;
								mp.style.marginLeft = 140;
							}
						}
						
						/* FEESTEN & PARTIJEN */
						if (ytem == "Buffetten") {
							mp.innerHTML  = '<a href="internationaalbuffet.php">internationaal buffet</a>';
							mp.innerHTML += '<a href="familiebuffet.php">familie buffet</a>';
							mp.innerHTML += '<a href="barbecue.php">barbecue</a>';
							mp.innerHTML += '<a href="friesekoffietafel.php">friese koffietafel</a>';
							mp.innerHTML += '<a href="boerenbuffet.php">boeren buffet</a>';
							mp.innerHTML += '<a href="mediteraanstappasbuffet.php">mediteraans tappas buffet</a>';
							mp.innerHTML += '<a href="heegetee.php">heege tee</a>';
						}
						else if (ytem == "Diners") {
							mp.innerHTML  = '<a href="dinersbijkaarslicht.php">diners bij kaarslicht</a>';
							mp.innerHTML += '<a href="kindermenu.php">kindermenu</a>';
							mp.innerHTML += '<a href="dinerbuffet.php">diner / buffet</a>';
						}
						else if (ytem == "Arrangementen") {
							mp.innerHTML = '';
							mp.innerHTML  += '<a href="skutsjearrangement.php">skūtsje arrangement</a>';
							mp.innerHTML  += '<a href="solexarrangement.php">solex arrangement</a>';
							mp.innerHTML += '<a href="familiedagarrangement.php">familiedag arrangement</a>';
							mp.innerHTML += '<a href="teambuildingsarrangement.php">teambuildings arrangement</a>';
							mp.innerHTML += '<a href="avondarrangement.php">avond arrangement</a>';
							//mp.innerHTML += '<a href="griezelavondarrangement.php">griezelavond arrangement</a>';
							mp.innerHTML += '<a href="boerenfeestarrangement.php">boerenfeest arrangement</a>';
							mp.innerHTML += '<a href="losse_activiteiten.php">losse activiteiten</a>';
							
						}

						/* HOTEL */
						else if (ytem == "HotelArrangementen") {
							mp.innerHTML  = '<a href="weekendarrangement_hotel.php">weekendarrangement</a>';
							mp.innerHTML += '<a href="fietsarrangement.php">fietsarrangement</a>';
							mp.innerHTML += '<a href="weekarrangement.php">weekarrangement</a>';
							mp.innerHTML += '<a href="golfarrangement.php">golfarrangement</a>';
							mp.innerHTML += '<a href="wandelarrangement.php">wandelarrangement</a>';
							mp.innerHTML += '<a href="laagseizoenarrangement.php">laagseizoenarrangement</a>';
						}
					}
				}
				
				// 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);
}