//define globals
var selWidth = 0;
var selHeight = 0;
var group = '';
var extra = 0.00;
var price = 0.00;
var total = 0.00;

function showhideLadder(stat) {
	
	var sp6 = document.getElementById('ladderchoice');
	var sp7 = document.getElementById('ladderprijs');
	var sp8 = document.getElementById('ladderband');
	var sp4 = document.getElementById('trladderband');
	
	if (stat == 'on') {
		sp6.style.display = 'inline';
		sp7.style.display = 'inline';
		sp8.style.display = 'inline';
		//sp4.style.display = 'inline';
	} else {
		sp6.style.display = 'none';
		sp7.style.display = 'none';
		sp8.style.display = 'none';
		//sp4.style.display = 'none';
	}
	
}

function WidthHeight() {
	
	if($("#breed").val() != "") {

		b = parseFloat($("#breed").val().replace(',','.'));
		selWidth = Math.ceil(b);
			
		//kleurstalen uit en aan zetten op basis van breedte/hoogte
		$(".pgcontainer span").each(
			function(){
				var minWidth = parseInt($(this).attr("min_width"));
				var maxWidth = parseInt($(this).attr("max_width"));
			
				if(minWidth > 0 || maxWidth > 0) {
					if(minWidth <= selWidth && maxWidth >= selWidth) {
						//$(this).show();
					} else {
						//alert(selWidth + " / " + maxWidth);
						$(this).hide();
					}
				}
			}
		);
		
	}
	
	
	
}


//show/hide colors
function showhideColors(sp) {
	
	$(".pgcontainer").show();
	
	if(sp == '50mm') {

		$(".pgcontainer span").css("display", "none");
		SetKleur("");
		SetColor("");
		$("#but1").attr('src','/pix/kieskleur.jpg');
		$(".50mm").css("display","inline");
		
		showhidePgContainer();
		
	}
	if(sp == '65mm') {

		$(".pgcontainer span").css("display", "none");
		SetKleur("");
		SetColor("");
		$("#but1").attr('src','/pix/kieskleur.jpg');
		$(".65mm").css("display","inline");
		
		showhidePgContainer();
		
	}
	
	if(sp == '25mm') {

		$(".pgcontainer span").css("display", "none");
		SetKleur("");
		SetColor("");
		$("#but1").attr('src','/pix/kieskleur.jpg');
		$(".25mm").css("display","inline");
		
		showhidePgContainer();
		
	}

	
}

function showhidePgContainer() {
	
	$(".pgcontainer").each(function(){
		var aantal = $(this).children("span:visible").length;
		if(aantal == 0) {
			$(this).hide();
		} else {
			$(this).show();
		}
	});	
}

function showhideSubmit() {
	var breed = document.getElementById('breed');
	var hoog = document.getElementById('hoog');
	
	//var bedien = document.bestelform.bediening.value;
	//var lamel = document.bestelform.breedte.value;
	var bedien = '';
	var lamel = '';
	for (var i = 0;i < document.forms[0].bediening.length; i++) {
		if (document.forms[0].bediening[i].checked) {
			bedien = document.forms[0].bediening[i].value;
		}
	}
	
	for (var i = 0;i < document.forms[0].breedte.length; i++) {
		if (document.forms[0].breedte[i].checked) {
			lamel = document.forms[0].breedte[i].value;
		}
	}
	var klr = document.bestelform.kleur.value;
	
	var inopdedag = '';
	
	for (var i=0; i < document.forms[0].inopdedag.length; i++)
    {
	   if (document.forms[0].inopdedag[i].checked){
	      var inopdedag = document.forms[0].inopdedag[i].value;
	   }
	}

	var ladderbandkleurgekozen = false;
	
	if(document.getElementById('ladderband').checked) {
			
		for(var i = 1; i <= 11; i++) {
			if(document.getElementById('ladkleur' + i).checked) {
				ladderbandkleurgekozen = true;
			}
		}
				
	} else {
		ladderbandkleurgekozen = true;
	}
	
	if ( (breed.value > 0) && (hoog.value > 0) && (bedien != '') && (lamel != '') && (klr != '') && (inopdedag != '') && ladderbandkleurgekozen == true ) {
		var subber = document.getElementById('winkelknop');
		subber.innerHTML = '<input value=" Plaats in winkelmandje " type="submit">';
	} else {
		var subber = document.getElementById('winkelknop');
		var fields = 'Nog in te vullen velden:<br />';
		
		if (breed.value <= 0) {
			fields += '- breedte<br />';
		}
		
		if (hoog.value <= 0) {
			fields += '- hoogte<br />';
		}
		
		if (bedien == '') {
			fields += '- bediening<br />';
		}
		
		if (lamel == '') {
			fields += '- lamelbreedte<br />';
		}
		
		if (klr == '') {
			fields += '- kleur<br />';
		}
		
		if(inopdedag == '') {
			fields += '- in of op de dag<br />';
		}
		
		if (ladderbandkleurgekozen == false) {
			fields += '- ladderband kleur<br />';
		}
		
		subber.innerHTML = fields;
			
	}
	
	
}

