function fixHeights() {
	if(document.getElementById('left') && document.getElementById('right') && document.getElementById('leftlist')) {
		var left = document.getElementById('left').offsetHeight
		var right = document.getElementById('right').offsetHeight
		var cont = document.getElementById('leftlist')
		var difference = right - left - 300
		
		if(right > left) {
			cont.style.paddingTop = difference + 'px'
		}
	}
}

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function displayImage ( p_image ) {
	URL = "displayimage.php?img=" + p_image;
}

function submitBestel0() {

}

function submitCdbBestel1() {
	var error = 0;

	//	check for invalid fields
	
	if(document.getElementById('voornaam')) {
		// init vars
		var voornaam = document.getElementById('voornaam');
		var voornaam_error = document.getElementById('voornaam_error');
		var achternaam = document.getElementById('achternaam');
		var achternaam_error = document.getElementById('achternaam_error');
		var adres = document.getElementById('adres');
		var adres_error = document.getElementById('adres_error');
		/*var postcode = document.getElementById('postcode');
		var postcode_error = document.getElementById('postcode_error');*/
		var woonplaats = document.getElementById('woonplaats');
		var woonplaats_error = document.getElementById('woonplaats_error');
		/*var telefoon = document.getElementById('telefoon');
		var telefoon_error = document.getElementById('telefoon_error');*/
		var email = document.getElementById('email');
		var email2 = document.getElementById('email2');
		var email_error = document.getElementById('email_error');
		
		//	set to defaults
		voornaam.style.borderColor = '#ccc';voornaam_error.style.display = 'none';
		achternaam.style.borderColor = '#ccc';achternaam_error.style.display = 'none';
		adres.style.borderColor = '#ccc';adres_error.style.display = 'none';
		/*postcode.style.borderColor = '#ccc';postcode_error.style.display = 'none';*/
		woonplaats.style.borderColor = '#ccc';woonplaats_error.style.display = 'none';
		/*telefoon.style.borderColor = '#ccc';telefoon_error.style.display = 'none';*/
		email.style.borderColor = '#ccc';email_error.style.display = 'none';
		email2.style.borderColor = '#ccc';
	}
	
	
	if (document.getElementById('username')) {
		//	init vars
		var nusername = document.getElementById('nusername');
		var nusername_error = document.getElementById('nusername_error');
		var npassword = document.getElementById('npassword');
		var npassword_error = document.getElementById('npassword_error');
		var npassword2 = document.getElementById('npassword2');
		
		//	set to defaults
		nusername.style.borderColor = '#ccc';nusername_error.style.display = 'none';
		npassword.style.borderColor = '#ccc';npassword_error.style.display = 'none';
		npassword2.style.borderColor = '#ccc';
	}
	
	if (document.getElementById('afleveradres').checked) {
		//	init vars		
		var afleveradres_voornaam = document.getElementById('afleveradres_voornaam');
		var afleveradres_voornaam_error = document.getElementById('afleveradres_voornaam_error');
		var afleveradres_achternaam = document.getElementById('afleveradres_achternaam');
		var afleveradres_achternaam_error = document.getElementById('afleveradres_achternaam_error');
		var afleveradres_adres = document.getElementById('afleveradres_adres');
		var afleveradres_adres_error = document.getElementById('afleveradres_adres_error');
		/*var afleveradres_postcode = document.getElementById('afleveradres_postcode');
		var afleveradres_postcode_error = document.getElementById('afleveradres_postcode_error');*/
		var afleveradres_woonplaats = document.getElementById('afleveradres_woonplaats');
		var afleveradres_woonplaats_error = document.getElementById('afleveradres_woonplaats_error');
		
		//	set to defaults
		afleveradres_voornaam.style.borderColor = '#ccc';afleveradres_voornaam_error.style.display = 'none';
		afleveradres_achternaam.style.borderColor = '#ccc';afleveradres_achternaam_error.style.display = 'none';
		afleveradres_adres.style.borderColor = '#ccc';afleveradres_adres_error.style.display = 'none';
		/*afleveradres_postcode.style.borderColor = '#ccc';afleveradres_postcode_error.style.display = 'none';*/
		afleveradres_woonplaats.style.borderColor = '#ccc';afleveradres_woonplaats_error.style.display = 'none';
	}
	
	if (document.getElementById('nusername')) {
		if ( nusername.value.length < 5 ) { nusername.style.borderColor = '#ff0000';nusername_error.style.display = 'block';error++;}
		if ( npassword.value.length < 5 ) { npassword.style.borderColor = '#ff0000';npassword2.style.borderColor = '#ff0000';npassword_error.style.display = 'block';error++;}
		if ( npassword.value != npassword2.value ) { npassword.style.borderColor = '#ff0000';npassword2.style.borderColor = '#ff0000';error++; }
	}
	if(document.getElementById('voornaam')) {
		if ( voornaam.value.length < 1 ) { voornaam.style.borderColor = '#ff0000';voornaam_error.style.display = 'block';error++;}
		if ( achternaam.value.length < 3 ) { achternaam.style.borderColor = '#ff0000';achternaam_error.style.display = 'block';error++;}
		if ( adres.value.length < 5 ) { adres.style.borderColor = '#ff0000';adres_error.style.display = 'block';error++;}
		/*if ( postcode.value.length != 6 ) { postcode.style.borderColor = '#ff0000';postcode_error.style.display = 'block';error++;}*/
		if ( woonplaats.value.length < 2 ) { woonplaats.style.borderColor = '#ff0000';woonplaats_error.style.display = 'block';error++;}
		/*if ( telefoon.value.length != 10 ) { telefoon.style.borderColor = '#ff0000';telefoon_error.style.display = 'block';error++;}*/
		
		if ( email.value != email2.value ) { email.style.borderColor = '#ff0000';email2.style.borderColor = '#ff0000'; }
	}
	
	//if ( kortingscode.value.length != 10 ) { kortingscode.style.borderColor = '#ff0000';kortingscode_error.style.display = 'block';error++;}
		
	if (document.getElementById('afleveradres').checked) {
		if ( afleveradres_voornaam.value.length < 1 ) { afleveradres_voornaam.style.borderColor = '#ff0000';afleveradres_voornaam_error.style.display = 'block';error++;}
		if ( afleveradres_achternaam.value.length < 3 ) { afleveradres_achternaam.style.borderColor = '#ff0000';afleveradres_achternaam_error.style.display = 'block';error++;}
		if ( afleveradres_adres.value.length < 5 ) { afleveradres_adres.style.borderColor = '#ff0000';afleveradres_adres_error.style.display = 'block';error++;}
		/*if ( afleveradres_postcode.value.length != 6 ) { afleveradres_postcode.style.borderColor = '#ff0000';afleveradres_postcode_error.style.display = 'block';error++;}*/
		if ( afleveradres_woonplaats.value.length < 2 ) { afleveradres_woonplaats.style.borderColor = '#ff0000';afleveradres_woonplaats_error.style.display = 'block';error++;}
	}
	
	//	check if any invalid fields have been found
	if(error > 0 ) {
		alert('1 of meerdere velden zijn niet goed ingevuld.');
	} else {
		document.stap1.submit();
	}
}

