function request()
{
	var req;
	if (window.XMLHttpRequest) { req = new XMLHttpRequest(); }
	else if (window.ActiveXObject) { req = new ActiveXObject('Microsoft.XMLHTTP'); }

	return req;
}
var http = request();
function getArrayKey(array,value){
	for(i=0;i<array.length;i++){
		if(array[i]==value){
			return i;
		}
	}
}
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}
function swapObjectImage(stringImages,dir,map){
	var newImgIndex="";
	//div waarin image staat
	var element=document.getElementById("hoofdImg");
	//naam huidige image
	var curImgName=element.getElementsByTagName("img");
	curImgName=curImgName[0].id;
	//maak array van stringImages
	var images=stringImages.split("|");
	//haal key huidige image op
	var curImg=getArrayKey(images,curImgName);
	//bepaal nieuwe image en vervang oude
	//if(!isNaN(dir)){newImgIndex=dir;}
	if(dir=="rwd"){newImgIndex=curImg-1;}
	else if(dir=="fwd"){newImgIndex=curImg+1;}
	else{
		//alert(dir);
		clickImgName=dir.split("_");
		clickImgName=clickImgName[1];
		//alert(clickImgName);
		newImgIndex=getArrayKey(images,clickImgName);
		
	}
	var img=document.getElementById(curImgName);
	if(newImgIndex>=0 && newImgIndex<=images.length-1){
		img.src="/images/"+map+"/"+images[newImgIndex];
		img.id=images[newImgIndex]; 
		positionThumbImages(stringImages,newImgIndex,map);
		document.getElementById("thImg_"+curImgName).style.border="0px";
		document.getElementById("thImg_"+images[newImgIndex]).style.border="2px solid #004a8f";
		
	}
	
}
function positionThumbImages(stringImages,index,map){
	var newImgIndex="";
	var start=0;
	//div waarin thumbs staan
	var element=document.getElementById("rightImg");
	//alert(element);
	var thumbs=element.getElementsByTagName("DIV");
	//naam huidige image
	var curImgName=document.getElementById("hoofdImg").getElementsByTagName("img");
	curImgName=curImgName[0].id;
	//maak array van stringImages
	var images=stringImages.split("|");
	if(images.length<=3){
		document.getElementById("arrow_up").style.visibility="hidden";
		document.getElementById("arrow_down").style.visibility="hidden";
	}else{
		document.getElementById("arrow_up").style.visibility="visible";
		document.getElementById("arrow_down").style.visibility="visible";
	}
	//haal key huidige image op
	var curImg=getArrayKey(images,curImgName);	
	if(curImg+1>3){start=curImg-2;}
	var count=1;
	for(i=start;i<images.length;i++){
		var curThumb=thumbs[count].getElementsByTagName("img");
		curThumb=curThumb[0];
		//alert(i+images[i]);
		if(images[i]){
			curThumb.style.visibility="visible";
			curThumb.src="/images/"+map+"/th_"+images[i];
			curThumb.id="thImg_"+images[i];
			thumbs[count].id="th_"+images[i];
		}else{
			thumbs[count].style.visibility="hidden";
		}
		if(count<3){count++;}else{break;}
	}
}
/*function switchSpotlightImg(stringImages,curKey){
	var images=stringImages.split("|");
	var imgElement=document.getElementById("spotlight").getElementsByTagName("img");
	imgElement=imgElement[0];
	//alert(images+"\r\n"+imgElement);
	if(curKey==(images.length-1)){
		newKey=0;
	}else{
		newKey=curKey+1;
	}
	//alert(images[newKey]);
	if(images.length>1){
		setTimeout("switchSpotlightImg('"+stringImages+"',"+newKey+")",2000);
	}
	imgElement.src="/images/spotlights/"+images[newKey];
}*/
function spotlight(){
	var amp = '&';
	http.open('get', '/response.php');
	http.send(null);
	http.onreadystatechange = function(){
		if (http.readyState == 4 && http.status == 200){
			var response = http.responseText;
			if (response){
				element = document.getElementById('spotlight');
				element.innerHTML = response;
			}
		}
	}
	setTimeout("spotlight()",6000);
}
function mouseOverObject(element,kleur){

element.style.cursor = "pointer";
element.style.background = kleur;
//element.setAttribute('class','objectResultOver');
}

function mouseOutObject(element,kleur){

	element.style.background = kleur;
	//element.setAttribute('class','objectResult objectDisplay');
}

function viewObject(idObject,friendlyUrl){
	window.location.href = "/huurwoningen/"+friendlyUrl+"/"+idObject+".html";
}

