//Variabele die aangeeft welke knop momenteel geselecteer id
	var selectedButton = "none";
	//Boolean die aangeeft of het een oude versie van Internet Explorer is
	var oldIE = isOldIE();
	
	/**
	* Retourneert true als de browser Internet Explorer tussen 5.5 en 7 ligt.
	*/
	function isOldIE()
	{
		var arVersion = navigator.appVersion.split("MSIE");
		var version = parseFloat(arVersion[1]);
		if(version >= 5.5 && version < 7)
			return true;
			//oldIE = true;
		else
			return false;
	}
	
	/**
	* Repareert alle png afbeeldingen als oldIE true is.
	*/
	function fixAllImages()
	{
		//Doe niks als we geen oude IE hebben
		if(oldIE == false)
			return;
		
		//Haal alle afbeeldingen uit het document en pas ze aan
		for(var i=0; i<document.images.length; i++)
		{
	   		//De afbeelding
	   		var img = document.images[i];
	   		//Bepaal of het een png is
	      	var imgName = img.src.toUpperCase();
	      	if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	      	{
        		//Crer een string voor het filter dat IE ondersteunt
				var filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img.src+"', sizingMethod='image'";
				//Vervang de huidige source door een leeg plaatje
				img.src = "images/transparent.gif";
				//Zet het filter, hierdoor wordt het nieuwe plaatje geladen OVER het huidige plaatje (die leeg is)
				img.style.filter=filter;      		   		
	      	}
		}
	}
	
	/**
	* Geeft een knop het 'licht' effect.
	*/
	function highlightButton(buttonName)
	{
		//Doe niks als de gegeven knop al de geselecteerde knop is
		if(buttonName == selectedButton)
			return;
		
		//De URL van het nieuwe plaatje
		var imgSrc = getSecondImageSRC(buttonName);
		if(oldIE)
		{
			//Creër een string voor het filter dat IE ondersteunt
			var filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+imgSrc+"', sizingMethod='image'";
			//Vervang de huidige source door een leeg plaatje
			document.getElementById(buttonName).src = "images/transparent.gif";
			//Zet het filter, hierdoor wordt het nieuwe plaatje geladen OVER het huidige plaatje (die leeg is)
			document.getElementById(buttonName).style.filter=filter;
		}
		else
			document.getElementById(buttonName).src = imgSrc;		
	}
	
	/**
	* Verwijderd het 'licht' effect
	*/
	function restoreButton(buttonName)
	{
		//Doe niks als de gegeven knop de geselecteerde knop is, gebruik hiervoor de deselectButton() functie
		if(buttonName == selectedButton)
			return;
		
		//De URL van het nieuwe plaatje
		var imgSrc = getFirstImageSRC(buttonName);
		if(oldIE)
		{
			//Creër een string voor het filter dat IE ondersteunt
			var filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+imgSrc+"', sizingMethod='image'";
			//Vervang de huidige source door een leeg plaatje
			document.getElementById(buttonName).src = "images/transparent.gif";
			//Zet het filter, hierdoor wordt het nieuwe plaatje geladen OVER het huidige plaatje (die leeg is)
			document.getElementById(buttonName).style.filter=filter;
		}
		else
			document.getElementById(buttonName).src = imgSrc;
		
	}
	
	/**
	* Selecteert de gegeven knop als permanent lichtgevend
	*/
	function selectButton(buttonName)
	{
		//Deselecteer de huidig geselecteerde knop als er een huidige is
		if(selectedButton != "none")
			deselectButton();
		
		//Laat de geselecteerde knop lichtgevend worden
		highlightButton(buttonName);
		//Markeer de knop als geselecteerd
		selectedButton = buttonName;
	}
	
	/**
	* Haalt het permanent lichtgevende effect weg.
	*/
	function deselectButton()
	{
		//Sla de huidige geselecteerde op in een tijdelijke variabele.
		var temp = selectedButton;
		//Markeer de geselecteerde knop als niet langer geselecteerd
		//Zonder deze aanpassing doet restoreButton(..) niks.
		selectedButton = "none";
		//Herstel de hiervoor geselecteerde knop naar z'n oude staat.
		restoreButton(temp);
	}
	
	/**
	* Retourneert de URL van elk eerste plaatje.
	*/
	function getFirstImageSRC(buttonName)
	{
		if(buttonName == "home")
			return "images/menu/home.jpg";
		else if(buttonName == "xotix")
			return "images/menu/xotix.jpg";
		else if(buttonName == "fotos")
			return "images/menu/fotos.jpg";
		else if(buttonName == "fotos")
			return "images/menu/fotos.jpg";
		else if(buttonName == "gastenboek")
			return "images/menu/gastenboek.jpg";
		else if(buttonName == "agenda")
			return "images/menu/agenda.jpg";
		else if(buttonName == "menukaart")
			return "images/menu/menukaart.jpg";
		else if(buttonName == "groepsfeesten")
			return "images/menu/groepsfeesten.jpg";
		else if(buttonName == "yourparty")
			return "images/menu/yourparty.jpg";
		else if(buttonName == "links")
			return "images/menu/links.jpg";
		else if(buttonName == "contact")
			return "images/menu/contact.jpg";
		else if(buttonName == "route")
			return "images/menu/route.jpg";
		else if(buttonName == "bpreclame")
			return "images/menu/bpreclame.jpg";
		else if(buttonName == "webshop")
			return "images/menu/webshop.jpg";
		else if(buttonName == "vacatures")
			return "images/menu/vacatures.jpg";
		else
			alert("ERROR: Unknown button name "+buttonName);
	}
	
	/**
	* Retourneert de URL van elk tweede plaatje.
	*/
	function getSecondImageSRC(buttonName)
	{
		if(buttonName == "home")
			return "images/menu/home2.jpg";
		else if(buttonName == "xotix")
			return "images/menu/xotix2.jpg";
		else if(buttonName == "fotos")
			return "images/menu/fotos2.jpg";
		else if(buttonName == "fotos")
			return "images/menu/fotos2.jpg";
		else if(buttonName == "gastenboek")
			return "images/menu/gastenboek2.jpg";
		else if(buttonName == "agenda")
			return "images/menu/agenda2.jpg";
		else if(buttonName == "menukaart")
			return "images/menu/menukaart2.jpg";
		else if(buttonName == "groepsfeesten")
			return "images/menu/groepsfeesten2.jpg";
		else if(buttonName == "yourparty")
			return "images/menu/yourparty2.jpg";
		else if(buttonName == "links")
			return "images/menu/links2.jpg";
		else if(buttonName == "contact")
			return "images/menu/contact2.jpg";
		else if(buttonName == "route")
			return "images/menu/route2.jpg";
		else if(buttonName == "bpreclame")
			return "images/menu/bpreclame2.jpg";
		else if(buttonName == "webshop")
			return "images/menu/webshop2.jpg";
		else if(buttonName == "vacatures")
			return "images/menu/vacatures2.jpg";
		else
			alert("ERROR: Unknown button name "+buttonName);
	}