function submitCdbBestel2() {
	var b1 = document.getElementById('b1');
	var b2 = document.getElementById('b2');
	var b3 = document.getElementById('b3');
	var b4 = document.getElementById('b4');
	var b5 = document.getElementById('b5');
	var bedrag_anders = document.getElementById('bedrag_anders');
	
	var checked = 0;
	
	if(b1.checked == true) {
		checked++;
	}
	
	if(b2.checked == true) {
		checked++;
	}
	
	if(b3.checked == true) {
		checked++;
	}
	
	if(b4.checked == true) {
		checked++;
	}
	
	if(b5.checked == true) {
		checked++;
	}
	
	if(checked > 0) {
		// something is checked, check for input text @ b6
		if(b5.checked == true) {
			if(bedrag_anders.value.length > 0) {
				document.stap2.submit();
			} else {
				alert('Vergeet niet een bedrag in te vullen.');
			}
		} else {
			document.stap2.submit();
		}
	} else {
		alert('Selecteer aub een bedrag of vul uw eigen bedrag in.');
	}
}

function submitCdBestel3() {
	if (document.getElementById('algemenevoorwaarden').checked) {
		document.bestel3.submit();
	} else {
		alert('U kunt pas een bestelling plaatsen wanneer u akkoord gaat met de algemene voorwaarden.');
	}
}

