var depth;
var width;
var firsttime = true;

var productreeksen = new Array(); 
var ladetypes = new Array(); 

productreeksen[productreeksen.length] = 'ORGALINE';
productreeksen[productreeksen.length] = 'WOODLINE_Noot';
productreeksen[productreeksen.length] = 'WOODLINE_Beuk';
productreeksen[productreeksen.length] = 'KLINE';
productreeksen[productreeksen.length] = 'BOXSIDE';
productreeksen[productreeksen.length] = 'Antislipmatten';

ladetypes[ladetypes.length] = 'VLaden_Glas';
ladetypes[ladetypes.length] = 'Laden_Laag';
ladetypes[ladetypes.length] = 'VLaden_Dubbelw';
ladetypes[ladetypes.length] = 'Onderdelen';



var toepassingen = new Array(); 
var voorraad = new Array(); 
var opbergen = new Array(); 
var spoelen = new Array(); 
var voorbereiden = new Array(); 
var koken = new Array(); 

voorraad[voorraad.length] = toepassingen[0] = 'Brood';
voorraad[voorraad.length] = toepassingen[toepassingen.length] = 'Drank';
voorraad[voorraad.length] = toepassingen[toepassingen.length] = 'Voorraadgesloten';

opbergen[opbergen.length] = toepassingen[toepassingen.length] = 'Bestek';
opbergen[opbergen.length] = toepassingen[toepassingen.length] = 'Borden';
opbergen[opbergen.length] = toepassingen[toepassingen.length] = 'Glazen';
//opbergen[opbergen.length] = toepassingen[toepassingen.length] = 'Kannen';
opbergen[opbergen.length] = toepassingen[toepassingen.length] = 'Kopjes';
opbergen[opbergen.length] = toepassingen[toepassingen.length] = 'Opbergdozen';
opbergen[opbergen.length] = toepassingen[toepassingen.length] = 'Tafeldecoratie';

spoelen[spoelen.length] = toepassingen[toepassingen.length] = 'Afval';
spoelen[spoelen.length] = toepassingen[toepassingen.length] = 'Handdoeken';
spoelen[spoelen.length] = toepassingen[toepassingen.length] = 'Poetsbenodigdheden';
spoelen[spoelen.length] = toepassingen[toepassingen.length] = 'Reinigingsproducten';
//spoelen[spoelen.length] = toepassingen[toepassingen.length] = 'Vuilniszakken';

//voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Elektroapparaten';
voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Folies';
//voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Kommen';
voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Kruiden';
voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Messen';
voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Voorraadopen';
voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Olie';
//voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Opbergdozengevuld';
voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Snijplanken';
voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Weegschaal';
voorbereiden[voorbereiden.length] = toepassingen[toepassingen.length] = 'Werkbestek';

koken[koken.length] = toepassingen[toepassingen.length] = 'Bakhulpmiddelen';
//koken[koken.length] = toepassingen[toepassingen.length] = 'Bakplaten';
//koken[koken.length] = toepassingen[toepassingen.length] = 'Bakvormen';
//koken[koken.length] = toepassingen[toepassingen.length] = 'Kookbestek';
koken[koken.length] = toepassingen[toepassingen.length] = 'Kookpotten';
//koken[koken.length] = toepassingen[toepassingen.length] = 'Ovenschalen';


//specials
//toepassingen[toepassingen.length] = 'Antislipmatten';
//toepassingen[toepassingen.length] = 'BOXSIDE';
//toepassingen[toepassingen.length] = 'Onderdelen';


function setStep1(tag) {
	
	var step1str = $('step1str').value;
		
	if($(tag).className == "") {
		$(tag).className = "active";
		step1str = step1str+tag+',';
	
		if(tag != 'Antislipmatten' && tag != 'BOXSIDE')
			enableStep2();	

		
	} else {	
		$(tag).className = "";	
		step1str = step1str.replace(tag+',', '');
	
		if(tag == 'Antislipmatten' || tag == 'BOXSIDE')
			enableStep2();		
	}
	
	//alert(step1str);
	
	var step1tmp = $('step1str').value = step1str;
		
	step1tmp = step1tmp.replace('Onderdelen,', '');
	
	if(step1tmp == 'Antislipmatten,')
		disableStep2();	
	else if(step1tmp == 'Antislipmatten,BOXSIDE,' || step1tmp == 'BOXSIDE,Antislipmatten,' || step1tmp == 'BOXSIDE,')
		disableStep2ExceptBoxside();
	
	setSpecials();
	
	checkStep3();
}



