//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 == "Basisschool")
			return "images/menuball.png";
		else if(buttonName == "NT2-expertisecentrum")
			return "images/menuball.png";
		else if(buttonName == "Wachtwoord wijzigen")
			return "images/menuball.png";
		else if(buttonName == "Gebruiker aanmaken")
			return "images/menuball.png";
		else if(buttonName == "English version")
			return "images/menuball.png";
		else
			alert("ERROR: Unknown button name "+buttonName);
	}
	
	/**
	* Retourneert de URL van elk tweede plaatje.
	*/
	function getSecondImageSRC(buttonName)
	{
		if(buttonName == "Basisschool")
			return "images/menuball2.png";
		else if(buttonName == "NT2-expertisecentrum")
			return "images/menuball2.png";
		else if(buttonName == "Wachtwoord wijzigen")
			return "images/menuball2.png";
		else if(buttonName == "Gebruiker aanmaken")
			return "images/menuball2.png";
		else if(buttonName == "English version")
			return "images/menuball2.png";
		else
			alert("ERROR: Unknown button name "+buttonName);
	}