document.onmouseup = stopslider;

var margin = 0;
var schaal;
var pleft1;
var pleft2;
var sliderclass;
var value1;
var value2;
var sliderid;
var groeigetal = 0;

// ON MOUSE DOWN START SLIDER
function slide(e){
	// GET EVENT
	if (e == null) { e = window.event;}
	var slider = (e.target || e.srcElement).id;
	
	var slide = slider.split("_",2);

	// DEFINE VARS
	sliderclass = document.getElementById('slider');
	value1 = document.getElementById(slide[0]+'_value1');
	value2 = document.getElementById(slide[0]+'_value2');
	schaal = document.getElementById(slide[0]+'_max').value;
	groeigetal =  Math.log(schaal) / Math.log(154);
	// DECIDES WHICH SLIDER HAS TO MOVE
	if(slider != 'slider'){
		if (slide[1] == '1'){
			slider1 = document.getElementById(slider);
			slider2 = document.getElementById(slide[0]+'_2');
			mouseover=true;
			pleft1=slider1.offsetLeft;
			xcoor=e.clientX;
			document.onmousemove = moveSlider1;
			return false;
		} else if(slide[1] == '2'){
			slider2 = document.getElementById(slider);
			slider1 = document.getElementById(slide[0]+'_1');
			mouseover=true;
			pleft2=slider2.offsetLeft;
			xcoor=e.clientX;
			document.onmousemove=moveSlider2;
			return false;
		} else {
			return false;
		}
	}else{
		return false;
	}
}

// MOVE SLIDER !
function moveSlider1(e){
	// GET EVENT
	if (e == null) { e = window.event;}

	if((pleft1+e.clientX-xcoor-margin) < 1){
		slider1.style.left='0px';
		value1.value='1';
	}else if((pleft1+e.clientX-xcoor-margin) > (sliderclass.offsetWidth-10)){
		slider1.style.left=((sliderclass.offsetWidth-10))+"px";
	}else{
		//alert('slider1.offsetleft = '+slider1.offsetLeft+', slider2.offsetLeft = '+slider2.offsetLeft+', e.clientX = '+e.clientX+', slider2.offsetLeft+25 = '+(slider2.offsetLeft+25));
		if(Math.round(slider1.offsetLeft) < Math.round(slider2.offsetLeft) && (e.clientX-((document.body.offsetWidth-974)/2)) < (slider2.offsetLeft + 45)){
			slider1.style.left=((pleft1+e.clientX-xcoor-margin))+"px";
			//value1.value = Math.round(Math.pow(Math.round((pleft1+e.clientX-xcoor-margin)),groeigetal));
			var rest = Math.round(Math.pow(Math.round((pleft1+e.clientX-xcoor-margin)),groeigetal)% 5);
			var pixels = Math.round(Math.pow(Math.round((pleft1+e.clientX-xcoor-margin)),groeigetal));
			if(rest >= 3 && rest != 0 && pixels > 5){
			var opteller = 5-rest;
			value1.value = Math.round(Math.pow(Math.round((pleft1+e.clientX-xcoor-margin)),groeigetal) + opteller);
			}
			else if(rest < 3 && rest != 0 && pixels > 5){
			value1.value = Math.round(Math.pow(Math.round((pleft1+e.clientX-xcoor-margin)),groeigetal) - rest);
			}
			else{
			value1.value = Math.round(Math.pow(Math.round((pleft1+e.clientX-xcoor-margin)),groeigetal));
			}
		}else{
			slider1.style.left = slider2.offsetLeft-1 +'px';
			value1.value = value2.value;
		}
	}

	if(slider1.offsetLeft > slider2.offsetLeft){
		slider1.style.left = (slider2.offsetLeft-1)+'px';
		value1.value = value2.value;
	}
	
	return false;
}