//define data columns (numbers are mesurements in CM, corresponding to the prices array.)
var dimensions = new Array(
'60|60',
'260|60',
'80|60',
'240|60',
'180|60',
'120|60',
'100|60',
'280|60',
'220|60',
'200|60',
'300|60',
'140|60',
'160|60',
'100|80',
'240|80',
'140|80',
'260|80',
'220|80',
'120|80',
'280|80',
'160|80',
'80|80',
'180|80',
'300|80',
'200|80',
'60|80',
'120|100',
'160|100',
'220|100',
'60|100',
'240|100',
'200|100',
'180|100',
'140|100',
'300|100',
'260|100',
'80|100',
'100|100',
'280|100',
'300|120',
'120|120',
'220|120',
'260|120',
'140|120',
'280|120',
'200|120',
'60|120',
'160|120',
'240|120',
'80|120',
'100|120',
'180|120',
'200|140',
'280|140',
'80|140',
'60|140',
'120|140',
'160|140',
'140|140',
'220|140',
'300|140',
'240|140',
'100|140',
'180|140',
'260|140',
'140|160',
'160|160',
'180|160',
'220|160',
'260|160',
'280|160',
'120|160',
'80|160',
'100|160',
'300|160',
'200|160',
'240|160',
'60|160',
'260|180',
'240|180',
'160|180',
'120|180',
'100|180',
'60|180',
'300|180',
'140|180',
'80|180',
'280|180',
'180|180',
'220|180',
'200|180',
'200|200',
'140|200',
'120|200',
'300|200',
'280|200',
'160|200',
'80|200',
'220|200',
'100|200',
'180|200',
'60|200',
'260|200',
'240|200',
'180|220',
'140|220',
'240|220',
'60|220',
'160|220',
'200|220',
'220|220',
'260|220',
'300|220',
'280|220',
'120|220',
'100|220',
'80|220',
'300|240',
'220|240',
'60|240',
'100|240',
'260|240',
'80|240',
'280|240',
'120|240',
'240|240',
'160|240',
'140|240',
'180|240',
'200|240',
'180|260',
'200|260',
'220|260',
'240|260',
'260|260',
'160|260',
'60|260',
'140|260',
'120|260',
'280|260',
'100|260',
'80|260',
'300|260',
'260|280',
'60|280',
'300|280',
'280|280',
'240|280',
'220|280',
'180|280',
'160|280',
'140|280',
'120|280',
'100|280',
'80|280',
'200|280'
);
var prices = new Array(
116.184,
225.776,
126.896,
216.712,
182.928,
147.496,
136.784,
241.432,
205.176,
196.112,
252.144,
157.384,
172.216,
154.912,
257.912,
187.048,
272.744,
243.080,
172.216,
284.280,
201.880,
144.200,
213.416,
299.112,
225.776,
131.016,
196.112,
225.776,
280.160,
144.200,
297.464,
263.680,
246.376,
210.944,
347.728,
315.592,
159.032,
179.632,
330.424,
394.696,
218.360,
318.064,
355.144,
238.960,
375.744,
297.464,
159.032,
257.912,
334.544,
179.632,
200.232,
276.864,
330.424,
416.944,
200.232,
177.160,
243.080,
285.928,
263.680,
353.496,
443.312,
375.744,
218.360,
308.176,
397.992,
290.048,
318.064,
338.664,
390.576,
439.192,
463.088,
265.328,
216.712,
241.432,
486.160,
364.208,
412.824,
194.464,
480.392,
455.672,
341.960,
287.576,
262.032,
207.648,
536.424,
318.064,
234.016,
510.056,
369.976,
426.008,
399.640,
433.424,
341.960,
315.592,
583.392,
551.256,
371.624,
253.792,
463.088,
281.808,
402.112,
222.480,
524.888,
489.456,
433.424,
368.328,
532.304,
238.960,
402.112,
467.208,
500.992,
564.440,
629.536,
598.224,
336.192,
302.408,
272.744,
676.504,
536.424,
253.792,
325.480,
607.288,
287.576,
641.072,
358.440,
570.208,
431.776,
396.344,
465.560,
500.992,
480.392,
515.824,
551.256,
585.040,
622.120,
446.608,
268.624,
411.176,
362.972,
655.904,
340.312,
302.408,
691.336,
639.424,
285.928,
708.640,
673.208,
602.344,
568.560,
497.696,
463.912,
428.480,
390.576,
357.616,
319.712,
533.128
);
var widths = new Array(
60,
80,
100,
120,
140,
160,
180,
200,
220,
240,
260,
280
);
var heights = new Array(
60,
80,
100,
120,
140,
160,
180,
200,
220,
240,
260,
280,
300
);

