var bdeel;	//	berekend aantal beweegbare delen

function init() {
	document.getElementById('width').value = breedte;
	document.getElementById('height').value = hoogte;
	for(var i=0; i<lamel.length; i+=2) {
		document.getElementById('d3').options[Math.floor(i/2)] = new Option(lamel[i], lamel[i+1]);
		if(lamel[i] == d3) {
			document.getElementById('d3').selectedIndex = i/2;
		}
	}
	shutters();
	document.getElementById('num1').selectedIndex = 0;
	for(var i=0; i<document.getElementById('num1').options.length; i++) {
		if(document.getElementById('num1').options[i].value == num1) {
			document.getElementById('num1').selectedIndex = i;
		}
	}
	document.getElementById('num2').checked = (num2 > 1);
	roosters1();
	document.getElementById('num3').selectedIndex = num3;
	document.getElementById('color').options.length = 0;
	var j = 0;
	for(var i=0; i<kleur.length; i+=2) {
		document.getElementById('color').options[j] = new Option(kleur[i],kleur[i+1].substring(1));
		document.getElementById('color').options[j].style.background = kleur[i+1];
		j++;
	}
//	document.getElementById('pic').options.length = 0;
//	for(var i=0; i<uitzicht.length; i+=2) {
//		document.getElementById('pic').options[i/2] = new Option(uitzicht[i],uitzicht[i+1]);
//		if(uitzicht[i+1] == pic) {
//			document.getElementById('pic').selectedIndex = i/2;
//		}
//	}
}

function shutters() {
	var width = document.getElementById('width').value.replace(/,/,'.');
	if(checkGo())
	{	if(width < minbreed) {
			document.getElementById('width').value = width = minbreed;
			document.getElementById('applet').innerHTML = minbreed + ' is de minimum breedte voor een shutter';
		}
		if(width > maxbreed * maxaantal) {
			document.getElementById('width').value = width = maxbreed * maxaantal;
			document.getElementById('applet').innerHTML = (maxbreed * maxaantal) + ' is de maximum breedte voor een set shutters';
		}
		h = document.getElementById('num1').selectedIndex;
		document.getElementById('num1').options.length = 0;
		var i = 0;
		for(var n=1; n<=maxaantal; n++) {
			if(width >= n*minbreed && width <= n*maxbreed) {
				document.getElementById('num1').options[i] = new Option(n + ' pane' + (n==1?'el':'len'),n);
				i++;
			}
		}
		if(h>=0 && h<document.getElementById('num1').options.length) {
			document.getElementById('num1').selectedIndex = h;
		}
	}
}

function roosters1() {
	if(checkGo())
	{	d3 = document.getElementById('d3').options[document.getElementById('d3').selectedIndex].value;
		var height = document.getElementById('height').value.replace(/,/,'.');
		if(height < 2*d2 + 3*d3) {
			document.getElementById('height').value = height = 2*d2 + 3*d3;
			document.getElementById('applet').innerHTML = (2*d2 + 3*d3) + ' is de minimum hoogte voor een shutter';
		}
		if(height > maxhoog) {
			document.getElementById('height').value = height = maxhoog;
			document.getElementById('applet').innerHTML = maxhoog + ' is de maximum hoogte voor een shutter';
		}
		var h1 = Math.floor((height-2*d2-d5)/d3);
		if(h1>=minbd*2 && height >= mindiv) {
			document.getElementById('num2').style.visibility = 'visible';
			document.getElementById('num2b').style.visibility = 'visible';
			if(height > maxdiv) document.getElementById('num2').checked = true;
		}
		else {
			document.getElementById('num2').checked = false;
			document.getElementById('num2').style.visibility = 'hidden';
			document.getElementById('num2b').style.visibility = 'hidden';
		}
		roosters2();
	}
}

function roosters2() {
	var n = document.getElementById('num2').checked?2:1;
	var height = document.getElementById('height').value.replace(/,/,'.');
	if(height > maxdiv && n == 1) alert('Deze keuze is mogelijk, maar wij adviseren bij hoogtes boven de ' + maxdiv + ' cm altijd een divider te kiezen');
	bdeel = Math.floor((height-n*d2-d5)/d3);
	if(n==1) {
		document.getElementById('num3').style.visibility = 'hidden';
		document.getElementById('num3b').style.visibility = 'hidden';
	}
	else {
		var h2 = document.getElementById('num3').selectedIndex;
		document.getElementById('num3').options.length = 0;
		document.getElementById('num3').options[0] = new Option('2/3 van onder',0);
		document.getElementById('num3').options[1] = new Option('midden',1);
		document.getElementById('num3').options[2] = new Option('1/3 van onder',2);
		if(h2<0 || h2 >= document.getElementById('num3').options.length) h2 = (document.getElementById('num3').options.length)/2;
		document.getElementById('num3').selectedIndex = h2;
		document.getElementById('num3').style.visibility = 'visible';
		document.getElementById('num3b').style.visibility = 'visible';
	}
}