function viewComplex(idObject,friendlyUrl){
	window.location.href = "/complex/"+friendlyUrl+"/"+idObject+".html";
}

function mailTo(vestiging){
	document.location.href = "mailto:"+vestiging;
}
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function submitForm(){
	if(document.forms[0].gebruikersnaam.value.length != 0){
		if(document.forms[0].wachtwoord.value.length){
			document.forms[0].submit();
		}
	}
}
function initialize(zoomlevel,vestiging) {
	if (GBrowserIsCompatible()) {
		var mapElement=document.getElementById("map_canvas");
		var map = new GMap2(mapElement);
		map.setCenter(new GLatLng(52.445966,5.723877),zoomlevel);
		map.addControl(new GSmallMapControl());
		var geocoder = new GClientGeocoder();
		 
		function createMarker(id,address,text,i) {
		  if (geocoder) {
		    geocoder.getLatLng(
		      address,
		      function(point) {
		        if (!point) {
		          //alert(address + " not found");
		        } else {
		        	map.setCenter(point,zoomlevel);
		           var marker = new GMarker(point);
				 	 var pattern = /\,/g;
				 	 var message = address.replace(pattern,"<br />");
				 	 marker.value = i;
				 	 var parentLink="/huurwoningen/"+address+"//"+id;
				 	 GEvent.addListener(marker, "click", function() {
				 	 	var aTabs=[
				 	 		new GInfoWindowTab("Adres",message+"<br /><a href=\"\" onclick=\"window.parent.location='"+parentLink+"';\"><b>Lees verder...</b></a>"),
				 	 		new GInfoWindowTab("Omschrijving","<p style='width:200px;'>"+text+"<br /><a href=\"\" onclick=\"window.parent.location='"+parentLink+"';\"><b>Lees verder...</b></a></p>")
			 	 		];
				   	 map.openInfoWindowTabsHtml(point, aTabs);
				  });
				  map.addOverlay(marker);
		        }
		      }
		    );
		  }
		}
		var amp="&";
		http.open('get', '/response.php?action=maps'+amp+'vestiging='+vestiging);
		http.send(null);
		http.onreadystatechange = function(){
			if (http.readyState == 4 && http.status == 200){
				var response = http.responseText;
				if (response){
					var stringMarkers = response;
					var complexen=stringMarkers.split("||");
					for(i=0 ; i<complexen.length ; i++){
						var values=complexen[i].split("|");
						createMarker(values[0],values[1],values[2],i);
					}
				}
			}
		}
		  
		
	}
}
function setIframeSrc(source){
	document.getElementById('framediv').innerHTML="<iframe src=\""+source+"\" id='ggMaps' frameborder='0' width='260px' height='300px'></iframe>";
}
function showFamily(element){
	if(element.value != "ongehuwd"){
		document.getElementById('family').style.display = 'block';
	} else {
		document.getElementById('family').style.display = 'none';
	}
}

function isInt(x) {
   var y=parseInt(x);
   if (isNaN(y)) return false;
   return x==y && x.toString()==y.toString();
} 

function showSteps(blok){	
	huidige = blok.parentNode.nextSibling.style.display;
	for(i=0; i<blok.parentNode.parentNode.childNodes.length; i++){
		current = (i + 1) / 2;
		if(isInt(current)){
			blok.parentNode.parentNode.childNodes[i].style.display = 'none';
		}
	}
	if(huidige == 'none'){
		blok.parentNode.nextSibling.style.display = 'block';	
	} else if(huidige == 'block') {
		blok.parentNode.nextSibling.style.display = 'none';
	} else {
		blok.parentNode.nextSibling.style.display = 'block';	
	}
}

function showQuestions(blok){
	current = blok.nextSibling.style.display;
	for(i=0; i<blok.parentNode.childNodes.length; i++){
		if(blok.parentNode.childNodes[i].nodeName == 'DIV'){
			blok.parentNode.childNodes[i].style.display = 'none';
		}
	}
	if(current == 'none'){
		blok.nextSibling.style.display = 'block';	
	} else if(current == 'block') {
		blok.nextSibling.style.display = 'none';
	} else {
		blok.nextSibling.style.display = 'block';
	}	
}

