function createRequestObject() {
	var ro;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else{
		ro = new XMLHttpRequest();
	}
	return ro;
}

var browser = navigator.appName;
var http = createRequestObject();

if(browser == "Microsoft Internet Explorer"){
	var meth = "POST";
}
else{
	var meth = "GET";
}

function navi(nummer){
	http = createRequestObject();
	http.onreadystatechange = pakNavi;
	var mom = document.getElementById('mom').value;

	document.getElementById('aanbod_rechts').innerHTML = "<div class=\"laden\"><img src='"+mom+"img/laden.gif'></div>";
	http.open(meth,mom+"includes/hetaanbod.php?mom="+nummer,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function naviFilter(nummer,filter,srt){
	http = createRequestObject();
	http.onreadystatechange = pakNavi;
	var mom = document.getElementById('mom').value;

	document.getElementById('aanbod_rechts').innerHTML = "<div class=\"laden\"><img src='"+mom+"img/laden.gif'></div>";
	http.open(meth,mom+"includes/hetaanbod.php?mom="+nummer+"&srt="+filter+"&id="+srt,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function sorteerFilter(nummer,filter,srt){
	http = createRequestObject();
	http.onreadystatechange = pakNavi;
	var mom = document.getElementById('mom').value;
	var sorteer = document.getElementById('sortis').value;
	var manier = document.getElementById("srtOrder").value;
	
	document.getElementById('aanbod_rechts').innerHTML = "<div class=\"laden\"><img src='"+mom+"img/laden.gif'></div>";
	http.open(meth,mom+"includes/hetaanbod.php?mom="+nummer+"&srt="+filter+"&id="+srt+"&sorteer="+sorteer+"&manier="+manier,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function setSort(soort){
	document.getElementById('sortis').value = soort;
}

function setType(id,type){
	document.getElementById('seltype').innerHTML = type;
	document.getElementById('hoogte3').value = id;
	document.getElementById('seltypes').style.visibility = "hidden";
}

function setPlaats(id,type){
	document.getElementById('selplaats').innerHTML = type;
	document.getElementById('hoogte4').value = id;
	document.getElementById('selplaatsen').style.visibility = "hidden";
}

function setPrijs(id,type){
	document.getElementById('selprijs').innerHTML = type;
	document.getElementById('hoogte5').value = id;
	document.getElementById('selprijzen').style.visibility = "hidden";
}

function veranderInfo(srt){
	var mom = document.getElementById('mom').value;
	var won = document.getElementById('dewon').value;
	
	http = createRequestObject();
	http.onreadystatechange = pakInfo;
	
	document.getElementById('informatie').innerHTML = "<div class=\"laden\"><img src='"+mom+"img/laden.gif'></div>";
	http.open(meth,mom+"includes/informatie.php?id="+won+"&info="+srt,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function navOpen(welks){
	if(document.getElementById('sorteren'+welks).style.visibility == "visible"){
		document.getElementById('sorteren'+welks).style.visibility = "hidden";
	}
	else{
		document.getElementById('sorteren'+welks).style.visibility = "visible";
	}
	for(var i = 1; i <= 2; i++){
		if(i != welks){
			document.getElementById('sorteren'+i).style.visibility = "hidden";
		}
	}
}

function typesOpen(){
	if(document.getElementById('seltypes').style.visibility == "visible"){
		document.getElementById('seltypes').style.visibility = "hidden";
	}
	else{
		document.getElementById('seltypes').style.visibility = "visible";
	}
	document.getElementById('selplaatsen').style.visibility = "hidden";
	document.getElementById('selprijzen').style.visibility = "hidden";
}

function plaatsOpen(){
	if(document.getElementById('selplaatsen').style.visibility == "visible"){
		document.getElementById('selplaatsen').style.visibility = "hidden";
	}
	else{
		document.getElementById('selplaatsen').style.visibility = "visible";
	}
	document.getElementById('seltypes').style.visibility = "hidden";
	document.getElementById('selprijzen').style.visibility = "hidden";
}

function prijsOpen(){
	if(document.getElementById('selprijzen').style.visibility == "visible"){
		document.getElementById('selprijzen').style.visibility = "hidden";
	}
	else{
		document.getElementById('selprijzen').style.visibility = "visible";
	}
	document.getElementById('seltypes').style.visibility = "hidden";
	document.getElementById('selplaatsen').style.visibility = "hidden";
}

function srtOrder(srt){
	document.getElementById("srtOrder").value = srt;
}

function pakInfo(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			document.getElementById('informatie').innerHTML = http.responseText;
		}
	}
}

function sorteer(nummer){
	http = createRequestObject();
	http.onreadystatechange = pakNavi;
	var mom = document.getElementById('mom').value;
	var sorteer = document.getElementById('sortis').value;
	var manier = document.getElementById('srtOrder').value;

	document.getElementById('aanbod_rechts').innerHTML = "<div class=\"laden\"><img src='"+mom+"img/laden.gif'></div>";
	http.open(meth,mom+"includes/hetaanbod.php?mom="+nummer+"&sorteer="+sorteer+"&manier="+manier,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function zoekOpen(welks){
	if(document.getElementById('zoekopties'+welks).style.visibility == "visible"){
		document.getElementById('zoekopties'+welks).style.visibility = "hidden";
	}
	else{
		document.getElementById('zoekopties'+welks).style.visibility = "visible";
	}
	for(var i = 1; i <= 3; i++){
		if(i != welks){
			document.getElementById('zoekopties'+i).style.visibility = "hidden";
		}
	}
}

function setZoek(nr,wat,id){
	document.getElementById('zoekKop'+nr).innerHTML = wat;
	document.getElementById('term'+nr).value = id;
}

function pakNavi(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			document.getElementById('aanbod_rechts').innerHTML = http.responseText;
		}
	}
}

function vervaag(stap){
	
	var stap = eval(stap) - eval(10);
	
	document.getElementById('de_fotos').style.filter = "alpha(opacity="+stap+")";
	document.getElementById('de_fotos').style.opacity = "0."+stap;
	
	if(stap > "0"){
		setTimeout("vervaag('"+stap+"')",10);
	}
}

function legen(welks,content){
	if(document.getElementById(welks).value == content){
		document.getElementById(welks).value = "";
	}
	else if(document.getElementById(welks).value == ""){
		document.getElementById(welks).value = content;
	}
}

function duidelijker(stap){
	
	var stap = eval(stap) + eval(10);
	
	document.getElementById('de_fotos').style.filter = "alpha(opacity="+stap+")";
	document.getElementById('de_fotos').style.opacity = "0."+stap;
	
	if(stap < "100"){
		setTimeout("duidelijker('"+stap+"')",10);
	}
	else{
		document.getElementById('de_fotos').style.filter = "alpha(opacity=100)";
		document.getElementById('de_fotos').style.opacity = "1.00";
	}
}

function vertelDoor(){
	http = createRequestObject();
	http.onreadystatechange = getipt;

	var geg = "";

	for(var i = 1; i <= 4; i++){
		if(document.getElementById('vertel'+i).value == ""){
			document.getElementById('vertelFout').innerHTML = "U bent een veld vergeten in te vullen.";
			document.getElementById('vertel'+i).focus();
			document.getElementById('vertel'+i).style.border = "1px solid #FF2222";
			return false;	
		}
		else{
			if(i == 2 || i == 4){
				if(/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/.test(document.getElementById('vertel'+i).value)){
					document.getElementById('vertel'+i).style.border = "1px solid #000000";
					geg += document.getElementById('vertel'+i).value+"[*]";
				}
				else{
					document.getElementById('vertelFout').innerHTML = "U dient wel een <u>geldig</u> e-mailadres in te voeren";
					document.getElementById('vertel'+i).focus();
					document.getElementById('vertel'+i).style.border = "1px solid #FF2222";
					return false;
				}
			}
			else{
				document.getElementById('vertel'+i).style.border = "1px solid #000000";
				geg += document.getElementById('vertel'+i).value+"[*]";
			}
		}
	}
	geg += document.getElementById('vertel5').value+"[*]";
	
	var mom = document.getElementById('mom').value;
	
	http.open(meth,mom+"includes/tipVriend.php?geg="+geg,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
	
	return false;
}

function vertel(nummer){
	setTimeout("sm('box',220,50)",100);
	document.getElementById("box").innerHTML = "een moment geduld aub";
	
	http = createRequestObject();
	http.onreadystatechange = getVertel;
	var mom = document.getElementById('mom').value;
	
	http.open(meth,mom+"includes/vertelDoor.php?nummer="+nummer,true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function getVertel(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			setTimeout("sm('box',600,400)",100);
			document.getElementById("box").innerHTML = http.responseText;
		}
	}
}

function getipt(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			alert("vriendelijk bedankt voor het verzenden van uw tip!");
			setTimeout("sluiten('')",50);
		}
	}
}

function vervaagFoto(stap){
	
	var stap = eval(stap) - eval(10);
	
	document.getElementById('fotow').style.filter = "alpha(opacity="+stap+")";
	document.getElementById('fotow').style.opacity = "0."+stap;
	
	if(stap > "0"){
		setTimeout("vervaagFoto('"+stap+"')",10);
	}
}

function opdehoogte(){
	http = createRequestObject();
	http.onreadystatechange = hoogteAan;

	var optie1 = document.getElementById('hoogte1').value;
	var optie2 = document.getElementById('hoogte2').value;
	var optie3 = document.getElementById('hoogte3').value;
	var optie4 = document.getElementById('hoogte4').value;
	var optie5 = document.getElementById('hoogte5').value;

	if(optie1 == "" || optie1 == "uw naam"){
		document.getElementById('hoogteKop').style.color = "#AB2331";
		document.getElementById('hoogteKop').innerHTML = "U dient wel een naam in te voeren";
		return false;	
	}
	else{
		document.getElementById('hoogteKop').style.color = "#FFFFFF";
	}
	
	if(optie2 == "" || optie2 == "uw e-mail adres"){
		document.getElementById('hoogteKop').style.color = "#AB2331";
		document.getElementById('hoogteKop').innerHTML = "U dient wel een e-mail in te voeren";
		return false;	
	}
	else{
		if(/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/.test(optie2)){	
			document.getElementById('hoogteKop').style.color = "#FFFFFF";	
		}
		else{
			document.getElementById('hoogteKop').style.color = "#AB2331";
			document.getElementById('hoogteKop').innerHTML = "Dit e-mail adres is niet geldig";
			return false;		
		}
	}
	if(optie3 == ""){
		document.getElementById('hoogteKop').style.color = "#AB2331";
		document.getElementById('hoogteKop').innerHTML = "U dient wel een type woning op te geven";
		return false;	
	}
	else{
		document.getElementById('hoogteKop').style.color = "#FFFFFF";
	}
	if(optie4 == ""){
		document.getElementById('hoogteKop').style.color = "#AB2331";
		document.getElementById('hoogteKop').innerHTML = "U dient wel een plaatsnaam op te geven";
		return false;	
	}
	else{
		document.getElementById('hoogteKop').style.color = "#FFFFFF";
	}
	if(optie5 == ""){
		document.getElementById('hoogteKop').style.color = "#AB2331";
		document.getElementById('hoogteKop').innerHTML = "U dient wel een prijsklasse op te geven";
		return false;	
	}
	else{
		document.getElementById('hoogteKop').style.color = "#FFFFFF";
	}
	var geg = optie1+"[*]"+optie2+"[*]"+optie3+"[*]"+optie4+"[*]"+optie5+"[*]";
	
	var mom = document.getElementById('mom').value;
	document.getElementById('woning_info').innerHTML = "<img src='"+mom+"img/laden_klein.gif'>";
	
	http.open(meth,mom+"includes/meldAan.php?geg="+geg,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
	
	return false;	
}

function setInfo(info){
	document.getElementById('infoUitleg').innerHTML = info;
}

function duidelijkerFoto(stap){
	
	var stap = eval(stap) + eval(10);
	
	document.getElementById('fotow').style.filter = "alpha(opacity="+stap+")";
	document.getElementById('fotow').style.opacity = "0."+stap;
	
	if(stap < "100"){
		setTimeout("duidelijkerFoto('"+stap+"')",10);
	}
	else{
		document.getElementById('fotow').style.filter = "alpha(opacity=100)";
		document.getElementById('fotow').style.opacity = "1.00";
	}
}

function vraagaan(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			document.getElementById('aanvraagForm').innerHTML = http.responseText;
		}
	}
}

function hoogteAan(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			document.getElementById('woning_info').innerHTML = http.responseText;
		}
	}
}

function andereFotow(foto){
	var mom = document.getElementById('mom').value;
	document.getElementById('fotow').src = mom+"afbeeldingen/groot"+foto;
}
function andereKaartw(kaart){
	var mom = document.getElementById('mom').value;
	document.getElementById('kaartw').src = mom+"bestanden/"+foto;
}
function toonFotos(srt){
	
	http = createRequestObject();
	http.onreadystatechange = pakdeFotos;
	var mom = document.getElementById('mom').value;
	var nr = document.getElementById('woning_nr').value;
	var stap = document.getElementById('stap').value;
	var maxi = document.getElementById('maxi').value;
	
	setTimeout("vervaag('100')",10);
	
	if(srt == "up"){
		var next = eval(stap) - eval(1);
		if(next < maxi && next > -1){
			document.getElementById('stap').value = eval(stap) - eval(1);
			stap  = eval(stap) - eval(1);
		}
		else{
			document.getElementById('stap').value = eval(maxi) - eval(1);
			stap = eval(maxi) - eval(1);
		}
	}

	else{
		var next = eval(stap) + eval(1);
		if(next < maxi){
			document.getElementById('stap').value = eval(stap) + eval(1);
			stap  = eval(stap) + eval(1);
		}
		else{
			document.getElementById('stap').value = "0";
			stap = 0;
		}
	}

	http.open(meth,mom+"includes/woning_fotos.php?woning_id="+nr+"&stap="+stap,true);
	
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function pakdeFotos(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			document.getElementById('de_fotos').innerHTML = http.responseText;					
			setTimeout("duidelijker('0')",10);
		}
	}
}

function openKaart(woning,kaart){
	var mom = document.getElementById('mom').value;
	
	http = createRequestObject();
	http.onreadystatechange = getKaart;
	
	http.open(meth,mom+"includes/presentatie.php?kaart="+kaart+"&woning="+woning,true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}
function openKaarten(woning,kaart){
	var mom = document.getElementById('mom').value;
	
	http = createRequestObject();
	http.onreadystatechange = getKaarten;
	
	http.open(meth,mom+"includes/presentatie.php?kaart="+kaart+"&woning="+woning,true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function getKaarten(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			setTimeout("sm('box',730,765)",100);
			document.getElementById("box").innerHTML = http.responseText;
		}
	}
}
function getAndereKaart(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			setTimeout("sm('box',730,765)",1);
			document.getElementById("box").innerHTML = http.responseText;
			document.getElementById('box_foto').style.filter = "alpha(opacity=0)";
			document.getElementById('box_foto').style.opacity = "0.0";
			setTimeout("duidelijkerFoto('0')",1);
		}
	}
}
function getKaart(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			setTimeout("sm('box',513,736)",100);
			document.getElementById("box").innerHTML = http.responseText;
		}
	}
}
function openFoto(woning,foto){
	var mom = document.getElementById('mom').value;
	
	http = createRequestObject();
	http.onreadystatechange = getFotopresentatie;
	
	http.open(meth,mom+"includes/presentatie.php?foto="+foto+"&woning="+woning,true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function satelietType(type,nr){
	var mom = document.getElementById('mom').value;
	setTimeout("sm('box',220,50)",100);
	document.getElementById("box").innerHTML = "een moment geduld aub";
	document.getElementById("selType").value = type;
	document.getElementById("selTypeNr").value = nr;
	http = createRequestObject();
	http.onreadystatechange = getSatelietType;
	
	http.open(meth,mom+"includes/presentatie.php?type="+type+"&id="+nr,true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function getSatelietType(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			setTimeout("sm('box',800,720)",50);
			var type = document.getElementById("selType").value;
			var nr = document.getElementById("selTypeNr").value;

			setTimeout("load('"+type+"','"+nr+"')",50);	
			
			document.getElementById("box").innerHTML = http.responseText;
		}
	}
}

function sateliet(woning){
	var mom = document.getElementById('mom').value;
	setTimeout("sm('box',220,50)",100);
	document.getElementById("box").innerHTML = "een moment geduld aub";
	
	http = createRequestObject();
	http.onreadystatechange = getSateliet;
	
	http.open(meth,mom+"includes/presentatie.php?woning="+woning,true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function getSateliet(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			setTimeout("sm('box',800,720)",100);
			document.getElementById("box").innerHTML = http.responseText;
			
			setTimeout("load('')",555);
		}
	}
}
function getFotopresentatie(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			setTimeout("sm('box',800,720)",100);
			document.getElementById("box").innerHTML = http.responseText;
		}
	}
}