function disableStep2() {

	for(var i=0;i<ladetypes.length;i++) {
		
		$(ladetypes[i]).className = "disabled";
	}
	
	$('step2str').value = '';	
}



function disableStep2ExceptBoxside() {
	
	var step2str = $('step2str').value;

	$('Onderdelen').className = "disabled";
	step2str = step2str.replace('Onderdelen,', '');

	$('Laden_Laag').className = "disabled";
	step2str = step2str.replace('Laden_Laag,', '');
	
	/*if($('Laden_Laag').className == "disabled") {
		$('Laden_Laag').className = "";
		step2str = step2str.replace('Laden_Laag,', '');
	}*/
	
	if($('VLaden_Glas').className == "disabled") {
		$('VLaden_Glas').className = "";
		step2str = step2str.replace('VLaden_Glas,', '');
	}
	
	if($('VLaden_Dubbelw').className == "disabled") {
		$('VLaden_Dubbelw').className = "";
		step2str = step2str.replace('VLaden_Dubbelw,', '');
	}
	
	$('step2str').value = step2str;	
}


function enableStep2() {

	for(var i=0;i<ladetypes.length;i++) {
		if($(ladetypes[i]).className == "disabled")
			$(ladetypes[i]).className = '';
	}
		
}


function setStep2(tag) {
	
	if($(tag).className != "disabled") {
	
		var step2str = $('step2str').value;

			if($(tag).className == "") {
				$(tag).className = "active";
				step2str = step2str+tag+',';


			} else {	
				$(tag).className = "";	
				step2str = step2str.replace(tag+',', '');	
			}

		//alert(step2str);
			
		$('step2str').value = step2str;

		setSpecials();

		checkStep3();	
	}
}



function setSpecials() {
	
	var step1str = $('step1str').value;	
	var step2str = $('step2str').value;	
	var step3str = $('step3str').value;
		
		
	if($('Antislipmatten').className == 'active') {
	
		if(step2str != '' && step2str != 'Antislipmatten,') {
			if(step2str.indexOf('Antislipmatten,') == -1)
				step2str = step2str+'Antislipmatten,';
		} else {
			step2str = step2str.replace('Antislipmatten,', '');
		}
	
		if((step3str != '' && step3str != 'Antislipmatten,') || (step1str != 'Antislipmatten,BOXSIDE,' && step1str != 'BOXSIDE,Antislipmatten,' && step1str != 'BOXSIDE,' && step1str != 'Antislipmatten,')) {
			if(step3str.indexOf('Antislipmatten,') == -1)
				step3str = step3str+'Antislipmatten,';	
		} else {
			step3str = step3str.replace('Antislipmatten,', '');
		}
	
	} else {
		step2str = step2str.replace('Antislipmatten,', '');
		step3str = step3str.replace('Antislipmatten,', '');	
	}
		
		
	
		
	if($('BOXSIDE').className == 'active' || $('VLaden_Glas').className == 'active' || $('VLaden_Dubbelw').className == 'active') {
	
		/*if(step2str != '' && step2str != 'BOXSIDE,') {
			if(step2str.indexOf('BOXSIDE,') == -1)
				step2str = step2str+'BOXSIDE,';
		} else {
			step2str = step2str.replace('BOXSIDE,', '');
		}*/
	
		if((step3str != '' && step3str != 'BOXSIDE,') || step1str == '') {
			if(step3str.indexOf('BOXSIDE,') == -1)
				step3str = step3str+'BOXSIDE,';	
		} else {
			step3str = step3str.replace('BOXSIDE,', '');
		}
	
	} else {
		step3str = step3str.replace('BOXSIDE,', '');	
	}
		
		
	if($('Onderdelen').className == 'active') {
	
		if(step1str != '' && step1str != 'Onderdelen,' && step2str != 'Onderdelen,') {
			if(step1str.indexOf('Onderdelen,') == -1)
				step1str = step1str+'Onderdelen,';
		} else {
			step1str = step1str.replace('Onderdelen,', '');
		}
	
		if(step3str != '' && step3str != 'Onderdelen,') { //&& step2str != 'Onderdelen,'
			if(step3str.indexOf('Onderdelen,') == -1)
				step3str = step3str+'Onderdelen,';	
		} else {
			step3str = step3str.replace('Onderdelen,', '');
		}
	
	} else {
		step1str = step1str.replace('Onderdelen,', '');
		step3str = step3str.replace('Onderdelen,', '');	
	}
	
	
	$('step1str').value = step1str;
	$('step2str').value = step2str;
	$('step3str').value = step3str;

	//alert('1 '+step1str+"\n2 "+step2str+"\n3 "+step3str)
	
	
}