function Calculate(){
	price = 0;
	showhideSubmit();
	if(selWidth > 0 && selHeight > 0){
		//get width key
		w = 0;
		for(i in widths){
			if(widths[i] >= selWidth){
				w = widths[i];
				break;
			}
		}

		//get height key
		h = 0;
		for(i in heights){
			if(heights[i] >= selHeight){
				h = heights[i];
	    		break;
	    	}
		}

		//do checks
		var checker = h + "|" + w;
		var arlength = dimensions.length;
		//var price = 0;
		
		for(q = 0; q < arlength; q++) {
			if (dimensions[q] == checker) {
				price = prices[q];
			}
		}
		
		if(price == 0){
	    	alert("Sorry, de door u opgegeven maat is niet leverbaar.");
	    	document.getElementById('breed').value = '';
	  		document.getElementById('hoog').value = '';
	  		document.getElementById('breed').focus();
	  		selHeight = 0;
	  		selWidth = 0;
	    		//alert("DEBUG: No price found?! prices["+h+"]["+w+"]");
	    }else{
			//Do some extra price calculations, depanding on the selected width
			if(selWidth < 50)
				price = price + 50.00;
			if(false) {
							}

			//Change price depanding on depth.
			if(document.getElementById('i50mm').checked) {
				showhideLadder('on');
				price = price + (price * (-5/100));
			}
			
			if(document.getElementById('i65mm').checked) {
				showhideLadder('on');
				price = price + (price * (-5/100));
			}
			
			
			if(document.getElementById('i25mm').checked) {
				showhideLadder('on');
							}

			//parse to screen
			document.getElementById('price').innerHTML = "Basis: <span class=\"price\">&euro; " + roundTotal(price) + "</span>";
			document.getElementById('basisprice').innerHTML = "Basis: <span class=\"price\">&euro; " + roundTotal(price) + "</span>";


            //change price depanding on selected color group
            //is niet nodig bij houten jaloezieën dus daarom niet uit database
			switch(group){
            	case 'PG1':
            		price = price * 1; //do nothing... just here as a dummie...
            		break;
            	case 'PG2':
            		price = price * 1.2; //+20%
            		break;
            	case 'PG3':
            		price = price * 1.4; //+40%
            		break;
			}

			//change total gui
			Total();

			//parse to screen
			document.getElementById('piece_price').innerHTML = "Basis + kleur: <span class=\"price\">&euro; " + roundTotal(price) + "</span>";
		}
	}
}

function Height(obj){
	h = parseFloat(obj.value.replace(',','.'));
	selHeight = Math.ceil(h);
	if(selHeight < 28) {
		alert("Sorry, onder de 28 cm is er niets leverbaar.");
		document.getElementById('breed').value = '';
	  document.getElementById('hoog').value = '';
	} else {
		document.getElementById('hoog').value = h;
		Calculate();
	}
}

