function createRequestObject() {
	var ro;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else{
		ro = new XMLHttpRequest();
	}
	return ro;
}

var browser = navigator.appName;
var http = createRequestObject();

if(browser == "Microsoft Internet Explorer"){
	var meth = "POST";
}
else{
	var meth = "GET";
}

window.onload = function(){
	initmb();
	setUpScroll();
}

function openTab(nr,srt){
	if(nr < 5){
		if(srt == 0){
			for(var i = 1; i <= 4; i++){
				if(i != nr){
					document.getElementById('opties-'+i).style.visibility = "hidden";				
				}
			}
			if(document.getElementById('opties-'+nr).style.visibility == "visible"){
				document.getElementById('opties-'+nr).style.visibility = "hidden";
			}
			else{
				if(document.getElementById('optie-1').innerHTML== "uitvoering" && nr == 2){
					setTimeout("scrollen('1')",10);
				}
				document.getElementById('opties-'+nr).style.visibility = "visible";
			}
		}
		else{
			document.getElementById('optie-'+nr).innerHTML = srt;
			document.getElementById('opties-'+nr).style.visibility = "hidden";
			
			var mom = document.getElementById('mom').value;
		
			http = createRequestObject();
			http.onreadystatechange = getGegevens;
			var geg1 = document.getElementById('optie-1').innerHTML;
			var geg2 = document.getElementById('optie-2').innerHTML;
			var geg3 = document.getElementById('optie-3').innerHTML;
			var geg4 = document.getElementById('optie-4').innerHTML;

			if(geg1.value == "implementation" || geg1.value == "Ausf&uuml;hrung" || geg1.value == "uitvoering"){
				if(geg1.value == "implementation"){
					document.getElementById('optie-2').innerHTML = "brand";
					document.getElementById('opties-2').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('2','0')\" class=\"taboptieTxt\">first search an implementation</a>";
					document.getElementById('optie-3').innerHTML = "type";
					document.getElementById('opties-3').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('3','0')\" class=\"taboptieTxt\">first search a brand</a>";
					document.getElementById('optie-4').innerHTML = "construction year";
					document.getElementById('opties-4').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('4','0')\" class=\"taboptieTxt\">first search a type</a>";
				}
				else if(geg1.value == "Ausf&uuml;hrung"){
					document.getElementById('optie-2').innerHTML = "marke";
					document.getElementById('opties-2').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('2','0')\" class=\"taboptieTxt\">suche erst einen Ausf&uuml;hrung</a>";
					document.getElementById('optie-3').innerHTML = "type";
					document.getElementById('opties-3').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('3','0')\" class=\"taboptieTxt\">suche erst eine Marke</a>";
					document.getElementById('optie-4').innerHTML = "construction year";
					document.getElementById('opties-4').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('4','0')\" class=\"taboptieTxt\">suche erst ein Modell</a>";					
				}
				else if(geg1.value == "uitvoering"){
					document.getElementById('optie-2').innerHTML = "merk";
					document.getElementById('opties-2').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('2','0')\" class=\"taboptieTxt\">zoek eerst een uitvoering</a>";
					document.getElementById('optie-3').innerHTML = "type";
					document.getElementById('opties-3').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('3','0')\" class=\"taboptieTxt\">zoek eerst een merk</a>";
					document.getElementById('optie-4').innerHTML = "construction year";
					document.getElementById('opties-4').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('4','0')\" class=\"taboptieTxt\">zoek eerst een model</a>";					
				}
			}
			else{
				if(nr == "1"){
					document.getElementById('opt_1').value = geg1;
					var geg = "uitvoering="+encodeURIComponent(geg1)+"&srt=1";
					document.getElementById('optie-2').innerHTML = "searching...";
					document.getElementById('opties-2').innerHTML = "";
					document.getElementById('optie-3').innerHTML = "type";
					document.getElementById('opties-3').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('3','0')\" class=\"taboptieTxt\">first search a brand</a>";
					document.getElementById('optie-4').innerHTML = "construction year";
					document.getElementById('opties-4').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('4','0')\" class=\"taboptieTxt\">first search a type</a>";
				}
				else if(nr == "2"){
					document.getElementById('opt_2').value = geg2;
					var geg = "uitvoering="+encodeURIComponent(geg1)+"&merk="+encodeURIComponent(geg2)+"&srt=2";
					document.getElementById('optie-3').innerHTML = "searching...";
					document.getElementById('opties-3').innerHTML = "";
					document.getElementById('optie-4').innerHTML = "construction year";
					document.getElementById('opties-4').innerHTML = "<a href=\"javascript:void('')\" onclick=\"openTab('4','0')\" class=\"taboptieTxt\">first search a type</a>";
				}
				else if(nr == "3"){
					document.getElementById('opt_3').value = geg3;
					var geg = "uitvoering="+encodeURIComponent(geg1)+"&merk="+encodeURIComponent(geg2)+"&type="+encodeURIComponent(geg3)+"&srt=3";
					document.getElementById('optie-4').innerHTML = "searching...";
					document.getElementById('opties-4').innerHTML = "";
				}
				else if(nr == "4"){
					document.getElementById('opt_4').value = geg4;
					var geg = "uitvoering="+encodeURIComponent(geg1)+"&merk="+encodeURIComponent(geg2)+"&type="+encodeURIComponent(geg3)+"&bouwjaar="+encodeURIComponent(geg4)+"&srt=4";
				}

				http.open(meth,mom+"manip/rapp.php?"+geg,true);
				http.setRequestHeader('Content-Type','text/plain');
				http.send(null);
			}
		}
	}
	else{
		if(document.getElementById('opties-'+nr).style.visibility == "visible"){
			document.getElementById('opties-'+nr).style.visibility = "hidden";
		}
		else{
			document.getElementById('opties-'+nr).style.visibility = "visible";
		}
	}
}

