function calculate_distance(lat1, lng1, lat2, lng2) {
	toRad = function(v) { return v * (Math.PI / 180);};

	// Gebruik de 'Haversine' formule om de afstand tussen 2 punten te berekenen.
	var R = 6371; // Earth radius in km
	var dLat = toRad(lat2-lat1);
	var dLon = toRad(lng2-lng1); 
	var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
	        Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) * 
        	Math.sin(dLon/2) * Math.sin(dLon/2); 
	var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); 
	var d = R * c;
	return d;
}


function menuOver(div,naam) {
	document.getElementById(div).className = naam;
}

function huismerkOver(div,naam) {
	if(document.getElementById(div).className != "assortiment_kop_sel"){	
		document.getElementById(div).className = naam;
	}
}

function linkOver(div,naam) {
	if(document.getElementById(div).className != "link_kop_sel"){	
		document.getElementById(div).className = naam;
	}
}

function winkelsOver(div,naam) {
	if(document.getElementById(div).className != "provincie_kop_sel"){	
		document.getElementById(div).className = naam;
	}
}


function winkelsFlashOver(div,naam) {			
		for (i=1;i<=12;i++){
			if(document.getElementById("provincie_kop_"+i).className != "provincie_kop_sel"){				
				document.getElementById("provincie_kop_"+i).className = "provincie_kop";				
			}
		}
		if(document.getElementById(div).className != "provincie_kop_sel"){
			document.getElementById(div).className = naam;
		}
}


function newsOver(div,naam,image) {
	document.getElementById(div).className = naam;
	document.getElementById(div + "_button").src = image;
}

function verzendOver(div,image) {
	document.getElementById(div + "_button").src = image;
}

function submitSearchForm(formname) {
	document.getElementById("pageLoader").style.display = "block";
	document.getElementById(formname).submit();
}

function submitSearchFormHM(formname) {
	document.getElementById(formname).submit();
}

function huismerkGroepSelect(totaal,deze) {
	
	for (i=1;i<=totaal;i++){
		
		document.getElementById("assortiment_items_" + i).style.display = "none";
		document.getElementById("assortiment_kop_" + i).className = "assortiment_kop";		
	}
	
	
	document.getElementById("assortiment_kop_" + deze).className = "assortiment_kop_sel";
	document.getElementById("assortiment_items_" + deze).style.display = "block";	
}

function linkGroepSelect(totaal,deze) {
	
	for (i=1;i<=totaal;i++){
		
		document.getElementById("link_items_" + i).style.display = "none";
		document.getElementById("link_kop_" + i).className = "link_kop";		
	}
	
	
	document.getElementById("link_kop_" + deze).className = "link_kop_sel";
	document.getElementById("link_items_" + deze).style.display = "block";	
}


function winkelsGroepSelect(totaal,deze) {
	
	for (i=1;i<=totaal;i++){
		document.getElementById("provincie_items_" +i).style.display = "none";
		document.getElementById("provincie_kop_" +i).className = "provincie_kop";		
	}
	
	document.getElementById("provincie_kop_"+deze).className = "provincie_kop_sel";
	document.getElementById("provincie_items_"+deze).style.display = "block";	
}

function isValidEmail(str) {
 		return (str.indexOf(".") > 0) && (str.indexOf("@") > 0);
	}
			