function submitBestel1() {
	var error = 0;

	//	check for invalid fields
	
	if(document.getElementById('voornaam')) {
		// init vars
		var voornaam = document.getElementById('voornaam');
		var voornaam_error = document.getElementById('voornaam_error');
		var achternaam = document.getElementById('achternaam');
		var achternaam_error = document.getElementById('achternaam_error');
		var adres = document.getElementById('adres');
		var adres_error = document.getElementById('adres_error');
		/*var postcode = document.getElementById('postcode');
		var postcode_error = document.getElementById('postcode_error');*/
		var woonplaats = document.getElementById('woonplaats');
		var woonplaats_error = document.getElementById('woonplaats_error');
		/*var telefoon = document.getElementById('telefoon');
		var telefoon_error = document.getElementById('telefoon_error');*/
		var email = document.getElementById('email');
		var email2 = document.getElementById('email2');
		var email_error = document.getElementById('email_error');
		
		//	set to defaults
		voornaam.style.borderColor = '#ccc';voornaam_error.style.display = 'none';
		achternaam.style.borderColor = '#ccc';achternaam_error.style.display = 'none';
		adres.style.borderColor = '#ccc';adres_error.style.display = 'none';
		/*postcode.style.borderColor = '#ccc';postcode_error.style.display = 'none';*/
		woonplaats.style.borderColor = '#ccc';woonplaats_error.style.display = 'none';
		/*telefoon.style.borderColor = '#ccc';telefoon_error.style.display = 'none';*/
		email.style.borderColor = '#ccc'; email_error.style.display = 'none';
		email2.style.borderColor = '#ccc';
	}
	
	//	init vars
	var kortingscode = document.getElementById('kortingscode');
	var kortingscode_error = document.getElementById('kortingscode_error');
	
	//	set to default
	kortingscode.style.borderColor = '#ccc';kortingscode_error.style.display = 'none';
	
	if (document.getElementById('nusername')) {
		//	init vars
		var nusername = document.getElementById('nusername');
		var nusername_error = document.getElementById('nusername_error');
		var npassword = document.getElementById('npassword');
		var npassword_error = document.getElementById('npassword_error');
		var npassword2 = document.getElementById('npassword2');
		
		//	set to defaults
		nusername.style.borderColor = '#ccc';nusername_error.style.display = 'none';
		npassword.style.borderColor = '#ccc';npassword_error.style.display = 'none';
		npassword2.style.borderColor = '#ccc';
	}

	if (document.getElementById('afleveradres').checked) {
		//	init vars		
		var afleveradres_voornaam = document.getElementById('afleveradres_voornaam');
		var afleveradres_voornaam_error = document.getElementById('afleveradres_voornaam_error');
		var afleveradres_achternaam = document.getElementById('afleveradres_achternaam');
		var afleveradres_achternaam_error = document.getElementById('afleveradres_achternaam_error');
		var afleveradres_adres = document.getElementById('afleveradres_adres');
		var afleveradres_adres_error = document.getElementById('afleveradres_adres_error');
		/*var afleveradres_postcode = document.getElementById('afleveradres_postcode');
		var afleveradres_postcode_error = document.getElementById('afleveradres_postcode_error');*/
		var afleveradres_woonplaats = document.getElementById('afleveradres_woonplaats');
		var afleveradres_woonplaats_error = document.getElementById('afleveradres_woonplaats_error');
		
		//	set to defaults
		afleveradres_voornaam.style.borderColor = '#ccc';afleveradres_voornaam_error.style.display = 'none';
		afleveradres_achternaam.style.borderColor = '#ccc';afleveradres_achternaam_error.style.display = 'none';
		afleveradres_adres.style.borderColor = '#ccc';afleveradres_adres_error.style.display = 'none';
		/*afleveradres_postcode.style.borderColor = '#ccc';afleveradres_postcode_error.style.display = 'none';*/
		afleveradres_woonplaats.style.borderColor = '#ccc';afleveradres_woonplaats_error.style.display = 'none';
	}
	
	if (document.getElementById('nusername')) {
		if ( nusername.value.length < 5 ) { nusername.style.borderColor = '#ff0000';nusername_error.style.display = 'block';error++;}
		if ( npassword.value.length < 5 ) { npassword.style.borderColor = '#ff0000';npassword2.style.borderColor = '#ff0000';npassword_error.style.display = 'block';error++;}
		if ( npassword.value != npassword2.value ) { npassword.style.borderColor = '#ff0000';npassword2.style.borderColor = '#ff0000';error++; }
	}

	if(document.getElementById('voornaam')) {
		if ( voornaam.value.length < 1 ) { voornaam.style.borderColor = '#ff0000';voornaam_error.style.display = 'block';error++;}
		if ( achternaam.value.length < 3 ) { achternaam.style.borderColor = '#ff0000';achternaam_error.style.display = 'block';error++;}
		if ( adres.value.length < 5 ) { adres.style.borderColor = '#ff0000';adres_error.style.display = 'block';error++;}
		/*postcode.value = postcode.value.replace(' ', '')
		if ( postcode.value.length != 6 ) { postcode.style.borderColor = '#ff0000';postcode_error.style.display = 'block';error++;}*/
		if ( woonplaats.value.length < 2 ) { woonplaats.style.borderColor = '#ff0000';woonplaats_error.style.display = 'block';error++;}
		/*if ( telefoon.value.length != 10 ) { telefoon.style.borderColor = '#ff0000';telefoon_error.style.display = 'block';error++;}*/

		if ( email.value.length < 1) { email.style.borderColor = '#ff0000'; email_error.style.display = 'block'; error++; }
		if ( email2.value.length < 1) { email2.style.borderColor = '#ff0000'; error++; }
		if ( email.value != email2.value ) { email2.style.borderColor = '#ff0000'; error++; }
	}
	
	//if ( kortingscode.value.length != 10 ) { kortingscode.style.borderColor = '#ff0000';kortingscode_error.style.display = 'block';error++;}
		
	if (document.getElementById('afleveradres').checked) {
		if ( afleveradres_voornaam.value.length < 1 ) { afleveradres_voornaam.style.borderColor = '#ff0000';afleveradres_voornaam_error.style.display = 'block';error++;}
		if ( afleveradres_achternaam.value.length < 3 ) { afleveradres_achternaam.style.borderColor = '#ff0000';afleveradres_achternaam_error.style.display = 'block';error++;}
		if ( afleveradres_adres.value.length < 5 ) { afleveradres_adres.style.borderColor = '#ff0000';afleveradres_adres_error.style.display = 'block';error++;}
		/*if ( afleveradres_postcode.value.length != 6 ) { afleveradres_postcode.style.borderColor = '#ff0000';afleveradres_postcode_error.style.display = 'block';error++;}*/
		if ( afleveradres_woonplaats.value.length < 2 ) { afleveradres_woonplaats.style.borderColor = '#ff0000';afleveradres_woonplaats_error.style.display = 'block';error++;}
	}
	
	//	check if any invalid fields have been found
	if(error > 0 ) {
		alert('Niet alle velden zijn juist ingevuld. Verbeter de velden met een roze rand.');
	} else {
		document.bestel1.submit();
	}
}

