//INSTELLINGEN
var toevoeging_over		= "_over";
var toevoeging_selected	= "_selected";


function buttonOver(id)
{		
	//Bestandsnaam zonder extensie bepalen	
	bestandsnaam = document.getElementById(id).src;
	extensie 	 = bestandsnaam.substring(bestandsnaam.lastIndexOf('.'),bestandsnaam.length);	
	bestandsnaam = bestandsnaam.substring(bestandsnaam.lastIndexOf('/')+1,bestandsnaam.length);	
	var url 	 = document.getElementById(id).src;
	url 		 = url.replace(bestandsnaam, "");		

	//Voor de hele snelle klikkers en om alles uit te sluiten los van elkaar replacen
	var regexp 		= eval("/" + toevoeging_over + "/g");
	bestandsnaam 	= bestandsnaam.replace(toevoeging_over, "");	
	var regexp 		= eval("/" + extensie + "/g");	
	bestandsnaam 	= bestandsnaam.replace(extensie, "");		
	var regexp 		= eval("/" + extensie + "/g");	
	bestandsnaam 	= bestandsnaam.replace(toevoeging_selected, "");			
	
	//Kijken welk plaatje er weer gegeven word
	var plaatje 	= document.getElementById(id).src;
	var regexp 		= eval("/" + toevoeging_selected + "/g");
	var resultArray = plaatje.match(regexp)
	
	//Als het plaatje niet selected is verander dan het plaatje voor mouseover
	if (!resultArray) 
	{
		document.getElementById(id).src = url + bestandsnaam + toevoeging_over + extensie;	
	}	
}

function buttonUit(id)
{
	//Bestandsnaam zonder extensie bepalen	
	var bestandsnaam= "";
	bestandsnaam 	= document.getElementById(id).src;
	extensie 		= bestandsnaam.substring(bestandsnaam.lastIndexOf('.'),bestandsnaam.length);	
	bestandsnaam 	= bestandsnaam.substring(bestandsnaam.lastIndexOf('/')+1,bestandsnaam.length);		
	var url 	 	= document.getElementById(id).src;
	url 			= url.replace(bestandsnaam, "");		

	//Voor de hele snelle klikkers en om alles uit te sluiten los van elkaar replacen
	var regexp 		= eval("/" + toevoeging_over + "/g");
	bestandsnaam 	= bestandsnaam.replace(toevoeging_over, "");	
	var regexp 		= eval("/" + extensie + "/g");	
	bestandsnaam 	= bestandsnaam.replace(extensie, "");		
	var regexp 		= eval("/" + extensie + "/g");	
	bestandsnaam 	= bestandsnaam.replace(toevoeging_selected, "");			
	
	//Kijken welk plaatje er weer gegeven word
	var plaatje = document.getElementById(id).src;
	var regexp 	= eval("/" + toevoeging_selected + "/g")
	var resultArray = plaatje.match(regexp)
	
	//Als het plaatje niet selected is verander dan het plaatje voor mouseout
	if (!resultArray) 
	{
		document.getElementById(id).src = url + bestandsnaam + extensie;	
	}	
}

function buttonSelected(id)
{
	//Bestandsnaam zonder extensie bepalen	
	var bestandsnaam= document.getElementById(id).src;
	extensie 		= bestandsnaam.substring(bestandsnaam.lastIndexOf('.'),bestandsnaam.length);		
	bestandsnaam 	= bestandsnaam.substring(bestandsnaam.lastIndexOf('/')+1,bestandsnaam.length);	
	var url 		= document.getElementById(id).src;
	url 		 	= url.replace(bestandsnaam, "");			
	
	//Voor de hele snelle klikkers en om alles uit te sluiten los van elkaar replacen
	var regexp 		= eval("/" + toevoeging_over + "/g");
	bestandsnaam 	= bestandsnaam.replace(toevoeging_over, "");	
	var regexp 		= eval("/" + extensie + "/g");	
	bestandsnaam 	= bestandsnaam.replace(extensie, "");		
	var regexp 		= eval("/" + extensie + "/g");	
	bestandsnaam 	= bestandsnaam.replace(toevoeging_selected, "");			


	//Alle plaatjes terug zetten
	for (i=0; i<=document.images.length-1; i++)
	{
		var regexp = eval("/" + toevoeging_selected + extensie + "/g");
		document.images[i].src = document.images[i].src.replace(regexp, extensie);
	}
	document.getElementById(id).src = url + bestandsnaam + toevoeging_selected + extensie;	
}