function focusInput() { this.className = focusInputClass; } // FUNCTIE OM DE CLASS TERUG TE ZETTEN NAAR DE ORIGINELE STAAT
function blurInput() { this.className = normalInputClass; } // FOCUS CLASS

function loadContactForm() { // BEGIN MET INITALISEREN VAN DE TEKSTVELDEN
	if (normalInputClass) { 
		inputElement = document.getElementsByTagName("textarea");	
		for (var i = 0; i < inputElement.length; i++) { 
			inputElement[i].className = normalInputClass;
			inputElement[i].onfocus = focusInput;
			inputElement[i].onblur = blurInput;	
		}
	}
	
	inputElement = document.getElementsByTagName("input");
	for (var i = 0; i < inputElement.length; i++) {  // ALLE INPUT VELDEN AFGAAN
		if ((inputElement[i].type == "text") && (normalInputClass)) { // ONFOCUS&BLUR EVENTS
			inputElement[i].className = normalInputClass;
			inputElement[i].onfocus = focusInput;
			inputElement[i].onblur = blurInput;
		}
		nSplit = inputElement[i].accept.split("/"); // HAAL DE ACCEPT ATTRIBUTE OP
		tmpS = new Array();
		other = false;
		for (a=0;a<nSplit.length;a++) {
			tmpS[nSplit[a]] = true;
			if (nSplit[a] != "required") { other = true; }
		} 
		if (tmpS["required"]) { // IS DIT VELD EEN VERPLICHT VELD
			var spanElement = document.createElement("span");
			//var theSpanText = document.createTextNode("*");
			spanElement.className = errorClass;
			spanElement.id = "error"+inputElement[i].name;
			//spanElement.appendChild(theSpanText);
			inputElement[i].parentNode.appendChild(spanElement);
		} else if (other) { // IS EEN VELD EEN BEPAALD TYPE, WAAR OP GECHECKED MOET WORDEN
			var spanElement = document.createElement("span");
			spanElement.className = errorClass;
			spanElement.id = "error"+inputElement[i].name;
			inputElement[i].parentNode.appendChild(spanElement);
		}		
	}
}
function sendContactForm(f) { // VERSTUUR HET FORMULIER 'f'
	errorsFound = false;  // STANDAARD GEEN FOUTEN GEVONDEN
	inputElement = document.getElementsByTagName("input");
	alertMsg = "";		
	
	for (var i = 0; i < inputElement.length; i++) {
		nSplit = inputElement[i].accept.split("/");
		tmpS = new Array();
		other = false;
		for (a=0;a<nSplit.length;a++) {
			tmpS[nSplit[a]] = true;
			if (nSplit[a] != "required") { 
				other = nSplit[a]; 
			}
		}		
		
		if ((tmpS["required"]) && (!inputElement[i].value)) { 
			inputElement[i].style.backgroundColor = "#F2EA09";
			document.location.hash = "top";
			errorsFound = true; 
		} else if ((other) && (inputElement[i].value)) { 
			switch (other) { // BEPAALDE CHECKS UITVOEREN VOOR BEPAALDE VELDEN
				case "email" :
					if (!isValidEmail(inputElement[i].value)) { 
						errorsFound = true; 
						inputElement[i].style.backgroundColor = "#F2EA09";
						document.location.hash = "top";
					}
				break;
				/*
				case "telefoon" :
					if (!isValidTelefoon(inputElement[i].value)) { 
						errorsFound = true; 
						inputElement[i].style.border = "1px solid red";
					}
				break;
				*/
				/*
				case "postcode" :
					if (!isValidPostcode(inputElement[i].value)) { 
						errorsFound = true; 
						inputElement[i].style.border = "1px solid red";
					}
				break;
				case "nummer" :
					if (isNaN(inputElement[i].value)) { 
						errorsFound = true; 
						inputElement[i].style.border = "1px solid red";
					}
				break;
				*/

			}
		}
	}
	if (!errorsFound) { 		
	
		woonWensen = document.getElementById('showWoonwensen');	
		if(woonWensen.style.display == "block")
		{
			var radioBoxArrVraag1 = getSelectedRadioValue(document.forms[0].emailerextra_eerderAangemeld);
			//var checkBoxArrVraag2 = getSelectedCheckbox(document.forms[0].emailerextra_prijsklasse);
			var radioBoxArrVraag3 = getSelectedRadioValue(document.forms[0].emailerextra_typeWoning);
			var radioBoxArrVraag4 = getSelectedRadioValue(document.forms[0].emailerextra_aantalKamers);
			var radioBoxArrVraag5 = getSelectedRadioValue(document.forms[0].emailerextra_oppervlakte);
			var radioBoxArrVraag6 = getSelectedRadioValue(document.forms[0].emailerextra_parkeerplaatsen);
			var radioBoxArrVraag7 = getSelectedRadioValue(document.forms[0].emailerextra_buitenruimte);
			//var checkBoxArrVraag8 = getSelectedCheckbox(document.forms[0].emailerextra_wensen);
			
			//alert(getSelectedRadio(document.forms[0].aangemeld));
			//alert(getSelectedRadioValue(document.forms[0].aangemeld));
			
			if(radioBoxArrVraag1 == "") {
				document.location.hash = "topWoonWensen"; 
				alert("U heeft niet bij alle vragen een keuze gemaakt, controleer ze."); 
				return false; 				
			//} else if (checkBoxArrVraag2.length == 0) { 
			//	document.location.hash = "topWoonWensen"; 
			//	alert("U heeft niet bij alle vragen een keuze gemaakt, controleer ze."); 
			//	return false; 	
			} else if(radioBoxArrVraag3 == "") {
				document.location.hash = "woning"; 
				alert("U heeft niet bij alle vragen een keuze gemaakt, controleer ze."); 
				return false; 		
			} else if(radioBoxArrVraag4 == "") {
				document.location.hash = "kamers"; 
				alert("U heeft niet bij alle vragen een keuze gemaakt, controleer ze."); 
				return false; 	
			} else if(radioBoxArrVraag5 == "") {
				document.location.hash = "oppervlakte"; 
				alert("U heeft niet bij alle vragen een keuze gemaakt, controleer ze."); 
				return false; 	
			} else if(radioBoxArrVraag6 == "") {
				document.location.hash = "parkeerplaatsen"; 
				alert("U heeft niet bij alle vragen een keuze gemaakt, controleer ze."); 
				return false; 	
			} else if(radioBoxArrVraag7 == "") {
				document.location.hash = "buiten"; 
				alert("U heeft niet bij alle vragen een keuze gemaakt, controleer ze."); 
				return false; 	
			//} else if(checkBoxArrVraag8.length == 0) {
			//	document.location.hash = "diensten"; 
			//	alert("U heeft niet bij alle vragen een keuze gemaakt, controleer ze."); 
			//	return false; 		
			} else {
				return true; // GEEN ERRORS GEVONDEN? VERSTUUR DAN HET FORMULIER
			}
		} else {	
			return true; // GEEN ERRORS GEVONDEN? VERSTUUR DAN HET FORMULIER
		}
	} else {
		return false;	
	}
	return false;
}	