function checkGo() {
	var fout = false;
	if(isNaN(document.getElementById('width').value.replace(/,/,'.'))) {
		document.getElementById('applet').innerHTML = 'breedte is geen geldig getal&nbsp;&nbsp;';
		fout = true;
	}
	else if(isNaN(document.getElementById('height').value.replace(/,/,'.'))) {
		document.getElementById('applet').innerHTML = 'hoogte is geen geldig getal&nbsp;&nbsp;';
		fout = true;
	}
	if(fout) {
		document.getElementById('go').disabled = true;
	}
	else {
		document.getElementById('go').disabled = false;
		if(document.getElementById('applet').innerHTML.indexOf('&nbsp;&nbsp;') >= 0) {
			document.getElementById('applet').innerHTML = '';
		}
	}
	return !fout;
}

function makeAppl() {
	var width = Math.floor(document.getElementById('width').value.replace(/,/,".") * vergr + .5);
	var height = Math.floor(document.getElementById('height').value.replace(/,/,".") * vergr + .5);
	if(width>=720||height>=480) document.body.style.scrollbarFaceColor='#ffffff'; else document.body.style.scrollbarFaceColor='#444444';
	var h = '';
	h += '<applet code=applet.ComfortShutters.class width="' + width + '" height="' + height + '">\n';
	h += '	<param name="width" value="' + width + '">\n';
	h += '	<param name="height" value="' + height + '">\n';
	h += '	<param name="num1" value="' + document.getElementById('num1').options[document.getElementById('num1').selectedIndex].value + '">\n';
	var num2 = document.getElementById('num2').checked?2:1;
	if(num2 == 1) {
		h += '	<param name="num2" value="' + bdeel + '">\n';
		h += '	<param name="num3" value="0">\n';
		var d2b = (document.getElementById('height').value.replace(/,/,".") - bdeel * d3) / 2;
		h += '	<param name="d2" value="' + Math.ceil(d2b * vergr) + '">\n';
		h += '	<param name="d5" value="0">\n';
	}
	else {
		var num3 = document.getElementById('num3').options[document.getElementById('num3').selectedIndex].value;
		if(num3 == 1) { // divider midden
			if(bdeel%2 > 0) bdeel--;
			h += '	<param name="num2" value="' + bdeel/2 + '">\n';
			h += '	<param name="num3" value="' + bdeel/2 + '">\n';
		}
		else {	// divider 1/3 of 2/3
			var num3h = Math.floor(bdeel / 3 + .5);
			if(num3 == 0) num3h = bdeel - num3h;
			h += '	<param name="num2" value="' + (bdeel-num3h) + '">\n';
			h += '	<param name="num3" value="' + num3h + '">\n';
		}
		var d2b = document.getElementById('height').value.replace(/,/,".") - bdeel * d3;
		var d2c = d2b * d2 / (2 * d2 + d5);
		h += '	<param name="d2" value="' + Math.ceil(d2c * vergr) + '">\n';
		h += '	<param name="d5" value="' + Math.ceil((d2b - 2 * d2c) * vergr) + '">\n';
	}
	h += '	<param name="d1" value="' + (d1 * vergr) + '">\n';
	h += '	<param name="d3" value="' + (d3 * vergr) + '">\n';
	h += '	<param name="d4" value="' + (d4 * vergr) + '">\n';
	h += '	<param name="s1" value="' + s1 + '">\n';
	h += '	<param name="s2" value="' + s2 + '">\n';
	h += '	<param name="s3" value="' + s3 + '">\n';
	h += '	<param name="color" value="' + document.getElementById('color').options[document.getElementById('color').selectedIndex].value + '">\n';
//	h += '	<param name="pic" value="' + document.getElementById('pic').options[document.getElementById('pic').selectedIndex].value + '">\n';
	h += '	<param name="pic" value="grijs.jpg">\n';
	h += '</applet>\n';
	h0 = h;
	if(shadow) {
		h = '<table border="0" cellspacing="0" cellpadding="0"><tr><td>' + h;
		h += '<td valign="top" background="../images/bg_form_r.jpg" width=""><img src="../images/bg_form_rb.jpg"></td></tr>';
		h += '<tr><td background="../images/bg_form_o.jpg" width=""><img src="../images/bg_form_lo.jpg"></td><td><img src="../images/bg_form_ro.jpg"></td></table>';
	}
	if(test) h = h + doeTest(h0);
	document.getElementById('applet').innerHTML = h;
}

function doeTest(h) {
	return '<br>' + h.replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/\n/g,'<br>');
}