var lastclicked = 'none';

// deze functie wordt bij het inladen van een pagina aangeroepen en zorgt dat de juiste menu knop ingedrukt staat
function check_button(id){
	if (id!='none' && id!=''){
		re=new RegExp('0.gif','gi');
		document.getElementById(id).src=document.getElementById(id).src.replace(re,"1.gif");		
		lastclicked = document.getElementById(id);
	}
}

/******************************************
functies voor de menu buttons
******************************************/

// plaatje swappen bij mouseOver
function check_over(image){
	re=new RegExp('0.gif','gi');
	image.src=image.src.replace(re,"1.gif");
}
// plaatje swappen bij mouseOut
function check_out(image){
	if(image.id != lastclicked.id){
		re=new RegExp('1.gif','gi');
		image.src=image.src.replace(re,"0.gif");
	}
}

/******************************************
een div verbergen of laten zien als de functie wordt aangeroepen
geef het id van de div mee aan de functie
als er een url wordt opgegeven wordt er naar die pagina doorgesurfd. 
Als je dit niet wilt geef je ipv een url gewoon '' op als url
******************************************/
function swap_div(div,url){
	if(document.getElementById(div).style.display=='block'){
		document.getElementById(div).style.display='none';
	} else {
		document.getElementById(div).style.display='block';
		if(url != ''){
			document.location = url;
		}
	} 
}

function swap_kleur_divs(){
	
	geselecteerde_optie = document.getElementById('aantal_kleuren').value;
	
	switch(geselecteerde_optie){
		// 1 kleur
		case '1':
			document.getElementById("div_kleur1").style.display='block';
			document.getElementById("div_kleur2").style.display='none';
			document.getElementById("div_kleur3").style.display='none';
			break;
		// 2 kleuren
		case '2':
			document.getElementById("div_kleur1").style.display='block';
			document.getElementById("div_kleur2").style.display='block';
			document.getElementById("div_kleur3").style.display='none';
			break;
		// 3 kleuren
		case '3':
			document.getElementById("div_kleur1").style.display='block';
			document.getElementById("div_kleur2").style.display='block';
			document.getElementById("div_kleur3").style.display='block';
			break;
		// full colour
		case 'f':
			document.getElementById("div_kleur1").style.display='none';
			document.getElementById("div_kleur2").style.display='none';
			document.getElementById("div_kleur3").style.display='none';
			break;			
	}
}

/******************************************
// een functie om popup schermen te openen
// voorbeeld: <a href="javascript:open_popup('test.html','windowName','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=500,height=300')">test</a>
******************************************/
function open_popup(filename,windowname,properties) {
    mywindow = window.open(filename,windowname,properties);
}