function openVlap(nr){
	if(document.getElementById('vlap_'+nr).style.visibility == "visible"){
		document.getElementById('vlap_'+nr).style.visibility = "hidden";
	}
	else{
		document.getElementById('vlap_'+nr).style.visibility = "visible";
	}
}

function getGegevens(){
	if(http.readyState == 4) { 
		if(http.status == 200) {
			
			var info = http.responseText.split("[*]");
			
			if(info[1] == "1"){
				document.getElementById('opties-2').innerHTML = decodeURIComponent("<div id=\"box_panel1\" class=\"scrollen\">"+info[0]+"</div>");
				document.getElementById('optie-2').innerHTML = "found brands";
				setTimeout("scrollen('1')",10);
				openTab('2','0');
			}
			else if(info[1] == "2"){
				document.getElementById('opties-3').innerHTML = decodeURIComponent("<div id=\"box_panel2\" class=\"scrollen\">"+info[0]+"</div>");
				document.getElementById('optie-3').innerHTML = "found types";
				setTimeout("scrollen('2')",10);
				openTab('3','0');
			}
			else if(info[1] == "3"){
				document.getElementById('opties-4').innerHTML = decodeURIComponent("<div id=\"box_panel3\" class=\"scrollen\">"+info[0]+"</div>");
				document.getElementById('optie-4').innerHTML = "found construction years";
				setTimeout("scrollen('3')",10);
				openTab('4','0');
			}
		
			if(info[2] > "1" && info[1] != "4"){
				var delang = document.getElementById('de-lang').value;
				if(delang == "eng"){
					document.getElementById('res_gevonden').innerHTML = "<input type=\"submit\" value=\""+info[2]+" test reports\" class=\"gevonden\" />";
				}
				else if(delang == "de"){
					document.getElementById('res_gevonden').innerHTML = "<input type=\"submit\" value=\""+info[2]+" testberichte\" class=\"gevonden\" />";
				}
				else{
					document.getElementById('res_gevonden').innerHTML = "<input type=\"submit\" value=\""+info[2]+" testrapporten\" class=\"gevonden\" />";
				}
				//document.getElementById('veld-totaal').innerHTML = "totaal "+info[2]+" campers gevonden";
			}
			else{
				var mom = document.getElementById('mom').value;
				window.location.replace(mom+"testrapport/"+info[3]+".html#focus");
				//document.getElementById('veld-totaal').innerHTML = "totaal "+info[2]+" camper gevonden";
			}
		}
	}
}

function openVergelijkTab(nr,srt){
	if(srt == 0){
		for(var i = 1; i <= 2; i++){
			if(i != nr){
				document.getElementById('kies-'+i).style.visibility = "hidden";				
			}
		}
		if(document.getElementById('kies-'+nr).style.visibility == "visible"){
			document.getElementById('kies-'+nr).style.visibility = "hidden";
		}
		else{
			document.getElementById('kies-'+nr).style.visibility = "visible";
		}
	}
}