function submitBestel2(){
	var error = 0;
	
	var aantal = document.getElementById('aantal').value;
	var prijs = document.getElementById('prijs').value;
	
	if (aantal == '') error++;
	if (prijs == '') error++;
	
	if (error > 0) {
		alert('Alle velden dienen ingevuld te zijn.');
	} else {
		document.bestel2.submit();
	}
}

function berekenPrijs() {
	try {
		//	object detection ipv browser detection	
		xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	catch(e) {
		//	de browser ondersteunt geen ajax
		alert ( 'Uw browser wordt niet ondersteund. Download Mozilla Firefox of Microsoft Internet Explorer' );
	}

	//	roept de functie triggered aan, wanneer de status wijzigd
	xmlhttp.onreadystatechange = updatePrijs;

	//	get form values
	var aantal = document.getElementById('aantal').value;
	var bewerking = document.getElementById('bewerking').value;
	//var zijkanten = document.getElementById('zijkanten').value;
	var canvastype = document.getElementById('canvastype').value;
	var formaat = document.getElementById('formaat').value;
	var canvastype = document.getElementById('canvastype').value;
	var glans = document.getElementById('glans').value;
	
	if ( formaat == 'afwijkend' ) {
		var formaat_x = document.getElementById('afwijkend_x').value;
		var formaat_y = document.getElementById('afwijkend_y').value;
		//	open the method
		xmlhttp.open("GET", "canvasincludes/berekenprijs.php?aantal=" + aantal + "&bewerking=" + bewerking + "&canvastype=mat&formaat_x=" + formaat_x + "&formaat_y=" + formaat_y + "&canvastype=" + canvastype + "&glans=" + glans);
	} else {
		//	open the method
		xmlhttp.open("GET", "canvasincludes/berekenprijs.php?aantal=" + aantal + "&bewerking=" + bewerking + "&canvastype=mat&formaat=" + formaat  + "&canvastype=" + canvastype + "&glans=" + glans);
	}
	//xmlhttp.open("GET", "canvasincludes/berekenprijs.php");

	//	null, omdat ie altijd een value wil
	xmlhttp.send(null);
}

function updatePrijs() {
	if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
		var prijs = xmlhttp.responseText;
		document.getElementById('prijsweergave').innerHTML = '&euro;' + prijs + '';
		document.getElementById('prijs').value = prijs;
	}	
}