function setStep3(tag) {
	
	var step3str = $('step3str').value;
	
	if($(tag).className != "disabled") {

		if($(tag).className == "") {
			$(tag).className = "active";
			step3str = step3str+tag+',';


		} else {	
			$(tag).className = "";	
			step3str = step3str.replace(tag+',', '');	
		}
	}
	
	
	
	//alert(step3str);
	
	$('step3str').value = step3str;
	
	setResultCounter();
	
	
	
}


function setStep4() {

	var step1str = $('step1str').value;	
	var step2str = $('step2str').value;
	
	var step4str = '';	

	if($('depth').value != 'all') {

		depth = $('depth').value;
		step4str = step4str+depth;

	}
	
	$('step4str').value = step4str;
	
	if(step1str != '' && step2str != '')
		checkStep3();
	else
		setResultCounter();
	
}


function setStep5() {

	var step1str = $('step1str').value;	
	var step2str = $('step2str').value;	

	var step5str = '';		

	if($('width').value != 'all') {

		width = $('width').value;
		step5str = step5str+width;

	}
	
	$('step5str').value = step5str;
	
		
	if(step1str != '' && step2str != '')
		checkStep3();
	else
		setResultCounter();
	
}



function setStep3CheckBoxes(responseTree, responseElements, responseHTML, responseJavaScript) {
	
	//alert(responseHTML);
	
	var step3str = $('step3str').value;
	
	var toepassingenchecked = responseHTML.split(',');
	
	 
	for(var i=0;i<toepassingen.length;i++) {
		
	
		if(toepassingenchecked.indexOf(toepassingen[i]) == -1) {
			$(toepassingen[i]).className = "disabled";
			step3str = step3str.replace(toepassingen[i]+',', '');
		} else if($(toepassingen[i]).className == "disabled") {
		
			$(toepassingen[i]).className = "active";
			step3str = step3str+toepassingen[i]+',';
			
		} else if(firsttime) {
		
			$(toepassingen[i]).className = "active";
			step3str = step3str+toepassingen[i]+',';
			
		}
		
	}
	
	$('step3str').value = step3str;	 

	$('step3loader').style.display = "none";
	
	//alert(step3str);
	
	setStep3Headers();
	
	setResultCounter();
	
	firsttime = false;

}






function checkStep3() {

	$('step3loader').style.display = "block";
	$('results').style.display = "none";

	var step1 = $('step1str').value;
	step1 = step1.substring(0,step1.length-1);
	var step2 = $('step2str').value;
	step2 = step2.substring(0,step2.length-1);
	var step4 = $('step4str').value;
	var step5 = $('step5str').value;
	

		
	if(step1 == '' && step2 == '' && step4 == '' && step5 == '') {
		enableStep3Fully();
		setResultCounter();
	} else
		var myRequest = new Request.HTML({method: 'get', link: 'cancel', url: 'index.php?action=checktoepassingen&collectionid='+$('collectionid').value+'&languageid='+languageid+'&step1='+step1+'&step2='+step2+'&step4='+step4+'&step5='+step5, onComplete: setStep3CheckBoxes}).get();

}



function enableStep3Fully() {
	
	$("zone1").className = "";
	$("zone2").className = "";
	$("zone3").className = "";
	$("zone4").className = "";
	$("zone5").className = "";
	 
	for(var i=0;i<toepassingen.length;i++) {
	
		if($(toepassingen[i]).className != "active")
			$(toepassingen[i]).className = "";
		
	}
	
	$('step3loader').style.display = "none";
	 

}



function selectAll(step) {
	
	var stepstr = '';
	
	var thisarray = new Array();
		
	if(step == 'step1') 
		thisarray = productreeksen;
	else
		thisarray = ladetypes;
		
		
	for(var i=0;i<thisarray.length;i++) {
	
		stepstr = stepstr+thisarray[i]+',';
		$(thisarray[i]).className = "active";
		
	}
	
	$(step+'str').value = stepstr;
	
	checkStep3();

}