function kiesVergelijk(nr,id,naam){
	var mom = document.getElementById('mom').value;
	document.getElementById('verg-'+nr).innerHTML = naam;
	document.getElementById('kies-'+nr).style.visibility = "hidden";
	
	document.getElementById('printverg-'+nr).value = id;
	
	http = createRequestObject();
	http.onreadystatechange = getNieuwVergelijk;
	http.open(meth,mom+"manip/vergelijk.php?nr="+nr+"&id="+id,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);	
}

function getNieuwVergelijk(){
	if(http.readyState == 4) { 
		if(http.status  == 200) {
			var info = http.responseText.split("[-]");
			document.getElementById('box_camper'+info[1]).innerHTML = info[0];
		}
	}
}

function setPrint(){
	var browser = navigator.appName;

	if(browser == "Microsoft Internet Explorer"){
		var form = document.getElementById('prv');
		form.submit();
	}
	else{
		document.forms["printvergelijk"].submit();	
	}
}

function setUpScroll(){
	for(var i = 1; i <= 3; i++){
		setTimeout("scrollen('"+i+"')",10);
	}
}

function sluiten(){
	setTimeout("hm('box')",10);
}

function putInVergelijk(srt,nr,res){
	var mom = document.getElementById('mom').value;
	
	http = createRequestObject();
	http.onreadystatechange = getInVergelijk;
	http.open(meth,mom+"manip/inverg.php?nr="+nr+"&srt="+srt+"&res="+res,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function getInVergelijk(){
	if(http.readyState == 4) { 
		if(http.status  == 200) {
			var info = http.responseText.split("[*]");
			if(info[3] != ""){
				if(info[4] != ""){
					document.getElementById('vergel_'+info[3]).innerHTML = info[4];
					document.getElementById('verg_2').innerHTML = info[2];
				}
				else{
					document.getElementById('vergel_'+info[2]).innerHTML = info[3];
				}
				document.getElementById('inVergelijk').innerHTML = info[0];
			}
			else{
				if(info[2] != undefined){
					document.getElementById('inVergelijk').innerHTML = info[0];
					document.getElementById('verg_1').innerHTML = info[1];
					document.getElementById('verg_2').innerHTML = info[2];
				}
				else{
					document.getElementById('inVergelijk').innerHTML = info[0];
					document.getElementById('verg_1').innerHTML = info[1];
				}
			}
		}
	}
}

function setInfo(srt,nr){
	var mom = document.getElementById('mom').value;
	
	http = createRequestObject();
	http.onreadystatechange = getInfo;
	
	if(srt == "overzicht"){
		http.open(meth,mom+"manip/overzicht.php?nr="+nr,true);
		document.getElementById("linkOverzicht").className = "tabon";
		document.getElementById("linkOmschrijving").className = "taboff";
		document.getElementById("linkKenmerken").className = "taboff";
		//document.getElementById("linkBeoordelingen").className = "taboff";
	}
	else if(srt == "omschrijving"){
		http.open(meth,mom+"manip/omschrijving.php?nr="+nr,true);
		document.getElementById("linkOmschrijving").className = "tabon";
		document.getElementById("linkOverzicht").className = "taboff";
		document.getElementById("linkKenmerken").className = "taboff";
		//document.getElementById("linkBeoordelingen").className = "taboff";
	}
	else if(srt == "kenmerken"){
		http.open(meth,mom+"manip/kenmerken.php?nr="+nr,true);
		document.getElementById("linkKenmerken").className = "tabon";
		document.getElementById("linkOmschrijving").className = "taboff";
		document.getElementById("linkOverzicht").className = "taboff";
		//document.getElementById("linkBeoordelingen").className = "taboff";
	}
	else if(srt == "beoordelingen"){
		http.open(meth,mom+"manip/beoordelingen.php?nr="+nr,true);
		//document.getElementById("linkBeoordelingen").className = "tabon";
		document.getElementById("linkKenmerken").className = "taboff";
		document.getElementById("linkOmschrijving").className = "taboff";
		document.getElementById("linkOverzicht").className = "taboff";
	}

	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function getInfo(){
	if(http.readyState == 4) { 
		if(http.status  == 200) {
			document.getElementById('testRest').innerHTML = http.responseText;
			var div = $('div#camperthumbs'),ul = $('ul.camperthumbs'),ulPadding = 15;var divWidth = div.width();div.css({overflow: 'hidden'});var lastLi = ul.find('li:last-child');div.mousemove(function(e){var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;div.scrollLeft(left);});
			document.getElementById('testRest').scrollIntoView(true);
		}
	}
}

function setFocus(wat){
	
}

function scrollen(nr){
	if(nr == "vergelijker"){	
		$('#box_panel'+nr).jScrollPane({showArrows:true, scrollbarWidth: 24});	
		$('#kies_panel1').jScrollPane({showArrows:true, scrollbarWidth: 24});	
		$('#kies_panel2').jScrollPane({showArrows:true, scrollbarWidth: 24});	
	}
	else{
		$('#box_panel'+nr).jScrollPane({showArrows:true, scrollbarWidth: 24});	
	}
}

function changePlat(nr){
	if(nr == 1){
		document.getElementById('plattegrond').className = "plattegrond_dag";
	}
	else{
		document.getElementById('plattegrond').className = "plattegrond_nacht";	
	}
}

function changeFoto(nr){
	document.getElementById('camperFoto').className = "camperGroot"+nr;
}

function openVergelijker(){
	setTimeout("sm('box',220,19)",10);
	var mom = document.getElementById('mom').value;
	document.getElementById("box").innerHTML = "<div class=\"laden\"><img src=\""+mom+"img/vergelijk/laden.gif\" style=\"margin-bottom:10px;\" alt=\"een moment geduld aub\" /><br />De vergelijker wordt geladen, een moment geduld aub.</div>";
	
	http = createRequestObject();
	http.onreadystatechange = getVergelijker;

	http.open(meth,mom+"manip/vergelijker.php",true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
	
	document.getElementById('vlap_1').style.visibility = "hidden";
}

function getVergelijker(){
	 if(http.readyState == 4) { 
		if(http.status == 200) {
			setTimeout("sm('box',854,751)",100);
			document.getElementById('box').innerHTML = http.responseText;
			setTimeout("scrollen('vergelijker')",100);
		}
	}
}

$(function(){
  var div = $('div#camperthumbs'),ul = $('ul.camperthumbs'),ulPadding = 15;var divWidth = div.width();div.css({overflow: 'hidden'});var lastLi = ul.find('li:last-child');div.mousemove(function(e){var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;div.scrollLeft(left);});
});

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

   		var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

	    $active.addClass('last-active');

    	$next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
        $active.removeClass('active last-active');
        });
}

$(function() {
	var sec = parseInt(5000);
    setInterval( "slideSwitch()", sec );
});

function checkForm(){
	if(document.getElementById('con1').value == ""){
		document.getElementById('con1').style.border = "1px solid #BE1317";
		document.getElementById('con1').style.background = "#FF7F84";
		document.getElementById('con1').focus();
	
		return false;	
	}
	else{
		document.getElementById('con1').style.border = "1px solid #0084C4";
		document.getElementById('con1').style.background = "#FFFFFF";
	}
	
	if(document.getElementById('con2').value == ""){
		document.getElementById('con2').style.border = "1px solid #BE1317";
		document.getElementById('con2').style.background = "#FF7F84";
		document.getElementById('con2').focus();
		
		return false;	
	}
	else{
		if(/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/.test(document.getElementById('con2').value)){
			document.getElementById('con2').style.border = "1px solid #0084C4";
			document.getElementById('con2').style.background = "#FFFFFF";
		}
		else{
			document.getElementById('con2').style.border = "1px solid #BE1317";
			document.getElementById('con2').style.background = "#FF7F84";
			document.getElementById('con2').focus();
			
			return false;		
		}
	}
	if(document.getElementById('con3').value == ""){
		document.getElementById('con3').style.border = "1px solid #BE1317";
		document.getElementById('con3').style.background = "#FF7F84";
		document.getElementById('con3').focus();
		
		return false;
	}
}

function checkReg(){
	if(document.getElementById('reg1').value == ""){
		document.getElementById('reg1').style.border = "1px solid #BE1317";
		document.getElementById('reg1').style.background = "#FF7F84";
		document.getElementById('reg1').focus();
		
		document.getElementById('formFout').innerHTML = "u bent vergeten een naam in te vullen...";
		return false;	
	}
	else{
		document.getElementById('formFout').innerHTML = "";
		document.getElementById('reg1').style.border = "1px solid #FFFFFF";
		document.getElementById('reg1').style.background = "#878787";
	}
	if(document.getElementById('reg2').value == ""){
		document.getElementById('reg2').style.border = "1px solid #BE1317";
		document.getElementById('reg2').style.background = "#FF7F84";
		document.getElementById('reg2').focus();
		
		document.getElementById('formFout').innerHTML = "u bent vergeten een e-mailadres in te vullen...";
		return false;	
	}
	else{
		if(/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/.test(document.getElementById('reg2').value)){
			document.getElementById('formFout').innerHTML = "";
			document.getElementById('reg2').style.border = "1px solid #FFFFFF";
			document.getElementById('reg2').style.background = "#878787";
		}
		else{
			document.getElementById('reg2').style.border = "1px solid #BE1317";
			document.getElementById('reg2').style.background = "#FF7F84";
			document.getElementById('reg2').focus();
			
			document.getElementById('formFout').innerHTML = "het e-mailadres is niet correct";
			return false;		
		}
	}
	if(document.getElementById('reg3').value == ""){
		document.getElementById('reg3').style.border = "1px solid #BE1317";
		document.getElementById('reg3').style.background = "#FF7F84";
		document.getElementById('reg3').focus();
		
		document.getElementById('formFout').innerHTML = "u bent vergeten een wachtwoord te kiezen...";
		return false;
	}
	else{
		if(document.getElementById('reg3').value.length < 4){
			document.getElementById('reg3').style.border = "1px solid #BE1317";
			document.getElementById('reg3').style.background = "#FF7F84";
			document.getElementById('reg3').focus();
			
			document.getElementById('formFout').innerHTML = "het wachtwoord moet minimaal 4 karakters lang zijn...";
			return false;
		}
		else{
			document.getElementById('formFout').innerHTML = "";
	
			document.getElementById('reg3').style.border = "1px solid #FFFFFF";
			document.getElementById('reg3').style.background = "#878787";
		}
	}
	if(document.getElementById('reg4').checked == false){
			
		document.getElementById('formFout').innerHTML = "u moet wel akkoord gaan met de algemene voorwaarden";
		return false;
	}
	else{
		document.getElementById('formFout').innerHTML = "";	
	}
}

function checkLog(){
	if(document.getElementById('log1').value == ""){
		document.getElementById('log1').style.border = "1px solid #BE1317";
		document.getElementById('log1').style.background = "#FF7F84";
		document.getElementById('log1').focus();
		
		document.getElementById('formFout').innerHTML = "u bent vergeten een e-mailadres in te vullen...";
		return false;	
	}
	else{
		if(/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/.test(document.getElementById('log1').value)){
			document.getElementById('formFout').innerHTML = "";
			document.getElementById('log1').style.border = "1px solid #FFFFFF";
			document.getElementById('log1').style.background = "#878787";
		}
		else{
			document.getElementById('log1').style.border = "1px solid #BE1317";
			document.getElementById('log1').style.background = "#FF7F84";
			document.getElementById('log1').focus();
			
			document.getElementById('formFout').innerHTML = "het e-mailadres is niet correct";
			return false;		
		}
	}
	if(document.getElementById('log2').value == ""){
		document.getElementById('log2').style.border = "1px solid #BE1317";
		document.getElementById('log2').style.background = "#FF7F84";
		document.getElementById('log2').focus();
		
		document.getElementById('formFout').innerHTML = "u bent vergeten een wachtwoord in te vullen...";
		return false;
	}
	else{
		if(document.getElementById('log2').value.length < 4){
			document.getElementById('log2').style.border = "1px solid #BE1317";
			document.getElementById('log2').style.background = "#FF7F84";
			document.getElementById('log2').focus();
			
			document.getElementById('formFout').innerHTML = "het wachtwoord moet minimaal 4 karakters lang zijn...";
			return false;
		}
		else{
			document.getElementById('formFout').innerHTML = "";
	
			document.getElementById('log2').style.border = "1px solid #FFFFFF";
			document.getElementById('log2').style.background = "#878787";
		}
	}
}

function showOptions(){
	if(document.getElementById('lid_opties').style.visibility == "visible"){
		document.getElementById('lid_opties').style.visibility = "hidden";
	}
	else{
		document.getElementById('lid_opties').style.visibility = "visible";
	}
}