function checkPromoCode() {
	try {
		//	object detection ipv browser detection	
		xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	catch(e) {
		//	de browser ondersteunt geen ajax
		alert ( 'Uw browser wordt niet ondersteund. Download Mozilla Firefox of Microsoft Internet Explorer' );
	}

	//	roept de functie triggered aan, wanneer de status wijzigd
	xmlhttp.onreadystatechange = checkPromo;

	//	get form values
	var promocode = document.getElementById('kortingscode').value;
	
	//	open the method
	xmlhttp.open("GET", "canvasincludes/checkpromo.php?code=" + promocode);
	
	//	null, omdat ie altijd een value wil
	xmlhttp.send(null);
}

function checkPromo() {
	if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
		var korting = xmlhttp.responseText;
		if(korting == 'ongeldig') {
			document.getElementById('kortingscode').style.borderColor = '#ff0000';
			document.getElementById('kortingscode_error').style.display = 'block';
		}
		if (korting == 'oud') {
			document.getElementById('kortingscode').style.borderColor = '#ff0000';
			alert('Deze actie is verlopen.');
		}

		if(korting !== 'ongeldig' && korting !== 'oud') {
			document.getElementById('kortingscode').style.borderColor = '#00FF00';
			document.getElementById('kortingscode_error').style.display = 'none';
		} else
		{
			checkWaardebonCode()
		}
	}
}

function checkWaardebonCode() {
	try {
		//	object detection ipv browser detection	
		xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	catch(e) {
		//	de browser ondersteunt geen ajax
		alert ( 'Uw browser wordt niet ondersteund. Download Mozilla Firefox of Microsoft Internet Explorer' );
	}

	//	roept de functie triggered aan, wanneer de status wijzigd
	xmlhttp.onreadystatechange = checkWaardebon;

	//	get form values
	var waardebon = document.getElementById('kortingscode').value;
	
	//	open the method
	xmlhttp.open("GET", "canvasincludes/checkwaardebon.php?code=" + waardebon);
	
	//	null, omdat ie altijd een value wil
	xmlhttp.send(null);
}

function checkWaardebon() {
	if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
		var korting = xmlhttp.responseText.split("/");
		if(korting[0] == 'ongeldig') {
			document.getElementById('kortingscode').style.borderColor = '#ff0000';
			document.getElementById('kortingscode_error').style.display = 'block';
            document.getElementById('tt_alert').style.display = 'none';
		} else {
			document.getElementById('kortingscode').style.borderColor = '#00FF00';
			document.getElementById('kortingscode_error').style.display = 'none';
            if(korting[1] == 'tipsentrucs') {
                document.getElementById('tt_alert').style.display = 'block';
            }
		}
	}	
}

function plaatsBestelling() {
	if (document.getElementById('algemenevoorwaarden').checked) {
		document.bestel4.submit();
	} else {
		alert('U kunt pas een bestelling plaatsen wanneer u akkoord gaat met de algemene voorwaarden.');
	}
}