function orgaluxResetSearch() {
	
	$('step1str').value = '';
	$('step2str').value = '';
	$('step3str').value = '';
	$('step4str').value = '';
	$('step5str').value = '';
	
	for(var i=0;i<productreeksen.length;i++) {
	
		$(productreeksen[i]).className = "";
		
	}
	
	for(var i=0;i<ladetypes.length;i++) {
	
		$(ladetypes[i]).className = "";
		
	}
	
	for(var i=0;i<toepassingen.length;i++) {
	
		$(toepassingen[i]).className = "";
		
	}
	
	$('depth').selectedIndex = 0;
	$('width').selectedIndex = 0;
	$("zone1").className = "";
	$("zone2").className = "";
	$("zone3").className = "";
	$("zone4").className = "";
	$("zone5").className = "";
	
	firsttime = true;
	
	setResultCounter();

}



/*
	disableVoorraad();
	disableOpbergen();
	disableSpoelen();
	disableVoorbereiden();
	disableKoken();
*/



function setStep3Headers() {
	
	var disable = true;
	
	for(var i=0;i<voorraad.length;i++) {
		if($(voorraad[i]).className != "disabled")
			disable = false;
	}
	
	if(disable)
		$("zone1").className = "disabled";
	else
		$("zone1").className = "";
	
	disable = true;
	
	for(var i=0;i<opbergen.length;i++) {
		if($(opbergen[i]).className != "disabled")
			disable = false;
	}
	
	if(disable)
		$("zone2").className = "disabled";
	else
		$("zone2").className = "";
	
	disable = true;
	
	for(var i=0;i<spoelen.length;i++) {
		if($(spoelen[i]).className != "disabled")
			disable = false;
	}
	
	if(disable)
		$("zone3").className = "disabled";
	else
		$("zone3").className = "";
	
	disable = true;
	
	for(var i=0;i<voorbereiden.length;i++) {
		if($(voorbereiden[i]).className != "disabled")
			disable = false;
	}
	
	if(disable)
		$("zone4").className = "disabled";
	else
		$("zone4").className = "";
	
	disable = true;
	
	for(var i=0;i<koken.length;i++) {
		if($(koken[i]).className != "disabled")
			disable = false;
	}
	
	if(disable)
		$("zone5").className = "disabled";
	else
		$("zone5").className = "";

}


function disableVoorraad() {

	$("zone1").className = "disabled";

	$("Brood").className = "disabled";
	$("Drank").className = "disabled";
	$("Voorraad").className = "disabled";


	var step3str = $('step3str').value;
	
	step3str = step3str.replace('Brood,', '');
	step3str = step3str.replace('Drank,', '');
	step3str = step3str.replace('Voorraad,', '');

	$('step3str').value = step3str;

}

function disableOpbergen() {

	$("zone2").className = "disabled";

	$("Bestek").className = "disabled";
	$("Borden").className = "disabled";
	$("Glazen").className = "disabled";
	$("Kannen").className = "disabled";
	$("Kopjes").className = "disabled";
	$("Opbergdozen").className = "disabled";
	$("Tafeldecoratie").className = "disabled";


	var step3str = $('step3str').value;
	
	step3str = step3str.replace('Bestek,', '');
	step3str = step3str.replace('Borden,', '');
	step3str = step3str.replace('Glazen,', '');
	step3str = step3str.replace('Kannen,', '');
	step3str = step3str.replace('Kopjes,', '');
	step3str = step3str.replace('Opbergdozen,', '');
	step3str = step3str.replace('Tafeldecoratie,', '');

	$('step3str').value = step3str;

}


function disableSpoelen() {

	$("zone3").className = "disabled";

	$("Afval").className = "disabled";
	$("Handdoeken").className = "disabled";
	$("Poets-benodigdheden").className = "disabled";
	$("Reinigings-producten").className = "disabled";
	$("Vuilniszakken").className = "disabled";


	var step3str = $('step3str').value;
	
	step3str = step3str.replace('Afval,', '');
	step3str = step3str.replace('Handdoeken,', '');
	step3str = step3str.replace('Poetsbenodigdheden,', '');
	step3str = step3str.replace('Reinigingsproducten,', '');
	step3str = step3str.replace('Vuilniszakken,', '');

	$('step3str').value = step3str;

}