// MOVE SLIDER 2
function moveSlider2(e){
	// GET EVENT
	if (e == null) { e = window.event;}
	if((pleft2+e.clientX-xcoor-margin) < 1){
		slider2.style.left='0px';
		value2.value='1';
	}else if((pleft2+e.clientX-xcoor-margin) > (sliderclass.offsetWidth-10)){
		slider2.style.left=(sliderclass.offsetWidth-10)+"px";
		value2.value=schaal;
	}else{
		if(Math.round(slider1.offsetLeft) < Math.round(slider2.offsetLeft) && (e.clientX-((document.body.offsetWidth-974)/2)) > (slider1.offsetLeft + 45)){
			slider2.style.left = (pleft2+e.clientX-xcoor)+"px";
			var rest = Math.round(Math.pow(Math.round((pleft2+e.clientX-xcoor-margin)),groeigetal)% 5)  ;
			
			if(rest >= 3 && rest != 0 ){
			var opteller = 5-rest;
			value2.value = Math.round(Math.pow(Math.round((pleft2+e.clientX-xcoor-margin)),groeigetal) + opteller);
			}
			else if(rest < 3 && rest != 0 ){
			value2.value = Math.round(Math.pow(Math.round((pleft2+e.clientX-xcoor-margin)),groeigetal) - rest);
			}
			else{
			value2.value = Math.round(Math.pow(Math.round((pleft2+e.clientX-xcoor-margin)),groeigetal));
			}
		}else{
			slider2.style.left = (slider1.offsetLeft+1)+'px';
			value2.value = value1.value;
		}
	}
	if(slider2.offsetLeft < slider1.offsetLeft){
		slider2.style.left = (slider1.offsetLeft+1)+'px';
		value2.value = value1.value;
	}

	return false;
}

// STOP SLIDER
function stopslider(e){
	document.onmousemove=null;
}

// CHANGE SLIDER BY CHANGING TEXT FIELD
function changeSlider(e){
	sliderid = (e.target || e.srcElement).id;
	var slide = sliderid.split("_",2);
	var number = slide[1].split("value",2);

	sliderclass = document.getElementById('slider');
	var sliderElement = document.getElementById(slide[0]+'_'+number[1]);
	schaal = document.getElementById(slide[0]+'_max').value;
	value1 = document.getElementById(slide[0]+'_value1');
	value2 = document.getElementById(slide[0]+'_value2');
	if(((document.getElementById(sliderid).value * sliderclass.offsetWidth-10) / schaal) > (sliderclass.offsetWidth-10)){
		if(number[1] == 1){
			value1.value=schaal;	
		}else{
			value2.value=schaal;
		}
	}else{
		if(parseInt(document.getElementById(slide[0]+'_value1').value) < parseInt(document.getElementById(slide[0]+'_value2').value)){
			sliderElement.style.left = ((document.getElementById(sliderid).value * (sliderclass.offsetWidth-10)) / schaal);
		}else{
			if(number[1] == 1){
				document.getElementById(slide[0]+'_1').style.left = document.getElementById(slide[0]+'_2').style.left + 1;
			}else{
				document.getElementById(slide[0]+'_2').style.left = document.getElementById(slide[0]+'_1').style.left - 1;
			}
		}
	}
}