function submitContactForm(formname){
	if(document.getElementById("voorletters").value == '' || document.getElementById("achternaam").value == '' || isValidEmail(document.getElementById("emailadres").value) == false || 
	(document.getElementById("geslachtman").checked == false && document.getElementById("geslachtvrouw").checked == false) || document.getElementById("adres").value == '' 
	|| document.getElementById("postcode").value == '' || document.getElementById("plaats").value == '' || document.getElementById("huisnummer").value == '' ){
		
		if (document.getElementById("geslachtman").checked == false && document.getElementById("geslachtvrouw").checked == false){			
			document.getElementById("wrdman").style.backgroundColor = '#ff0000';
			document.getElementById("wrdman").style.color = '#ffffff';
			document.getElementById("wrdvrouw").style.backgroundColor = '#ff0000';
			document.getElementById("wrdvrouw").style.color = '#ffffff';
		} else {
			document.getElementById("wrdman").style.backgroundColor = '#ffffff';
			document.getElementById("wrdman").style.color = '#3854a2';
			document.getElementById("wrdvrouw").style.backgroundColor = '#ffffff';
			document.getElementById("wrdvrouw").style.color = '#3854a2';
		}
		
		if(document.getElementById("voorletters").value == ''){
			document.getElementById("voorletters").style.backgroundColor = '#ff0000';
			document.getElementById("voorletters").style.color = '#ffffff';
		} else {
			document.getElementById("voorletters").style.backgroundColor = '#ffffff';
			document.getElementById("voorletters").style.color = '#000000';
		}
		
		if(document.getElementById("achternaam").value == ''){
			document.getElementById("achternaam").style.backgroundColor = '#ff0000';
			document.getElementById("achternaam").style.color = '#ffffff';
		} else {
			document.getElementById("achternaam").style.backgroundColor = '#ffffff';
			document.getElementById("achternaam").style.color = '#000000';
		}		
		
		if(document.getElementById("adres").value == ''){
			document.getElementById("adres").style.backgroundColor = '#ff0000';
			document.getElementById("adres").style.color = '#ffffff';
		} else {
			document.getElementById("adres").style.backgroundColor = '#ffffff';
			document.getElementById("adres").style.color = '#000000';
		}
		
		if(document.getElementById("huisnummer").value == ''){
			document.getElementById("huisnummer").style.backgroundColor = '#ff0000';
			document.getElementById("huisnummer").style.color = '#ffffff';
		} else {
			document.getElementById("huisnummer").style.backgroundColor = '#ffffff';
			document.getElementById("huisnummer").style.color = '#000000';
		}
		
		if(document.getElementById("postcode").value == ''){
			document.getElementById("postcode").style.backgroundColor = '#ff0000';
			document.getElementById("postcode").style.color = '#ffffff';
		} else {
			document.getElementById("postcode").style.backgroundColor = '#ffffff';
			document.getElementById("postcode").style.color = '#000000';
		}
		
		if(document.getElementById("plaats").value == ''){
			document.getElementById("plaats").style.backgroundColor = '#ff0000';
			document.getElementById("plaats").style.color = '#ffffff';
		} else {
			document.getElementById("plaats").style.backgroundColor = '#ffffff';
			document.getElementById("plaats").style.color = '#000000';
		}
		
		if(isValidEmail(document.getElementById("emailadres").value) == false){
			document.getElementById("emailadres").style.backgroundColor = '#ff0000';
			document.getElementById("emailadres").style.color = '#ffffff';
		} else {
			document.getElementById("emailadres").style.backgroundColor = '#ffffff';
			document.getElementById("emailadres").style.color = '#000000';
		}		
		
		document.getElementById("message").style.display = 'block';	
	
		//alert("U heeft niet alle velden (juist) ingevuld!");
	} else {
		//alert("verzenden!");
		document.getElementById(formname).submit();
	}
}



