// JavaScript Document


function extraOptions () {
	if (document.getElementById('extraoptions').style.display =='none') 
	{
		document.getElementById('extraoptions').style.display='block'
	}
	else { 
		document.getElementById('extraoptions').style.display='none'
	}
}




// IMAGES POPUP WITH DIMMED LAYER

//function to display the images in a dimmed layer

function DimmedLayer (action) {

//define initial variables to be used in the script

var dimmedBox = document.getElementById('dimmedBox');
var dimmedBg = document.getElementById('dimmedBg');
var viewportHeight='';

//get viewfinder height for all browsers

if (typeof window.innerWidth != 'undefined')
{
	viewportHeight = window.innerHeight
}
else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth !='undefined' && document.documentElement.clientWidth != 0) {
	viewportHeight = document.documentElement.clientHeight
}
else
{
	viewportHeight = document.getElementsByTagName('body')[0].clientHeight;
}


if (action == "open") {
	
	//stretch the dimmed layer vertically and show it
	
	dimmedBg.style.height=document.body.parentNode.scrollHeight+"px";
	dimmedBg.style.display= "block";
	
	//show the confirmBox by setting the left margin to it's original 0px- IE6 won't show the transparent PNG with the display: none/block method
	
	dimmedBox.style.marginLeft= "0px";
	
	//center the imagebox on the screen
	
	dimmedBox.style.marginTop = "30px";
	dimmedBox.style.marginLeft = (document.body.clientWidth-dimmedBox.offsetWidth)/2+"px";
	
	//scroll to the top of the page
	
	document.body.parentNode.scrollTop="0";

}
else {

	dimmedBg.style.display= "none";
	
	//hide the confirmBox using a negative left margin - IE6 won't show the transparent PNG with the display: none/block method
	
	dimmedBox.style.marginLeft= "-10000px";
}


}


function route(Language){
if (Language == "") {
Language="nl";	
}
	
window.open("http://maps.google.nl/?ie=UTF8&hl="+Language+"&q=van+" + document.planner.adres.value + "+" + 

document.planner.plaats.value + "+naar+meershoven 54 3740 bilzen&f=q&sampleq=1");
}





















function CheckForms (buttonValue,formName,Language) {
	var showError=false;
	var emailError=false;

	var Classes=new Array();
	Classes[0]="checkit";
	Classes[1]="typea checkit";
	Classes[2]="typeb checkit";

for (a=0;a<Classes.length;a++) {

	var obj = document.getElementsByClassName(Classes[a]);
	
	for(i=0;i<obj.length;i++) {
	
	if (obj[i].value == "" || obj[i].value == 0) { 
			obj[i].style.border="1px solid #FF0000";
			obj[i].style.color="#FF0000";
			showError=true;
		}
		else {
			if (obj[i].name == "email") {
				
			    var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;

				if(pattern.test(obj[i].value)) {         
					obj[i].style.border="1px solid #FFFFFF";	   
					obj[i].style.color="#13100D";
				}
				else {   
					obj[i].style.border="1px solid #FF0000";
					obj[i].style.color="#FF0000";
					emailError=true;
					showError=true;
				}
			}
			else {
			obj[i].style.border="1px solid #FFFFFF";
			obj[i].style.color="#13100D";
			}
		}
	}	
}	

if (Language == 'nl') {

	if (showError == true) {
		
		var errorMessage="<p>Het formulier werd nog niet verzonden. Gelieve";
		if (emailError == true) {
			errorMessage+=" een geldig e-mailadres te gebruiken en";		
		}
		errorMessage+=" alle verplichte velden die in het rood zijn gemarkeerd te vervolledigen en nogmaals op '"+buttonValue+"' te klikken om opnieuw te verzenden.</p>";
		
		document.getElementById('errorMessage').innerHTML=errorMessage;
		document.getElementById('errorMessage').style.display="inline";
	}
	else {
		document.getElementById('errorMessage').style.display="none";
		document.getElementById(formName).submit();
	}
}
else if (Language == 'fr') {
	if (showError == true) {
		
		var errorMessage="<p>Le formulaire n'a pas &eacute;t&eacute; envoy&eacute;. S'il vous plait";
		if (emailError == true) {
			errorMessage+=" fournir une adresse e-mail valide et";		
		}
		errorMessage+=" remplir tous les champs obligatoires sont marqu&eacute;s en rouge &aacute; compl&eacute;ter et &agrave; nouveau '"+buttonValue+"' pour le renvoyer.</p>";
		
		document.getElementById('errorMessage').innerHTML=errorMessage;
		document.getElementById('errorMessage').style.display="inline";
	}
	else {
		document.getElementById('errorMessage').style.display="none";
		document.getElementById(formName).submit();
	}	
}
else {
		if (showError == true) {
		
		var errorMessage="<p>The form hasn't been sent. Please";
		if (emailError == true) {
			errorMessage+=" provide a valid e-mail address and";		
		}
		errorMessage+=" fill in all the mandatory fields that are marked in red en press the '"+buttonValue+"' button again to send the form.</p>";
		
		document.getElementById('errorMessage').innerHTML=errorMessage;
		document.getElementById('errorMessage').style.display="inline";
	}
	else {
		document.getElementById('errorMessage').style.display="none";
		document.getElementById(formName).submit();
	}
}


	showError=false;
	emailError=false;
	document.body.parentNode.scrollTop=document.getElementById("errorMessage").offsetTop+150;

} 


document.getElementsByClassName = function (c) { 

var r = new Array()
var j = 0 
var o = document.getElementsByTagName("*") 
for(i=0;i<o.length;i++) { 
if(o[i].className == c) { 
r[j]=o[i];j++; 
} 
} 
return r; 
}