var initialized = false;
var http = null;
var ahttp = null;
var isIE;
var isGecko;
var isSafari;
var isOpera;
var lastQ = '';
var produkt = '';
var prevprodukt = '';
var ontwerp = new Array();
var curontwerp = 0;
var curontwerptab = 0;
var curkleur = 'rood';
var curkleurrgb = 'ff0000';
var basecolors = null;
var fontscript = '';
var curfont = 0;
var oldkleur = 'rood';
var oldkleurrgb = 'ff0000';
var prod = new Array();
var pakket = null;
var curkraam = -1;
var kraam = (window.location.toString().indexOf('&id=46&') > -1);
var ontwerpprijs = 0;
var tekstprijs = 0;
var async = false;
var prijzen = null;
var price = 0;

function debug(msg) {
return;
	var d = document.getElementById('debug');
	if (d)
		d.innerHTML += "Debug - "+msg+"<br>";
}

function rgb(r, g, b) {
	return '#'+getHex(r)+getHex(g)+getHex(b);
}

function getHex(d) {
	var hex = '0123456789abcdef';
	var hi = parseInt(d/16);
	var lo = d % 16;
	var h = hex.substring(hi-1, 1)+hex.substring(lo-1, 1)+' ';
	hi = hex.substring(hi, hi+1);
	lo = hex.substring(lo, lo+1);
	h = hi+lo;
	return h;
}

