// offerte stuff
var http = createRequestObject();
var areal = Math.random() + "";
var real = areal.substring(2,6);

	function createRequestObject() {
		var xmlhttp;
		try { xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); }
	  catch(e) {
		try { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}
		catch(f) { xmlhttp=null; }
	  }
	  if(!xmlhttp&&typeof XMLHttpRequest!="undefined") {
		xmlhttp=new XMLHttpRequest();
	  }
		return  xmlhttp;
	}

	function sendRequest() {
		var rnd = Math.random();
		var name = escape(document.getElementById("name").value);
		var ontvangen = getCheckedValue(document.forms['persoonlijkegegevens'].elements['ontvangen']);
		var straat = escape(document.getElementById("straat").value);
		var offerteproducten = escape(document.getElementById("offerteproducten").value);
		var postcode = escape(document.getElementById("postcode").value);
		var woonplaats = escape(document.getElementById("woonplaats").value);
		var telefoonnummer = escape(document.getElementById("telefoonnummer").value);
		var telefoonnummeravond = escape(document.getElementById("telefoonnummeravond").value);
		var gsm = escape(document.getElementById("gsm").value);
		var fax = escape(document.getElementById("fax").value);
		var email = escape(document.getElementById("email").value);
		var body = escape(document.getElementById("body").value);
	
		try{
		http.open('POST',  '/scripts/stuurofferte.php');
		http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		http.onreadystatechange = handleResponse;
			http.send('name='+name+'&ontvangen='+ontvangen+'&straat='+straat+'&offerteproducten='+offerteproducten+'&postcode='+postcode+'&woonplaats='+woonplaats+'&telefoonnummer='+telefoonnummer+'&telefoonnummeravond='+telefoonnummeravond+'&gsm='+gsm+'&fax='+fax+'&email='+email+'&body='+body+'&rnd='+rnd);
		}
		catch(e){}
		finally{}
	}

	function check_values() {
		var valid = document.getElementById("valid").value;
		var name = document.getElementById("name").value;
		var ontvangen = getCheckedValue(document.forms['persoonlijkegegevens'].elements['ontvangen']);
		var straat = document.getElementById("straat").value;
		var offerteproducten = document.getElementById("offerteproducten").value;
		var postcode = document.getElementById("postcode").value;
		var woonplaats = document.getElementById("woonplaats").value;
		var telefoonnummer = document.getElementById("telefoonnummer").value;
		var telefoonnummeravond = document.getElementById("telefoonnummeravond").value;
		var gsm = document.getElementById("gsm").value;
		var fax = document.getElementById("fax").value;
		var email = document.getElementById("email").value;
		var body = document.getElementById("body").value;
		var error = false;
		
		// Start validatie
		//We gaan er van uit dat er geen foutmelding is
		document.getElementById("name").className = "";
		document.getElementById("nameErrmsg").display = "none"; 	
		document.getElementById("straat").className = "";
		document.getElementById("postcode").className = "";
		document.getElementById("woonplaats").className = "";
		document.getElementById("adresErrmsg").display = "none"; 
		document.getElementById("telefoonnummer").className = "";
		document.getElementById("telefoonnummeravond").className = "";
		document.getElementById("gsm").className = "";
		document.getElementById("email").className = "";	
		document.getElementById("fax").className = "";
		document.getElementById("valid").className = "";
		document.getElementById('validErrmsg').style.display='none';
		
		if(trim(name) == ""){ 
			document.getElementById("name").className = "errFld";
			document.getElementById('nameErrmsg').style.display='block';
			error = true;
		}
		
		if(trim(telefoonnummer) == ""){ 
			document.getElementById("telefoonnummer").className = "errFld";
			document.getElementById('telefoonnummerErrmsg').style.display='block';
			error = true;
		}
		
		if(trim(telefoonnummeravond) == ""){ 
			document.getElementById("telefoonnummeravond").className = "errFld";
			document.getElementById('telefoonnummeravondErrmsg').style.display='block';
			error = true;
		}
		
		if(trim(gsm) == ""){ 
			document.getElementById("gsm").className = "errFld";
			document.getElementById('gsmErrmsg').style.display='block';
			error = true;
		}
		
		if(!isEmail(email)){ 
			document.getElementById("email").className = "errFld";
			document.getElementById('emailErrmsg').style.display='block';
			error = true;
		}
		
		if(ontvangen == "post"){
			document.getElementById('faxErrmsg').style.display='none'; // Het adres is niet langer genoodzaakt
			
			if(trim(straat) == ""){ 
				document.getElementById("straat").className = "errFld";
				document.getElementById('adresErrmsg').style.display='block';
				error = true;
			}
			if(trim(postcode) == ""){ 
				document.getElementById("postcode").className = "errFld";
				document.getElementById('adresErrmsg').style.display='block';
				error = true;
			}
			if(trim(woonplaats) == ""){ 
				document.getElementById("woonplaats").className = "errFld";
				document.getElementById('adresErrmsg').style.display='block';
				error = true;
			}
		}
		if(ontvangen == "fax"){
			document.getElementById('adresErrmsg').style.display='none'; // Het adres is niet langer genoodzaakt
			if(trim(fax) == ""){ 
				document.getElementById("fax").className = "errFld";
				document.getElementById('faxErrmsg').style.display='block';
				error = true;
			}
		}
		if(real !== valid) {
			//alert("Om spam te voorkomen vragen we je de 4 cijfers in te vullen.");
			document.getElementById("valid").className = "errFld";
			document.getElementById('validErrmsg').style.display='block';
			error = true;
		}
			
		if(error == true){
			return false;
		}	
		else {
			sendRequest();	
		}
	}

	function handleResponse() {
		try{
		if((http.readyState == 4)&&(http.status == 200)){
			var response = http.responseText;
		  document.getElementById("confirmation").innerHTML = response;
		  document.getElementById("confirmation").style.display = "block";
		  document.getElementById("form").style.display = "none";
			}
	  }
		catch(e){}
		finally{}
	}

	function isUndefined(a) {
	   return typeof a == 'undefined';
	}
	
	function trim(a) {
		return a.replace(/^s*(S*(s+S+)*)s*$/, "$1");
	}
	
	function isEmail(a) {
	   return (a.indexOf(".") > 0) && (a.indexOf("@") > 0);
	}
	
	function botCheckInfo() {
		alert("Om spam te voorkomen vragen we je de 4 cijfers\nin het daarvoor voorziene veld in te vullen.");
	}


	
	//check if checkbox is checked
	function checkIfChecked(checkbox){
	  if (checkbox.checked == 1)
		return true;
	  else
		return false;
	}
	
	// check which radiobutton is checked
	function getCheckedValue(radioObj) {
		if(!radioObj)
			return "";
		var radioLength = radioObj.length;
		if(radioLength == undefined)
			if(radioObj.checked)
				return radioObj.value;
			else
				return "";
		for(var i = 0; i < radioLength; i++) {
			if(radioObj[i].checked) {
				return radioObj[i].value;
			}
		}
		return "";
	}

