var check = "clear";
var check2 = "clear";
var tellen = 0;

function show(){
	 document.getElementById('dropdown').style.filter = "alpha(opacity=" + tellen*10 + ")";
	 document.getElementById('dropdown').style.opacity = "0." + tellen;
	 document.getElementById('dropdown').style.visibility = "visible";
	 if (tellen < 9){
		 check2 = "notclear";
		 tellen++;
		 show();
		}else{
		 document.getElementById('dropdown').style.filter = "alpha(opacity=100)";
		 document.getElementById('dropdown').style.opacity = "1";
		 check2 = "clear";
		}
	}

function hide(){
	if (check2 == "clear"){
		document.getElementById('dropdown').style.filter = "alpha(opacity=" + tellen*10 + ")";
		document.getElementById('dropdown').style.opacity = "0." + tellen;
		if (tellen > -1){
			tellen--;
			hide();
		}else{
			document.getElementById('dropdown').style.visibility = "hidden";
		}
	}
}

function dropdown1(nummer){
	var positie1 = 128;
	var positie2 = document.getElementById(nummer).offsetLeft - 1;
	if (nummer == '7'){document.getElementById('dropdown').innerHTML = '<ul type="none"><li onclick="window.location.href=\'kamers\'"><a href="kamers">Kamers</a></li><li onclick="window.location.href=\'restaurant\'"><a href="restaurant">Restaurant</a></li><li onclick="window.location.href=\'hotelbar\'"><a href="hotelbar">Hotelbar</a></li><li onclick="window.location.href=\'lobby\'"><a href="lobby">Lobby</a></li><li onclick="window.location.href=\'zwembad\'"><a href="zwembad">Zwembad</a></li><li onclick="window.location.href=\'prijslijst\'"><a href="prijslijst">Prijslijst</a></li></ul>';}if (nummer == '10'){document.getElementById('dropdown').innerHTML = '<ul type="none"><li onclick="window.location.href=\'algemene-informatie\'"><a href="algemene-informatie">Algemene informatie</a></li><li onclick="window.location.href=\'banquetingmap\'"><a href="banquetingmap">Banquetingmap</a></li><li onclick="window.location.href=\'vergaderarrangementen\'"><a href="vergaderarrangementen">Vergaderarrangementen</a></li><li onclick="window.location.href=\'vergaderarrangementen-actief\'"><a href="vergaderarrangementen-actief">Vergaderarrangementen actief</a></li></ul>';}if (nummer == '14'){document.getElementById('dropdown').innerHTML = '<ul type="none"><li onclick="window.location.href=\'contact\'"><a href="contact">Contact</a></li><li onclick="window.location.href=\'vacatures\'"><a href="vacatures">Vacatures</a></li><li onclick="window.location.href=\'evenementenkalender\'"><a href="evenementenkalender">Evenementenkalender</a></li><li onclick="window.location.href=\'nieuwsbrief\'"><a href="nieuwsbrief">Nieuwsbrief</a></li><li onclick="window.location.href=\'routebeschrijving\'"><a href="routebeschrijving">Info / Route</a></li><li onclick="window.location.href=\'privacybeleid\'"><a href="privacybeleid">Privacybeleid</a></li><li onclick="window.location.href=\'algemene-voorwaarden\'"><a href="algemene-voorwaarden">Algemene voorwaarden</a></li><li onclick="window.location.href=\'links\'"><a href="links">Links</a></li></ul>';}	
	document.getElementById('dropdown').style.top = positie1 + 'px';
	document.getElementById('dropdown').style.left = positie2 + 'px';
	check = "notclear";
	show();
}

function dropdown2(){
	if (check == "clear"){
		hide();
	}
}

function dropdown3(){
	check = "clear";
	setTimeout("dropdown2()", 1);
}

function dropdown4(){
	check = "notclear";
	show();
}