function haalWaardeOp(e, value){
	
	fade('crechts', 100, 0, 10);


	document.getElementById("sliderzoeken").style.display = "";


	sliderid = (e.target || e.srcElement).id;
	var slide = sliderid.split("_",2);
	var number = slide[1].split("value",2);
	
	if(document.getElementById('prijs_max')){
	var prijs_max = document.getElementById('prijs_max').value;
	}
	
	if(document.getElementById('lengte_max')){
	var	lengte_max = document.getElementById('lengte_max').value;
	}
	
	if(document.getElementById('breedte_max')){
	var	breedte_max = document.getElementById('breedte_max').value;
	}

	if(document.getElementById('hoogte_max')){
	var	hoogte_max = document.getElementById('hoogte_max').value;
	}
	
	
	if(document.getElementById('prijs_value1') && document.getElementById('prijs_value2')){
	prijs1 = document.getElementById('prijs_value1').value;
	prijs2 = document.getElementById('prijs_value2').value;
	}

	if(document.getElementById('lengte_value1') && document.getElementById('lengte_value2')){
		lengte1 = document.getElementById('lengte_value1').value;
		lengte2 = document.getElementById('lengte_value2').value;
	}

	if(document.getElementById('breedte_value1') && document.getElementById('breedte_value2')){
		breedte1 = document.getElementById('breedte_value1').value;
		breedte2 = document.getElementById('breedte_value2').value;
	}


	if(document.getElementById('hoogte_value1') && document.getElementById('hoogte_value2')){
		hoogte1 = document.getElementById('hoogte_value1').value;
		hoogte2 = document.getElementById('hoogte_value2').value;
	}

	if(number[1] == 1 || number == 1){
		value1 = value;
		value2 = document.getElementById(slide[0]+'_value2').value;
	}else{
		value2 = value;
		value1 = document.getElementById(slide[0]+'_value1').value;
	}
	sliderclass = document.getElementById('slider').offsetWidth-10;
	


	switch(slide[0]){
		case 'prijs':
			var prijs1 = value1
			var prijs2 = value2
			break;
		case 'lengte':
			var lengte1 = value1
			var lengte2 = value2
			break;
		case 'breedte':
			var breedte1 = value1
			var breedte2 = value2
			break;
		case 'hoogte':
			var hoogte1 = value1
			var hoogte2 = value2
			break;
	}
	
	
	var get;
	get = "?ajaxrequest=true&sliderclass="+sliderclass+"&cache=1";

	if(prijs1 && (prijs1 != 1 || prijs2 != prijs_max)){
	get += "&minprice=" + prijs1 + '&maxprice=' + prijs2 + "&price_max="+prijs_max;
	}

	if(lengte1 &&  (lengte1 != 1 || lengte2 != lengte_max)){
	get += "&lengte_max="+lengte_max+"&lengte=" + lengte1 + "&max_lengte=" + lengte2;
	}

	if(breedte1 && (breedte1 != 1 || breedte2 != breedte_max)){
	get += "&breedte_max="+breedte_max+"&breedte=" + breedte1 + "&max_breedte=" + breedte2;
	}

	if(hoogte1 && (hoogte1 != 1 || hoogte2 != hoogte_max)){
	get += "&hoogte_max="+hoogte_max+"&hoogte=" + hoogte1 + "&max_hoogte=" + hoogte2;
	}	
	

	if(document.getElementById('catselectie')){
	var catselectie = document.getElementById('catselectie').value;
	var catnaamselectie = document.getElementById('catnaamselectie').value;
	get += "&catid="+catselectie+"&categorienaam="+catnaamselectie;
	}

	if(document.getElementById('merkselectie')){
	var merkselectie = document.getElementById('merkselectie').value;
	get += "&merk="+merkselectie;
	}

	if(document.getElementById('serieselectie')){
	var serieselectie = document.getElementById('serieselectie').value;
	get += "&serie="+serieselectie;
	}

	if(document.getElementById('subcatselectie1')){
	var subcatselectie1 = document.getElementById('subcatselectie1').value;
	var subcatnaamselectie1 = document.getElementById('subcatnaamselectie1').value;
	get += "&subcatid1="+subcatselectie1+"&subcatnaam1="+subcatnaamselectie1;
	}	

	if(document.getElementById('subcatselectie2')){
	var subcatselectie2 = document.getElementById('subcatselectie2').value;
	get += "&subcatid2="+subcatselectie2;
	}	

	if(document.getElementById('subcatselectie3')){
	var subcatselectie3 = document.getElementById('subcatselectie3').value;
	get += "&subcatid3="+subcatselectie3;
	}	

	if(document.getElementById('vormselectie')){
	var vormselectie = document.getElementById('vormselectie').value;
	get += "&vorm="+vormselectie;
	}	

	if(document.getElementById('materiaalselectie')){
	var materiaalselectie = document.getElementById('materiaalselectie').value;
	get += "&materiaal="+materiaalselectie;
	}	

	if(document.getElementById('kleurselectie')){
	var kleurselectie = document.getElementById('kleurselectie').value;
	get += "&kleur="+kleurselectie;
	}

	if(document.getElementById('breedteselectie')){
	var breedteselectie = document.getElementById('breedteselectie').value;
	get += "&breedte="+breedteselectie;
	}	

	if(document.getElementById('max_breedteselectie')){
	var max_breedteselectie = document.getElementById('max_breedteselectie').value;
	get += "&max_breedte="+max_breedteselectie;
	}	

	if(document.getElementById('hoogteselectie')){
	var hoogteselectie = document.getElementById('hoogteselectie').value;
	get += "&hoogte="+hoogteselectie;
	}	

	if(document.getElementById('max_hoogteselectie')){
	var max_hoogteselectie = document.getElementById('max_hoogteselectie').value;
	get += "&max_hoogte="+max_hoogteselectie;
	}

	if(document.getElementById('lengteselectie')){
	var lengteselectie = document.getElementById('lengteselectie').value;
	get += "&lengte="+lengteselectie;
	}	

	if(document.getElementById('max_lengteselectie')){
	var max_lengteselectie = document.getElementById('max_lengteselectie').value;
	get += "&max_lengte="+max_lengteselectie;
	}



	get += "&groeigetal="+groeigetal;

	loadXMLDoc2("/ajax_request.php",get);
	fade('sliderzoeken',0,100,2000);
	setTimeout("document.getElementById('sliderzoeken').style.display = 'none';", 2500);
	
}