function showSmall(id) {
	var o = document.getElementById('maintr');
	var td = document.createElement('TD');
	td.innerHTML = "<a href='javascript:kiesPakket("+id+");'><img id='kraamimg"+id+"' border=0 src='images/kraam/pakket-"+prod[id][3]+".jpg' title='"+prod[id][1]+": "+prod[id][2].replace(/\'/, '`')+"'/></a>";
	o.appendChild(td);
}

function kiesPakket(id) {
	if (curkraam != id) {
		var d = null;
		var s = document.getElementById('kraamkeuze');
		s.innerHTML = S_GEKOZENKRAAMPAKKET1+prod[id][3]+': '+prod[id][2]+S_GEKOZENKRAAMPAKKET2;
		var o = document.getElementById('produkt');
		o.value=prod[id][0];
		curkraam = id;
	        d = document.getElementById('product_id');
	        d.value = prod[curkraam][4];
		pakket = null;
		var w = '';
		for (var i = 0; i < prod.length; i++) {
			w = '';
			if (i != id)
				w = '-wit';
			d = document.getElementById('kraamimg'+i);
			d.src='images/kraam/pakket-'+prod[i][3]+w+'.jpg';
		}
	}
	kiesMatenenKleuren();
}

function checkKraam() {
	var r = '';
	if (pakket)
		for (var p = 0; p < pakket.length; p++) {
			if ((pakket[p][2] == -1 || pakket[p][2] == S_KIES) && r == '')
				r = S_KRAAMGEENMAAT+pakket[p][1]+'.';
			if ((pakket[p][3] == -1 || pakket[p][3] == S_KIES) && r == '')
				r = S_KRAAMGEENKLEUR+pakket[p][1]+'.';
		}
	else
		r = S_KRAAMGEENMAATENKLEUR;
	var o = document.getElementById('matenkleurenstatus');
	o.innerHTML = r;
	return r;
}

function checkBestelKnop() {
	doShowPreview();
	checkPrijs();
	var k = document.getElementById('bestelknop');
	var o = document.getElementById('produkt');
	var r = '';
	if (kraam) {
		if (o.value == '')
			r = S_KRAAMGEENPAKKET;
	} else {
		if (o.selectedIndex == 0) {
			r = S_BSGEENPRODUCT;
		}
	}
	if (r == '') {
		o = document.getElementById('rt1');
		if (o.checked) {
			o = document.getElementById('tekst');
			if (o && o.value == S_UWTEKST) {
				r = S_BSGEENTEKST;
			}
		}
		if (kraam) {
			var s = checkKraam();
			if (r == '')
				r = s;
		}
	}
	if (r != '') {
		k.style.display = 'none';
		k = document.getElementById('compleet');
		k.innerHTML = r;
		k.style.display = 'block';
		return;
	}
	k.style.display = 'block';
	k = document.getElementById('compleet');
	k.style.display = 'none';
}

function doShowPreview() {
	if (kraam) return;
	var o = document.getElementById('selectedProduct');
	var k = document.getElementById('kleursimpel');
	k = k.options[k.selectedIndex].value;
	k = k.toLowerCase();
	var p = document.getElementById('produkt');
	if (o) {
		var i = p.selectedIndex;
		if (i > 0) {
			if (prijzen[i][2] == 'laken')
				o.src = 'images/bestelsnel/thumb/bs_'+prijzen[i][2]+'.jpg';
			else
				o.src = 'images/bestelsnel/thumb/bs_'+prijzen[i][2]+'_'+k+'.jpg';
			o.style.display = 'block';
		} else
			o.style.display = 'none';
	}
}

function showPreview(id) {
	doShowPreview();
	var p = document.getElementById('produkt');
	var o = document.getElementById('produkt');
	for (i = 1; i < p.options.length; i++)
		if (o.options[i].value == id)
			o.selectedIndex = i;
	getMaten(id);
}

function showAllSmall() {
	var o = document.getElementById('kraam');
	for (j = 0; j < o.options.length; j++) {
		for (i = 0; i < prod.length; i++) {
			if (o.options[j].value == prod[i][0])
				showSmall(i);
		}
	}
}

var requests = Array();
var lastRequest = 0;

function request(q, f) {
	var r = requests.length;
	requests[r] = Array();
	requests[r][0] = 'lang='+language+'&'+q;
	requests[r][1] = f;
	requests[r][2] = false; // busy
	requests[r][3] = false; // done
//debug('* <strong>Add request '+r+'</strong>: '+q+' - '+f);
	nextRequest();
}

function nextRequest() {
//debug('* Next request: '+lastRequest+' of '+requests.length);
	for (var r = lastRequest; r < requests.length; r++) {
		if (requests[r][2]) {
//debug('* Next request busy '+r+': '+requests[r]);
			return;
		}
		if (!requests[r][3]) {
//debug('* Next request '+r+': '+requests[r]);
			try {
				http = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e1) { 
				try { 
					http = new ActiveXObject("Microsoft.XMLHTTP");
				} catch(e2) {
					http = typeof XMLHttpRequest != "undefined" ? new XMLHttpRequest() : null;
				}
			}
			try {
				ahttp = new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e1) { 
				try { 
					ahttp = new ActiveXObject("Microsoft.XMLHTTP");
				} catch(e2) {
					ahttp = typeof XMLHttpRequest != "undefined" ? new XMLHttpRequest() : null;
				}
			}
			doRequest(r);
			return;
		}
	}
//debug('* Next request: none');
}

function doRequest(r) {
debug('* <strong>Run request '+r+'</strong>: '+requests[r]);
	var q = requests[r][0];
	var f = requests[r][1];
	requests[r][2] = true;
//	alert(q);
//debug('** Run Query('+async+', '+f+'): '+q);
		if (!async) {
			http.open('GET', 'getdata.php?'+q, async);
			http.send(null);
//debug('S* Eval Response: <strong>'+http.responseText+'</strong>');
			if (q == 'type=fontcolor') {
				fontscript = http.responseText;
//debug("S***");
				eval(f);
			} else {
				eval(http.responseText);
//debug('S* Query Done: '+q);
//debug('S* Function: '+f+' ('+q+')');
				eval(f);
//debug('S* Function Done: '+f+' ('+q+')');
			}
//debug('S* <strong>Done request '+r+'</strong> ('+async+', '+f+'): '+q);
				requests[r][2] = false;
				requests[r][3] = true;
				lastRequest = r;
				nextRequest();
		} else {
			if (ahttp.readyState) {
//debug("Aborting - "+http.readyState+': '+lastQ);
//				ahttp.abort();
			}
			ahttp.open('GET', 'getdata.php?'+q, async);
			ahttp.send(null);
			ahttp.onreadystatechange = function() {
				var done = false;
				if (ahttp.readyState == 4) {
					if (ahttp.status == 200 && !done) {
						done = true;
						if (q == 'type=fontcolor') {
							fontscript = http.responseText;
//							alert('Fonts: '+fontscript);
							eval(f);
						} else {
//debug('A* Eval Response: <strong>'+ahttp.responseText+'</strong>');
							eval(ahttp.responseText);
//debug('A* Query Done: '+q);
//debug('A* Function: '+f+' ('+q+')');
							eval(f);
							requests[r][2] = false;
							requests[r][3] = true;
							lastRequest = r;
							nextRequest();
//debug('A* Function Done: '+f+' ('+q+')');
						}
					}
				}
			};
		}
	lastQ = q;
}

function Init() {
	if (initialized)
		return;
	DetectBrowser();
	if (kraam) {
		request('type=kraam', 'Init2();');
	} else {
		request('type=produkt&snel=1', 'Init2();');
	}
}

function Init2() {
	if (initialized)
		return;
	request('type=ontwerp', 'Init3();');
}

function Init3() {
	setOntwerptab(0);
	request('type=fontcolor', 'InitLast();');
}

function InitLast() {
//	getKleuren(produkt);
	if (initialized)
		return;
	initialized = true;
	for (var i = 0; i < 3; i+= 2) {
		var op = 30;
		var o = document.getElementById('ont'+i).style;
		o.opacity = (op / 100);
		o.MozOpacity = (op / 100);
		o.KhtmlOpacity = (op / 100);
		o.filter = "alpha(opacity="+op+")";
	}
	initColorPreview('onec');
	initColorPreview('txtc');
	scrollOntwerp(0);
	if (kraam)
		showAllSmall();
//	var o = document.getElementById('txtcsample');
//	o.style.color = curkleurrgb;
	showFontPreview();
	async = (isIE != 0);
}

function DetectBrowser() {
	var browser = navigator.userAgent.toLowerCase();
	isGecko = ( navigator.product == 'Gecko' );
	isIE = !isGecko && ~browser.indexOf ( "msie" );
	isSafari = !isGecko && !isIE && ~browser.indexOf ( "safari" );
	isOpera = ~browser.indexOf("opera"); 
	isNetsc71OSX = ~browser.indexOf("macintosh") && ~browser.indexOf("netscape") && ~browser.indexOf("7.1"); 
}

function getMaten(p) {
	if (kraam)
		return;
	produkt = p;
	if (produkt != prevprodukt) {
		prevprodukt = p;
		request('type=maatsimpel&produkt='+produkt, 'InitLast(); checkBestelKnop();');
	}
	var o = document.getElementById('ontwerpcontainer2');
	var t = 0;
	if (p == '11') {
		o.style.display = '';
		t = 2;
	} else {
		o.style.display = 'none';
	}
	setOntwerptab(t);
}

function getKleuren(p, m, s) {
	produkt = p;
	if (m == undefined)
		m = '';
	if (s == undefined)
		s = '';
	if (m == '') {
		var o = document.getElementById('maatsimpel');
		if (o && o.selectedIndex > 0)
			m = o.options[o.selectedIndex].value;
	}
	if (m == '') return;
	request('type=kleursimpel&maat='+m+'&produkt='+produkt+'&object='+s, 'checkKleur(document.getElementById(\''+s+'\'));checkBestelKnop(); setColor(\'txtc\', null, true);');
}

function setOntwerptab(t) {
	var ont = 0;
	if (t == -1)
		for (i = 0; i < 3; i++)
			for (j = 0; j < ontwerp[i].length; j++)
				if (ontwerp[i][j][1] == activeText.image) {
					t = i;
					ont = j;
				}
	var o = document.getElementById('ontwerptab'+curontwerptab);
	if (o) {
		o.className = 'ontwerptab';
		o = document.getElementById('ontwerpimgleft'+curontwerptab);
		o.src = 'images/tab_geel_links.gif';
		o = document.getElementById('ontwerpimgright'+curontwerptab);
		o.src = 'images/tab_geel_rechts.gif';
	}
	curontwerptab = t;
	o = document.getElementById('ontwerptab'+curontwerptab);
	if (o) {
		o.className = 'ontwerptab_active';
		o = document.getElementById('ontwerpimgleft'+curontwerptab);
		o.src = 'images/tab_oranje_links.gif';
		o = document.getElementById('ontwerpimgright'+curontwerptab);
		o.src = 'images/tab_oranje_rechts.gif';
	}
	o = document.getElementById('ontt');
//	o.style.width = (t == 1 ? '500px' : '400px');
//	o.style.width = '500px';
	o = document.getElementById('onec');
	o.style.display = (t == 1 ? '' : 'none');
	o = document.getElementById('ont0');
	o.style.display = (t == 2 ? 'none' : '');
	o = document.getElementById('ont2');
	o.style.display = (t == 2 ? 'none' : '');
	o = document.getElementById('ont1');
	o.style.width = (t == 2 ? '300px' : '75px');
	o = document.getElementById('colorbutton');
	if (o)
		o.style.display = (t != 1 ? 'none' : '');
	curontwerp = ont;
	var s = document.getElementById('des');
	o = document.getElementById('ontwerphelp');
	switch (curontwerptab) {
		case 0:
			if (s) s.selectedIndex = ((produkt == '11') ? 1 : 0);
			break;
		case 1:
			if (s) s.selectedIndex = ((produkt == '11') ? 2 : 1);
			break;
		case 2:
			if (s) s.selectedIndex = 0;
			break;
	}
	scrollOntwerp(0);
}

function displayOntwerp() {
	var j;
	for (var i = 0; i < 3; i++ ) {
		j = curontwerp-1+i;
		if (j >= ontwerp[curontwerptab].length)
			j -= ontwerp[curontwerptab].length;
		if (j < 0)
			j = ontwerp[curontwerptab].length-1;
		document.getElementById('ont'+i).alt = ontwerp[curontwerptab][j][0];
		if (curontwerptab == 0) {
			document.getElementById('ont'+i).src = 'images/ontwerpen/fullcolor/klein/'+ontwerp[curontwerptab][j][1]+'.jpg';
		} else if (curontwerptab == 1) {
			document.getElementById('ont'+i).src = 'images/ontwerpen/onecolor/klein/'+ontwerp[curontwerptab][j][1]+'_'+curkleur+'.jpg';
		} else {
			document.getElementById('ont'+i).src = 'images/ontwerpen/lakentjes/klein/'+ontwerp[curontwerptab][j][1]+'.jpg';
		}
	}
	var i = document.getElementById('selectedOntwerpImg');
	i.src = document.getElementById('ont1').src;
	if (curontwerptab == 2) {
		i.style.width = 220;
	} else if (curontwerptab == 0) {
		i.style.width = 75;
	} else {
		i.style.width = 75;
	}
}

function scrollOntwerp(d) {
	curontwerp += d;
	if (curontwerp >= ontwerp[curontwerptab].length)
		curontwerp -= ontwerp[curontwerptab].length;
	if (curontwerp < 0)
		curontwerp = ontwerp[curontwerptab].length-1;	
	displayOntwerp();
}

function getColors() {
	eval(fontscript);
}


function initColorPreview(obj) {
	getColors();
	html = '<table bgcolor=\'#ffffff\' border=0 cellpadding=\'0\' cellspacing=\'5\'><tr>';
	var soort = 0;
	if (obj == 'txtc') {
		html += '<td>'+S_KIESKLEUR+': </td>';
		soort = 1;
	} else {
		soort = 2;
	}
//	var o = document.getElementById('ontwerptab');
	var otab = 1;//o.selectedIndex;
	var srt = soort;//Math.pow(2, soort);
	savekleur = curkleur;
	savekleurrgb = curkleurrgb;
	getColors();
	var count = 0;
	for (var c = 0; c < basecolors.length; c++) {
		if (srt & basecolors[c][4])
			if (srt == 1 || basecolors[c][5].indexOf('['+otab+']') > -1) {
				count++;
			}
	}
	var teller = 0;
	for (var c = 0; c < basecolors.length; c++) {
		if (srt & basecolors[c][4]) {
			if (srt == 1 || basecolors[c][5].indexOf('['+otab+']') > -1) {
				if (obj == 'onec' && c == count / 2)
					html += '</tr><tr>';
				var cl='';
				if (basecolors[c][1] == 'ffffff')
					cl = 'class=\'whitecolor\' ';
				html += '<td '+cl+'onclick=\'setColor("'+obj+'", this, true);\' title=\''+basecolors[c][2]+'\'onmouseout=\'setColor("'+obj+'", null, false)\' onmousemove=\'setColor("'+obj+'", this, false);\' style=\'cursor: pointer; background-color: '+basecolors[c][1]+'\' width=\'20px\' >&nbsp;</td>';
//				if (c+1 != basecolors.length / 2 && c != basecolors.length-1)
//					html += '<td width=\'5px\'>&nbsp;</td>';
			}
		}
	}
	html += '</tr></table>';
	var p = document.getElementById(obj);
	p.innerHTML = html;
}
var ontwerpkleur = 'rood';
var fontkleur = 'rood';

function setColor(obj, c, final) {
	if (c == null) {
		curkleur = oldkleur;
		curkleurrgb = oldkleurrgb;
		if (obj == 'onec') displayOntwerp();
		if (obj == 'txtc') {
			var o = document.getElementById('tekst');
			o.style.color = oldkleurrgb;
			o = document.getElementById('selectedTextImgTd');
			o.style.backgroundColor = (curkleur == 'wit' ? '#f7bd0b' : '#ffffff');
			updateTextPreview();
		}
		return;
	}
	if (final) {
		oldkleur = curkleur;
		oldkleurrgb = curkleurrgb;
		if (obj == 'onec')
			ontwerpkleur = curkleur;
		else
			fontkleur = c.getAttribute('title');
			//fontkleur = curkleur;
	}
	c = c.style.backgroundColor;
	if (!isIE)
		c = eval(c);
	for (var i = 0; i < basecolors.length; i++) {
		if ('#'+basecolors[i][1] == c) {
			curkleur = basecolors[i][0].toLowerCase();
			curkleurrgb = c;
			if (obj == 'onec') displayOntwerp();
			if (obj == 'txtc') {
				var o = document.getElementById('tekst');
				o.style.color = c;
				o = document.getElementById('selectedTextImgTd');
				o.style.backgroundColor = (curkleur == 'wit' ? '#f7bd0b' : '#ffffff');
				updateTextPreview();
			}
		}
	}
	if (final) {
	}
}

function showFontPreview() {
	fontPreviewHTML = '<img style=\'cursor: hand\' id=\'fontprevimage\' onclick=\'document.getElementById("fontprevtable").style.display="block";\' src=\'fonts/'+fontnames[curfont]+'.png\' />';
	fontPreviewHTML += '<table id=\'fontprevtable\' style=\'position: absolute; display: none; top: 470px; left: 200px; \' bgcolor=\'#ffffff\' border=0 cellpadding=\'0\' cellspacing=\'0\'>';
	for (var i = 0; i < fontnames.length; i++) {
		if ((i % 5) == 0) {
			if (i > 0)
				fontPreviewHTML += '</tr>';
			fontPreviewHTML += '<tr>';
		}
		s = '';
		if (i == curfont)
			s = '_select';
		fontPreviewHTML += '<td id=\'pf'+i+'\' class=\'fontpreview'+s+'\'><a href=\'javascript:selectFont('+i+');\'><img border=\'0\'id=\'fontimage'+i+'\' src=\'fonts/'+fontnames[i]+'.png\' /></a></td>';
	}
	fontPreviewHTML += '</tr></table>';
	var p = document.getElementById('fontprev');
	p.innerHTML = fontPreviewHTML;
}

function selectFont(f) {
	var o = document.getElementById('pf'+curfont);
	o.className = 'fontpreview';
	curfont = f;
	o = document.getElementById('pf'+curfont);
	o.className = 'fontpreview_select';
	o = document.getElementById('fontprevtable');
	o.style.display = 'none';
	o = document.getElementById('fontprevimage');
	o.src = 'fonts/'+fontnames[f]+'.png';
	updateTextPreview();
}

function updateTextPreview() {
	var o = document.getElementById('tekst');
	var imageurl = '&line='+o.value;
	imageurl += '&angle=0';
	imageurl += '&size=16';
	var color = o.style.color;
	if (!isIE) {
		color = eval(color);
	}
	color = color.replace('#', '');
	imageurl = 'color='+color+'&font='+fontnames[curfont]+imageurl;
	o = document.getElementById('selectedTextImg');
	o.src='image.php?'+imageurl;
	o = document.getElementById('selectedText');
	o.style.display = 'block';
}

function doOntwerpjes(on) {
	var o = document.getElementById("ontwerpen");
	o.style.display = (on ? 'block' : 'none');
}

function doText(on) {
	var o = document.getElementById("teksten");
	o.style.display = (on ? 'block' : 'none');
}

var previewVisible = false;
function showOntwerpPreview() {
	previewVisible = true;
	var o = document.getElementById('ont1');
	var s = o.src;
	if (curontwerptab == 0) {
		s = s.replace('klein_', 'groot_');
		s = s.replace('.jpg', '.png');
	} else if (curontwerptab == 1) {
		s = s.replace('klein/klein_', 'preview/groot_');
	} else {
		s = s.replace('lak_', 'groot_lak_');
	}
	s = o.src.replace('/klein/', '/preview/');
	o = document.getElementById('ontwerppreviewimage');
	o.src = s;
}

function scaleIframe() {
	if (!previewVisible) {
		var o = document.getElementById('ontwerppreview');
		o.style.display = 'none';
		return;
	}
	setTimeout('doscaleIframe();', 50);
}

function doscaleIframe() {
	if (!previewVisible) {
		var o = document.getElementById('ontwerppreview');
		o.style.display = 'none';
		return;
	}
	o = document.getElementById('ontwerppreview');
	o.style.display = 'block';
	var img = document.getElementById('ontwerppreviewimage');
	var ifr = document.getElementById('ifr');
	if (!ifr) return;
	ifr.style.width = img.width;
	ifr.style.height = img.height;
	var p = document.getElementById('ontwerppreview');
	p.style.width = img.width+9;
	p.style.height = img.height+75;
}

function updatePreviewText() {
	updateTextPreview();
	onkeyup_timer = null;
}

var onkeyup_timer = null;
var onkeyup_text = '';

document.onkeyup = function(e) {
	if (!e) e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	if (!tg) return;
	if (onkeyup_timer) {
		clearTimeout(onkeyup_timer);
		onkeyup_timer = null;
	}
	onkeyup_text = tg.value;
	onkeyup_timer = setTimeout("updatePreviewText()", 500);
}

function saveData() {
	var q ='type=savesnel';
	var o = document.getElementById('maatsimpel');
	var p = document.getElementById('product_id');
	if (kraam) {
		q ='type=savekraam';
		o = document.getElementById('produkt');
		q += '&product='+o.value;
	} else {
		q += '&cat='+produkt;
		p.value = o.options[o.selectedIndex].value;
		q += '&product='+o.options[o.selectedIndex].value;
		o = document.getElementById('kleursimpel');
		q += '&kleur='+o.value;
		q += '&kleurname='+o.options[o.selectedIndex].text;
	}
	o = document.getElementById('ro1');
	if (o.checked)
		q += '&ontwerp='+ontwerp[curontwerptab][curontwerp][0];
	if (curontwerptab == 1)
		q += '&ontwerpkleur='+ontwerpkleur+'&mono=1';
	if (kraam)
		for (var i = 0; i < pakket.length; i++) {
			q += '&maat-'+pakket[i][1]+'='+pakket[i][2];
			q += '&kleur-'+pakket[i][1]+'='+pakket[i][3];
		}
	o = document.getElementById('rt1');
	if (o.checked) {
		q += '&fontkleur='+fontkleur;
		q += '&font='+fontnames[curfont];
		o = document.getElementById('tekst');	
		q += '&text='+o.value.replace(/&/g, '[@amp@]');
	}
	q += '&ontwerpprijs='+ontwerpprijs;
	q += '&tekstprijs='+tekstprijs;
	q += '&showprice='+document.getElementById('snelprijs').innerHTML;
	var o = document.getElementById('data');
	o.value = q;
/////////////////////////////////////////////////////////////////
// Modified by Connaxis developer for new shopping cart	
	var formcart = document.getElementById('addtocart');
	formcart.action = "shopcart/index.php?bs";
	formcart.submit();
/////////////////////////////////////////////////////////////////	
}

function kiesMatenenKleuren() {
	if (curkraam == -1) {
		alert(S_ALERTKRAAMKIESEERSTEENPAKKET);
		return;
	}
	if (pakket != null) {
		showMatenenKleuren(false);
	} else {
		request('type=kraampakket&produkt='+prod[curkraam][0], 'showMatenenKleuren(true)');
	}
}

function showMatenenKleuren(reload) {
        d = document.getElementById('blockertable');
        if (isIE) {
            d.height = document.body.clientHeight;
            d.width = document.body.clientWidth;
        } else {
            d.style.height = window.innerHeight;
            d.style.width = window.innerWidth;
        }
	d = document.getElementById('blocker');
	d.style.display = 'block';
	d = document.getElementById('patience');
	d.style.display = 'block';
	d = document.getElementById('selectedpakket');
	d.innerHTML = S_KRAAMUHEEFTGEKOZEN1+prod[curkraam][1]+S_KRAAMUHEEFTGEKOZEN2;
	d.style.display = 'block';
	if (reload) {
		showMatenenKleurenItem(0, reload);
	} else {
		finaliseMatenenKleuren();
	}
}

function showMatenenKleurenItem(i, reload) {
	if (i <= pakket.length - 1) {
		d = document.getElementById('kraamtr'+i+'-1');
		d.style.display = 'block';
		d = document.getElementById('kraamtr'+i+'-2');
		d.style.display = 'block';
		d = document.getElementById('kraamtr'+i+'-3');
		d.style.display = 'block';
		d = document.getElementById('kraamtitel'+i);
		d.innerHTML = pakket[i][1];
		if (reload) {
			var q = 'type=maatsimpel&produkt='+pakket[i][0]+'&object=kraammaat'+i+'&nextobject=kraamkleur'+i;
			var s = 'showMatenenKleurenItem('+(i+1)+', '+reload+');';
			request(q, s);
		}
	} else if (i == 9) {
		finaliseMatenenKleuren();
	} else {
		d = document.getElementById('kraamtr'+i+'-1');
		d.style.display = 'none';
		d = document.getElementById('kraamtr'+i+'-2');
		d.style.display = 'none';
		d = document.getElementById('kraamtr'+i+'-3');
		d.style.display = 'none';
		showMatenenKleurenItem(i+1, reload);
	}
}

function finaliseMatenenKleuren() {
	d = document.getElementById('patience');
	d.style.display = 'none';
        d = document.getElementById('blockerinput');
        d.style.display = 'block';
}

function saveKleurenEnMaten() {
	if (checkKraam() != '')
		return false;
	d = document.getElementById('blocker');
	d.style.display = 'none';
        d = document.getElementById('blockerinput');
        d.style.display = 'none';
}

function selectKraamKleuren(i) {
	getKleuren(curkraam, pakket[i][0], 'kraamkleur'+i);
}

function checkKraamMaten(i) {
	checkSelects('maat', i);
}

function checkKraamKleuren(i) {
	checkSelects('kleur', i);
}

function checkSelects(which, start) {
	var o = document.getElementById('kraam'+which+''+start);
	var s = o.options[o.selectedIndex].innerHTML;
	for (var i = start + 1; i < pakket.length; i++) {
		var o2 = document.getElementById('kraam'+which+''+i);
		for (j = 0; j < o2.options.length; j++) {
//alert('CheckSelects('+which+', '+start+') - '+j+': '+s+' <> '+o2.options[j].innerHTML);
			if (o2.options[j].innerHTML == s)
				if (o2.selectedIndex == 0)
					o2.selectedIndex = j;
		}
	}
	for (var i = 0; i < pakket.length; i++) {
		var d = document.getElementById('kraammaat'+i);
		if (d.options)
			pakket[i][2] = d.options[d.selectedIndex].innerHTML;
		d = document.getElementById('kraamkleur'+i);
		if (d.options)
			if (d.options.length > 0)
				pakket[i][3] = d.options[d.selectedIndex].innerHTML;
	}
	checkBestelKnop();
}

function checkPrijs() {
	var prijs = 0;
	if (kraam) {
		prijs = prod[curkraam][6];
	} else if (produkt != "") {
		ontwerpprijs = 0;
		tekstprijs = 0;
		var aontwerp = 0;
		var atekst = 0;
		var o = document.getElementById('produkt');
		p = o.selectedIndex;
		o = document.getElementById('ro1');
		if (o.checked)
			aontwerp = prijzen[p][0];
		o = document.getElementById('rt1');
		if (o.checked) {
			o = document.getElementById('tekst');
			if (o && o.value != S_UWTEKST)
				atekst = prijzen[p][1];
		}
		prijs = price;
		tekstprijs = 0;
		if (aontwerp + atekst > 0) {
			prijs += 495 + 245 * (aontwerp + atekst - 1);
		}
		if (aontwerp > 0 && prijzen[p][2] == 'laken' && curontwerptab == 2)
			prijs += 700;
		if (aontwerp + atekst > 0)
			ontwerpprijs = prijs - price;
	}
//	alert(produkt+': '+prijs+' = '+price+' + '+ontwerpprijs+' + '+tekstprijs);
	var p = document.getElementById('snelprijs');
	if (prijs > 0) {
		var d = prijs.toString();
		d = d.substring(0, d.length-2)+','+d.substring(d.length-2);
		p.innerHTML = S_PRIJS+': &euro; '+d;
	} else
		p.innerHTML = '';
}

function checkKleur(t) {
	if (t && t != undefined) {
		var o = t.options[t.selectedIndex];
		if (o.style.textDecoration != 'line-through')
			return true;
		alert(S_NIETOPVOORRAAD);
		return false;
	}
}