////////////////////////////////////////////////////////////////////////////////////////////////////////////
	//Global vars die gebruikt worden om id's aan producten mee te geven
	var elementNumber = 0;
	var dakkapelNummer = 0;
	var kozijnNummer = 0;
	var deurNummer = 0;
	var schuifpuiNummer = 0;
	var overkappingNummer = 0;
	
	// Functie om een product element toe te voegen aan de offertelijst
	function addElement(productType){
		elementNumber++;
		var divIdName = "my"+elementNumber+"Div";
		var ni = document.getElementById('deofferte'); //Containerdiv
		var newdiv = document.createElement('div');
		
		newdiv.setAttribute("id",divIdName);
		
		switch (productType){
				//START DAKKAPEL//
				case "dakkapel":
					var checkboxes = "";
					dakkapelNummer++;
					
					if(checkIfChecked(document.getElementById("dakkapel_allesdraaikiep"))){
						checkboxes += "Alle glasdelen draaikiep<br />";
					}
					if(checkIfChecked(document.getElementById("dakkapel_draaikiep"))){
						checkboxes += "Om en om vast veld draaikiep<br />";
					}
					
					newdiv.innerHTML = "<strong>Dakkapel "+dakkapelNummer+"</strong><br />";
					newdiv.innerHTML += "Hellingsgraad: "+ document.getElementById("dakkapel_hellingshoek").value +" graden<br />";				
					newdiv.innerHTML += document.getElementById("dakkapel_hoogte").value +" x "+ document.getElementById("dakkapel_breedte").value +" cm (Hoogte x Breedte)<br />";
					newdiv.innerHTML += checkboxes;
					newdiv.innerHTML += "<a href=\"javascript:;\" class=\"offerte_verwijder\" onclick=\"removeElement(\'"+divIdName+"\')\">Verwijder</a><br /><br />";
					
					ni.appendChild(newdiv);
				break;
				//EINDE DAKKAPEL//
				
				//START KOZIJN//
				case "kozijn":
					var checkboxes = "";
					kozijnNummer++;
					
					if(checkIfChecked(document.getElementById("kozijn_houtnerfInKleur"))){
						checkboxes += "Houtnerf in kleur van de draaidelen / kozijnen<br />";
					}
					if(checkIfChecked(document.getElementById("kozijn_verdektBeslag"))){
						checkboxes += "Verdekt beslag<br />";
					}
					
					//check radiobuttons
					var raamindeling = getCheckedValue(document.forms['form_kozijn'].elements['kozijn_raamindeling']);
					
					newdiv.innerHTML = "<strong>Kozijn "+kozijnNummer+"</strong><br />"
							+ document.getElementById("kozijn_hoogte").value +" x "+ document.getElementById("kozijn_breedte").value +" cm (Hoogte x Breedte)<br />" 
							+"Raamindeling type "+ raamindeling +"<br />"
							+document.getElementById("kozijn_glas").value +" glas<br />"
							+ checkboxes
							+"<a href=\"javascript:;\" class=\"offerte_verwijder\" onclick=\"removeElement(\'"+divIdName+"\')\">Verwijder</a><br /><br />";
							
					ni.appendChild(newdiv);				
				break;
				//EINDE KOZIJN//
				
				//START DEUR//
				case "deur":
					deurNummer++;
					
			
					//check radiobuttons
					var deurindeling = 		getCheckedValue(document.forms['form_deur'].elements['deuren_deurindeling']);
					var opent = 			getCheckedValue(document.forms['form_deur'].elements['deuren_opent']);
					var siergrepen = 		getCheckedValue(document.forms['form_deur'].elements['deuren_siergrepen']);
					var brievenbus = 		getCheckedValue(document.forms['form_deur'].elements['deuren_brievenbus']);
					var deurbelKlopper = 	getCheckedValue(document.forms['form_deur'].elements['deuren_deurbelKlopper']);
					var zijlicht = 			getCheckedValue(document.forms['form_deur'].elements['deuren_zijlicht']);
					
					
					
					newdiv.innerHTML = "<strong>Deur "+deurNummer+"</strong><br />"
							+"Deurindeling type "+ deurindeling +"<br />"
							+"Opent naar "+ opent +"<br />"
							+"Siergrepen: "+ siergrepen +"<br />"
							+"Brievenbus "+ brievenbus +"<br />"
							+""+ deurbelKlopper +"<br />"
							+"Zijlicht: "+ zijlicht +"<br />"
							+"<a href=\"javascript:;\" class=\"offerte_verwijder\" onclick=\"removeElement(\'"+divIdName+"\')\">Verwijder</a><br /><br />";
							
					ni.appendChild(newdiv);
					
				break;
				//EINDE DEUR//
				
				//START SCHUIFPUI//
				case "schuifpui":
					schuifpuiNummer++;
			
					//check radiobuttons
					var indeling = 		getCheckedValue(document.forms['form_schuifpui'].elements['schuifpuien_indeling']);
					var houtnerf = 		getCheckedValue(document.forms['form_schuifpui'].elements['schuifpuien_houtnerf']);
					var binnenBuiten =	getCheckedValue(document.forms['form_schuifpui'].elements['schuifpuien_binnenBuiten']);
					var materiaal = 	getCheckedValue(document.forms['form_schuifpui'].elements['schuifpuien_materiaal']);
					
					
					newdiv.innerHTML = "<strong>Schuifpui "+schuifpuiNummer+"</strong><br />"
							+document.getElementById("schuifpuien_hoogte").value +" x "+ document.getElementById("schuifpuien_breedte").value +" cm (Hoogte x Breedte)<br />"
							+"Type indeling "+ indeling +"<br />"
							+"Houtnerf: "+ houtnerf +"<br />"
							+"Binnen en buiten bedienbaar: "+ binnenBuiten +"<br />"
							+"Materiaal: "+ materiaal +"<br />"
							+"Kleur: "+ document.getElementById("schuifpuien_kleur").value +"<br />"
							+"<a href=\"javascript:;\" class=\"offerte_verwijder\" onclick=\"removeElement(\'"+divIdName+"\')\">Verwijder</a><br /><br />";
					ni.appendChild(newdiv);
							
				break;
				//EINDE SCHUIFPUI//
				
				//EINDE OVERKAPPING//
				case "overkapping":
					overkappingNummer++;
			
					//check radiobuttons
					var isolatie = 		getCheckedValue(document.forms['form_overkapping'].elements['overkapping_isolatie']);
					
					//checkbox
					var spots = "";
					if(checkIfChecked(document.getElementById("overkapping_spots"))){
						spots += "Spots<br />";
					}
					//checkbox
					var doehetzelf = "";
					if(checkIfChecked(document.getElementById("overkapping_doehetzelf"))){
						doehetzelf += "Doe het zelf<br />";
					}
					
					newdiv.innerHTML = "<strong>Overkapping "+overkappingNummer+"</strong><br />"
							+document.getElementById("overkapping_breedte").value +" x "+ document.getElementById("overkapping_diepte").value +" cm (Breedte x Diepte)<br />"
							+"Type indeling "+ isolatie +"<br />"
							+"Kleur: "+ document.getElementById("overkapping_kleur").value +"<br />"
							+ spots
							+ doehetzelf
							+"<a href=\"javascript:;\" class=\"offerte_verwijder\" onclick=\"removeElement(\'"+divIdName+"\')\">Verwijder</a><br /><br />";
					ni.appendChild(newdiv);
							
				break;
				//EINDE OVERKAPPING//
				
				default : alert("Er is een fout opgetreden, gelieve Derjans telefonisch te contacteren");
		}//close switch
	}//function addElement(productType)
	
	//Functie om producten uit offertelijst te verwijderen
	function removeElement(elementName)
	{
	var d = document.getElementById('deofferte');
	var removeElement = document.getElementById(elementName);
	d.removeChild(removeElement);
	}
	//functie om hyperlinks in string te verwijderen. (mijn eerste stappen in regex dus weet niet of het 100 juist is)
	function removeLinks( strText ){
		var regEx = /<a\b[^>]*>(.*?)<\/a>/ig;  //remove hyperlinks 
		return strText.replace(regEx, "");
	}
////////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	
	
	

	/* Unselect alle checboxen van het veld 'ik ben geinteresseerd in...' */
	function uncheck_offerte() {
		window.document.offerteformulier.check_dakkapellen.checked=false;
		window.document.offerteformulier.check_kozijnen.checked=false;
		window.document.offerteformulier.check_voordeuren.checked=false;
		window.document.offerteformulier.check_verandas.checked=false;
		window.document.offerteformulier.check_schuifpuien.checked=false;
	}