function Width(obj){
	b = parseFloat(obj.value.replace(',','.'));
	selWidth = Math.ceil(b);
	if(selWidth < 28) {
		alert("Sorry, onder de 28 cm is er niets leverbaar.");
		document.getElementById('breed').value = '';
	  document.getElementById('hoog').value = '';
	} else {
		document.getElementById('breed').value = b;
		
		//kleurstalen uit en aan zetten
		$(".pgcontainer span").each(
			function(){
				var minWidth = parseInt($(this).attr("min_width"));
				var maxWidth = parseInt($(this).attr("max_width"));
				
				if(minWidth > 0 || maxWidth > 0) {
					if(minWidth <= selWidth && maxWidth >= selWidth) {
						$(this).show();
					} else {
						$(this).hide();
				}
				} else {
					$(this).show();
				}
			}
		);
		
		Calculate();
	}
}

function Extra(){
	extra = 0;
	
	if(document.getElementById('zijgelijding').checked) {
		extra+= price * 0.25;
	}
	
	if(document.getElementById('deurclips').checked) {
		extra+= 10.00;
	}
	
	if(document.getElementById('ladderband').checked) {
		var laddiv = document.getElementById('trladderband');
		laddiv.style.display = 'inline';
		extra+= price * 0.05;
		
		var ladderbandkleurgekozen = false;
		for(var i = 1; i <= 11; i++) {
			if(document.getElementById('ladkleur' + i).checked) {
				ladderbandkleurgekozen = true;
			}
		}
		
		if(ladderbandkleurgekozen == false) {
			alert("Kiest u ook een kleur voor de laderband");
		}
		
	} else {
		var laddiv = document.getElementById('trladderband');
		var lk1 = document.getElementById('ladkleur1');
		var lk2 = document.getElementById('ladkleur2');
		var lk3 = document.getElementById('ladkleur3');
		var lk4 = document.getElementById('ladkleur4');
		var lk5 = document.getElementById('ladkleur5');
		var lk6 = document.getElementById('ladkleur6');
		var lk7 = document.getElementById('ladkleur7');
		var lk8 = document.getElementById('ladkleur8');
		var lk9 = document.getElementById('ladkleur9');
		var lk10 = document.getElementById('ladkleur10');
		
		laddiv.style.display = 'none';
		lk1.checked = false;
		lk2.checked = false;
		lk3.checked = false;
		lk4.checked = false;
		lk5.checked = false;
		lk6.checked = false;
		lk7.checked = false;
		lk8.checked = false;
		lk9.checked = false;
		lk10.checked = false;
	}
	// if(document.getElementById('zijgeleiding').checked)
	// 	extra+= price * 0; 
	//change total gui
	Total();
	showhideSubmit();
}

function Total(){
    if(price > 0){
		total = price + extra;
//		document.getElementById('total').innerHTML = "Totaal (incl. 19% BTW): <span class=\"price\">&euro; " + roundTotal(total) + "</span><input type=hidden name=TOTAAL value=\"&euro; " + roundTotal(total,true) + "\">";
		document.getElementById('total').innerHTML = "Totaal (incl. 19% BTW): <span class=\"price\">&euro; " + roundTotal(total) + "</span><input type=hidden name=TOTAAL value=\"&euro; " + roundTotal(total,true) + "\">";
		adviesverkoopprijs(total);
	}
}

function roundTotal(c,nohtml){
	if(c==0)
		return '0,00';
	var pennies = c * 100;
	pennies = Math.round(pennies);
	var strPennies = pennies.toString();
	var len = strPennies.length;
	e = strPennies.substring(0, len - 2);
	c = strPennies.substring(len - 2, len);
	if(!e)
		e = 0;
	if(!nohtml)
		return (e + ',<span class="cents">' + c + '</span>');
	else
		return (e + ',' + c);
}

function calcTax(price){
	return (price  / 119) * 19;
}

function SetColor(g){
	group = g;
	Calculate();
	Total();
}

function SetKleur(testkleur){
	document.getElementById('testkleur').innerHTML = "Kleur: " + testkleur;
	document.getElementById('kleur').value = testkleur; //insert into form
}

function roll_over(img_name, img_src){
	document[img_name].src = img_src;
}

function roundAdviesTotal(c){
	var a = Math.round(c/10);
	var b = a * 10;
	var c = b - 1;
	return c;
}
function adviesverkoopprijs(pr) {
	
	 var advprice = pr + (pr * (35/100));
	
	$('#adviesprijs').html("Adviesprijs: <span class='price'>&euro; " + roundTotal(roundAdviesTotal(advprice)) + "</span>");
		
}