specs = new Array(1);
specs["Elektra"]=["Algemene Verlichting","Noodverlichting","Groepenkasten","Overige"];
specs["Water"]=["Waterleiding","Hemelwaterafvoer","Riolering","Overige"];
specs["Liften"]=["Personenlift"];
specs["Gevelinstallatie"]=["Zonwering","Overige"];
specs["Toegangscontrole"]=["Slagboom","Intercom","Kaartleessysteem","Sleutels en toegangspassen","Overige"];
specs["Beveiliging"]=["Brandmeldsysteem (BMC)","Inbraakbeveiliging","Brandslanghaspels, etc","Overige"];
specs["Toegangsdeuren"]=["Draaideuren","Schuifdeuren","Roldeuren/Overheaddeuren","Hang- en sluitwerk","Overige"];
specs["Groenvoorziening en/of terrein"]=["Bestrating","Beplanting","Bewegwijzering","Vijver/fontein","Overige"];
specs["Schoonmaken"]=["Gevel","Ongediertebestrijding","Vuilafvoer","Overige"];
specs["Lekkage/verstopping"]=["Riolering","Dak","Gevel","Hemelwaterafvoer","Waterleiding","Overige"];
specs["Cv-/ventilatie installatie"]=["C.V.-installatie en/of CV leiding","Mechanische ventilatie","Overige"];
specs["Overige"]=["Ruitbreuk"];

function removeSpecified(){
	specsVeld = document.forms[1].betreft;
	for(var i=0; i<specsVeld.options.length; i++){
		specsVeld.options[i] = null;
	}
}

function showSpecified(melding){
	
	//removeSpecified();
	specsVeld = document.storingFormulier.betreft;
	for(var i =0; i < melding.length; i++){
		specsVeld[i] = new Option(melding[i],melding[i]);
	}
}

function showFormItem(item){
	document.getElementById(item).style.display = 'block';
	document.forms[1].toonWachtwoord.value = 1;
}


function linkSpan(link){
	window.location.href = link;
}

function checkDienstverband(dienstverband,persoon){
	dependantFields = ["Beroep","AanvangDienstverband[day]","AanvangDienstverband[month]","AanvangDienstverband[year]","WerkgeverNaam","WerkgeverAdres","WerkgeverPlaats","WerkgeverTelefoon"];
	inkomenForm = document.forms[1];
	
	if(dienstverband == 'gepensioneerd'){
		for(x in dependantFields){
			currentField = persoon+dependantFields[x];
			formField = document.forms[1][currentField];
			formField.style.backgroundColor = '#ddd';
			formField.disabled = true;
		}	
	} else {
		for(x in dependantFields){
			currentField = persoon+dependantFields[x];
			formField = document.forms[1][currentField];
			formField.style.backgroundColor = 'white';
			formField.disabled = false;
		}	
	}
}
function expand(item){
	items=item.split(".");
	level=(items.length>1) ? items[0] : 1 ;
	itemNr=(items.length>1) ? items[1] : items[0] ;
	element=document.getElementById("level"+level+"_"+itemNr);
	if(element.getElementsByTagName("UL")[0]){
		if(element.getElementsByTagName("UL")[0].style.display!="block"){
			element.getElementsByTagName("UL")[0].style.display="block";
			element.getElementsByTagName("IMG")[0].src="/images/expanded.jpg";
		}else{
			element.getElementsByTagName("UL")[0].style.display="none";
			element.getElementsByTagName("IMG")[0].src="/images/expand.jpg";
		}
	}
}

function listSuggestions(table,veldnaam,object){
	if(object.value!=''){
		http.open('get', '/response.php?action=suggestions&location='+object.value);
		http.send(null);
		http.onreadystatechange = function(){
			if (http.readyState == 4 && http.status == 200){
				var response = http.responseText;
				suggestionDiv= document.getElementById('suggestions');
				parentPos= findPos(object);
				if (response){ 
					suggestionDiv.style.display="block";
					suggestionDiv.innerHTML = response;
				}else{
					hideSuggestions();
					suggestionDiv.innerHTML = "";
				}
			}
		}
	}else{
		hideSuggestions();
		giveValueSuggestion(object.name,object.value); 
	}
	
}
 
function giveValueSuggestion(finalValue){
	if(finalValue != "location"){
		document.zoekOpdracht.location.value = finalValue;	
		hideSuggestions();
	}
}

function hideSuggestions(){
	document.getElementById('suggestions').style.display="none";
	document.getElementById('suggestions').innerHTML="";
}
function showHideKenmerken(){
	var span=document.getElementById('kenmerkenMore');
	var aText="Minder kenmerken"
	if(span.style.display=='block'){
		span.style.display='none'
		aText="Meer kenmerken";
	}else{
		span.style.display='block'
	}
	var link=document.getElementById('detailKenmerkenSummary').getElementsByTagName("A")[0].innerHTML=aText;
}
function switchColor(element,kleur){
element.style.backgroundColor=kleur;
}