function sluiten(){
	setTimeout("hm('box')",10);
}

function andereKaart(kaart,woning){
	var mom = document.getElementById('mom').value;

	http = createRequestObject();
	http.onreadystatechange = getAndereKaart;
	
	setTimeout("vervaagFoto('100')",10);
	
	http.open(meth,mom+"includes/presentatie.php?kaart="+kaart+"&woning="+woning,true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function andereFoto(foto,woning){
	var mom = document.getElementById('mom').value;

	http = createRequestObject();
	http.onreadystatechange = getAndereFoto;
	
	setTimeout("vervaagFoto('100')",10);
	
	http.open(meth,mom+"includes/presentatie.php?foto="+foto+"&woning="+woning,true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
}

function getAndereFoto(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			setTimeout("sm('box',800,720)",1);
			document.getElementById("box").innerHTML = http.responseText;
			document.getElementById('box_foto').style.filter = "alpha(opacity=0)";
			document.getElementById('box_foto').style.opacity = "0.0";
			setTimeout("duidelijkerFoto('0')",1);
		}
	}
}

function info(zin){
	document.getElementById('optieUitleg').innerHTML = zin;
}

function checkPlaatsen(){
	if(document.getElementById('pop').value.length > 2){
		http = createRequestObject();
		http.onreadystatechange = pakPlaatsen;
		var mom = document.getElementById('mom').value;
		var plaats = document.getElementById('pop').value;
		http.open(meth,mom+"includes/plaatsen.php?plaats="+plaats,true);
		
		http.setRequestHeader('Content-Type','text/plain');
		http.send(null);
	}
}

function pakPlaatsen(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			if(http.responseText != 0){
				document.getElementById("gevonden").innerHTML = http.responseText;
				document.getElementById("gevonden").style.visibility = "visible";
			}
			else{
				document.getElementById("gevonden").style.visibility = "hidden";
			}
		}
	}
}

function plaats(plaats){
	document.getElementById('pop').value = plaats;
	document.getElementById("gevonden").style.visibility = "hidden";
}