// EMAIL
function isValidEmail(str){ // bas@e-sites.nl
	var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
	return filterTest(filter,str);
}

// POSTCODE
/*
function isValidPostcode(str) { // 4814DC
	var filter=/^([0-9]{4})([A-Z]{2})$/gi;
	return filterTest(filter,str);
}
*/

// TELEFOON
/*
function isValidTelefoon(str) { // 0768880088
	var filter = /^(0)([0-9]{9})$/gi;
	return filterTest(filter,str);
}*/


function filterTest(filter,str) {
	if (filter.test(str)) {
		testresults=true;
	} else {
		testresults=false;
	}
	return testresults;		
}

function getSelectedRadioValue(buttonGroup) {
   // returns the value of the selected radio button or "" if no button is selected
   var i = getSelectedRadio(buttonGroup);
   if (i == -1) {
      return "";
   } else {
      if (buttonGroup[i]) { // Make sure the button group is an array (not just one button)
         return buttonGroup[i].value;
      } else { // The button group is just the one button, and it is checked
         return buttonGroup.value;
      }
   }
} // Ends the "getSelectedRadioValue" function

function getSelectedRadio(buttonGroup) {
   // returns the array number of the selected radio button or -1 if no button is selected
   if (buttonGroup[0]) { // if the button group is an array (one button is not an array)
      for (var i=0; i<buttonGroup.length; i++) {
         if (buttonGroup[i].checked) {
            return i
         }
      }
   } else {
      if (buttonGroup.checked) { return 0; } // if the one button is checked, return zero
   }
   // if we get to this point, no radio button is selected
   return -1;
} // Ends the "getSelectedRadio" function

function getSelectedCheckbox(buttonGroup) {
   // Go through all the check boxes. return an array of all the ones
   // that are selected (their position numbers). if no boxes were checked,
   // returned array will be empty (length will be zero)
   var retArr = new Array();
   var lastElement = 0;
   if (buttonGroup[0]) { // if the button group is an array (one check box is not an array)
      for (var i=0; i<buttonGroup.length; i++) {
         if (buttonGroup[i].checked) {
            retArr.length = lastElement;
            retArr[lastElement] = i;
            lastElement++;
         }
      }
   } else { // There is only one check box (it's not an array)
      if (buttonGroup.checked) { // if the one check box is checked
         retArr.length = lastElement;
         retArr[lastElement] = 0; // return zero as the only array value
      }
   }
   return retArr;
} // Ends the "getSelectedCheckbox" function