function submitMetamorfoseForm(formname){
	if(document.getElementById("voorletters").value == '' || document.getElementById("achternaam").value == '' || isValidEmail(document.getElementById("emailadres").value) == false || 
	(document.getElementById("geslachtman").checked == false && document.getElementById("geslachtvrouw").checked == false) || document.getElementById("adres").value == '' 
	|| document.getElementById("postcode").value == '' || document.getElementById("plaats").value == '' || document.getElementById("huisnummer").value == '' 
	|| document.getElementById("geboren").value == '' || document.getElementById("schoenmaat").value == '' || document.getElementById("kledingmaat").value == '' ){
		
		if (document.getElementById("geslachtman").checked == false && document.getElementById("geslachtvrouw").checked == false){			
			document.getElementById("wrdman").style.backgroundColor = '#ff0000';
			document.getElementById("wrdman").style.color = '#ffffff';
			document.getElementById("wrdvrouw").style.backgroundColor = '#ff0000';
			document.getElementById("wrdvrouw").style.color = '#ffffff';
		} else {
			document.getElementById("wrdman").style.backgroundColor = '#ffffff';
			document.getElementById("wrdman").style.color = '#3854a2';
			document.getElementById("wrdvrouw").style.backgroundColor = '#ffffff';
			document.getElementById("wrdvrouw").style.color = '#3854a2';
		}
		
		if(document.getElementById("voorletters").value == ''){
			document.getElementById("voorletters").style.backgroundColor = '#ff0000';
			document.getElementById("voorletters").style.color = '#ffffff';
		} else {
			document.getElementById("voorletters").style.backgroundColor = '#ffffff';
			document.getElementById("voorletters").style.color = '#000000';
		}
		
		if(document.getElementById("achternaam").value == ''){
			document.getElementById("achternaam").style.backgroundColor = '#ff0000';
			document.getElementById("achternaam").style.color = '#ffffff';
		} else {
			document.getElementById("achternaam").style.backgroundColor = '#ffffff';
			document.getElementById("achternaam").style.color = '#000000';
		}		
		
		if(document.getElementById("adres").value == ''){
			document.getElementById("adres").style.backgroundColor = '#ff0000';
			document.getElementById("adres").style.color = '#ffffff';
		} else {
			document.getElementById("adres").style.backgroundColor = '#ffffff';
			document.getElementById("adres").style.color = '#000000';
		}
		
		if(document.getElementById("huisnummer").value == ''){
			document.getElementById("huisnummer").style.backgroundColor = '#ff0000';
			document.getElementById("huisnummer").style.color = '#ffffff';
		} else {
			document.getElementById("huisnummer").style.backgroundColor = '#ffffff';
			document.getElementById("huisnummer").style.color = '#000000';
		}
		
		if(document.getElementById("postcode").value == ''){
			document.getElementById("postcode").style.backgroundColor = '#ff0000';
			document.getElementById("postcode").style.color = '#ffffff';
		} else {
			document.getElementById("postcode").style.backgroundColor = '#ffffff';
			document.getElementById("postcode").style.color = '#000000';
		}
		
		if(document.getElementById("plaats").value == ''){
			document.getElementById("plaats").style.backgroundColor = '#ff0000';
			document.getElementById("plaats").style.color = '#ffffff';
		} else {
			document.getElementById("plaats").style.backgroundColor = '#ffffff';
			document.getElementById("plaats").style.color = '#000000';
		}
		
		if(isValidEmail(document.getElementById("emailadres").value) == false){
			document.getElementById("emailadres").style.backgroundColor = '#ff0000';
			document.getElementById("emailadres").style.color = '#ffffff';
		} else {
			document.getElementById("emailadres").style.backgroundColor = '#ffffff';
			document.getElementById("emailadres").style.color = '#000000';
		}
		
		if(document.getElementById("geboren").value == ''){
			document.getElementById("geboren").style.backgroundColor = '#ff0000';
			document.getElementById("geboren").style.color = '#ffffff';
		} else {
			document.getElementById("geboren").style.backgroundColor = '#ffffff';
			document.getElementById("geboren").style.color = '#000000';
		}
		
		if(document.getElementById("schoenmaat").value == ''){
			document.getElementById("schoenmaat").style.backgroundColor = '#ff0000';
			document.getElementById("schoenmaat").style.color = '#ffffff';
		} else {
			document.getElementById("schoenmaat").style.backgroundColor = '#ffffff';
			document.getElementById("schoenmaat").style.color = '#000000';
		}
		
		if(document.getElementById("kledingmaat").value == ''){
			document.getElementById("kledingmaat").style.backgroundColor = '#ff0000';
			document.getElementById("kledingmaat").style.color = '#ffffff';
		} else {
			document.getElementById("kledingmaat").style.backgroundColor = '#ffffff';
			document.getElementById("kledingmaat").style.color = '#000000';
		}
		
		if(document.getElementById("telefoon").value == ''){
			document.getElementById("telefoon").style.backgroundColor = '#ff0000';
			document.getElementById("telefoon").style.color = '#ffffff';
		} else {
			document.getElementById("telefoon").style.backgroundColor = '#ffffff';
			document.getElementById("telefoon").style.color = '#000000';
		}
		
		if(!document.getElementById("foto").value){
			document.getElementById("foto").style.backgroundColor = '#ff0000';
		} else {
			document.getElementById("foto").style.backgroundColor = '#ffffff';
		}
		
		alert("Vul alle rood gemarkeerde velden (correct) in");		
		
		//document.getElementById("message").style.display = 'block';	
	
		//alert("U heeft niet alle velden (juist) ingevuld!");
	} else {
		//alert("verzenden!");
		document.getElementById(formname).submit();
	}
}





function changeBG(elem, pic) {
	document.getElementById(elem).style.background = "url(images/" + pic + ".png) top center no-repeat";
}

function showSub() {
	document.getElementById("submenu").style.display = "block";
}

function hideSub() {
	document.getElementById("submenu").style.display = "none";
}

function hideDiv(blockname) {
	document.getElementById(blockname).style.display = "none";
}

function showLine(div) {
	document.getElementById(div).style.textDecoration = "underline";
}

function hideLine(div) {
	document.getElementById(div).style.textDecoration = "none";
}





function clearText(welke){
	if(document.getElementById(welke).value == "zoek een persoon"){
		document.getElementById(welke).value = "";
		document.getElementById(welke).style.color = "#000000";	
	}
}
	
function redoText(welke){
	if(document.getElementById(welke).value == ""){
		document.getElementById(welke).value = "zoek een persoon";
		document.getElementById(welke).style.color = "#d3d3d3";	
	} 
}