function disableVoorbereiden() {

	$("zone4").className = "disabled";

	$("Elektro-apparaten").className = "disabled";
	$("Folies").className = "disabled";
	$("Kommen").className = "disabled";
	$("Kruiden").className = "disabled";
	$("Messen").className = "disabled";
	$("Voorraadopen").className = "disabled";
	$("Olie").className = "disabled";
	$("Opbergdozengevuld").className = "disabled";
	$("Snijplanken").className = "disabled";
	$("Weegschaal").className = "disabled";
	$("Werkbestek").className = "disabled";


	var step3str = $('step3str').value;
	
	step3str = step3str.replace('Elektroapparaten,', '');
	step3str = step3str.replace('Folies,', '');
	step3str = step3str.replace('Kommen,', '');
	step3str = step3str.replace('Kruiden,', '');
	step3str = step3str.replace('Messen,', '');
	step3str = step3str.replace('Voorraadopen,', '');
	step3str = step3str.replace('Olie,', '');
	step3str = step3str.replace('Opbergdozengevuld,', '');
	step3str = step3str.replace('Snijplanken,', '');
	step3str = step3str.replace('Weegschaal,', '');
	step3str = step3str.replace('Werkbestek,', '');

	$('step3str').value = step3str;

}


function disableKoken() {

	$("zone5").className = "disabled";

	$("Bakplaten").className = "disabled";
	$("Bakvormen").className = "disabled";
	$("Kookbestek").className = "disabled";
	$("Kookpotten").className = "disabled";
	$("Ovenschalen").className = "disabled";


	var step3str = $('step3str').value;
	
	step3str = step3str.replace('Bakplaten,', '');
	step3str = step3str.replace('Bakvormen,', '');
	step3str = step3str.replace('Kookbestek,', '');
	step3str = step3str.replace('Kookpotten,', '');
	step3str = step3str.replace('Ovenschalen,', '');

	$('step3str').value = step3str;

}





function orgaluxSearch() {

	var step1 = $('step1str').value;
	step1 = step1.substring(0,step1.length-1);
	var step2 = $('step2str').value;
	step2 = step2.substring(0,step2.length-1);
	var step3 = $('step3str').value;
	step3 = step3.substring(0,step3.length-1);
	var step4 = $('step4str').value;
	var step5 = $('step5str').value;
	
	window.location = currenturl+"?search=true&step1="+step1+"&step2="+step2+"&step3="+step3+"&step4="+step4+"&step5="+step5;

}



function setResultCounter() {

	$('loadingresultcounter').style.display = "block";
	$('results').style.display = "none";

	var step1 = $('step1str').value;
	step1 = step1.substring(0,step1.length-1);
	var step2 = $('step2str').value;
	step2 = step2.substring(0,step2.length-1);
	var step3 = $('step3str').value;
	step3 = step3.substring(0,step3.length-1);
	var step4 = $('step4str').value;
	var step5 = $('step5str').value;
	
	//alert('step1='+step1+'&step2='+step2+'&step3='+step3+"&step4="+step4+"&step5="+step5);
	
	var myRequest = new Request.HTML({method: 'get', url: 'index.php?action=getorgaluxresultcount&collectionid='+$('collectionid').value+'&languageid='+languageid+'&step1='+step1+'&step2='+step2+'&step3='+step3+"&step4="+step4+"&step5="+step5, onComplete: loadingResultCounterStopped}).get();	
}


function loadingResultCounterStopped(responseTree, responseElements, responseHTML, responseJavaScript) {

	$('loadingresultcounter').style.display = "none";
	$('results').innerHTML = responseHTML;
	$('results').style.display = "block";

}




function closeStep(step) {

	var myVerticalSlide = new Fx.Slide('step'+step);
	myVerticalSlide.slideOut();
	
	var myVerticalSlide2 = new Fx.Slide('step'+step+'msg');
	myVerticalSlide2.slideOut();
	
	myVerticalSlide.addEvent('complete', function() {
		$('sh'+step).style.display = 'none';
		$('step'+step+'msg').style.display = 'block';
		
		var myVerticalSlide2 = new Fx.Slide('step'+step+'msg');
		myVerticalSlide2.slideIn();
	});
}




function openStep(step) {
	
	var myVerticalSlide2 = new Fx.Slide('step'+step+'msg');
	myVerticalSlide2.slideOut();		
	
	myVerticalSlide2.addEvent('complete', function() {
		$('sh'+step).style.display = 'block';
		$('step'+step+'msg').style.display = 'none';
		
		var myVerticalSlide = new Fx.Slide('step'+step);
		myVerticalSlide.slideIn();
	});
}