var elementSpan = "myspan";   
var http_request = false;

function makePOSTRequest(url, parameters) {
	http_request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			// set type accordingly to anticipated content type
			//http_request.overrideMimeType('text/xml');
			http_request.overrideMimeType('text/html');
		}
	} else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			}
		}
		if (!http_request) {
			alert('Cannot create XMLHTTP instance');
			return false;
	}

	http_request.onreadystatechange = alertContents;
	http_request.open('POST', url, true);
	http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	http_request.setRequestHeader("Content-length", parameters.length);
	http_request.setRequestHeader("Connection", "close");
	http_request.send(parameters);
	
}

function alertContents() {
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			//alert(http_request.responseText);
			result = http_request.responseText;
			document.getElementById(elementSpan).innerHTML = result;            
		} else {
			alert('There was a problem with the request.');
		}
	}
}

function get_radio_value()
{
	var rad_val;
	var huurderarray = document.getElementsByName("huurder");

	for (var i=0; i < huurderarray.length; i++)
	{
		if (huurderarray[i].checked)
		{
			rad_val = huurderarray[i].value;

		}
	}
	return rad_val;
} 

function getBack (){	
	document.getElementById("huidigeSituatie").style.display = "block"; 
	document.getElementById("woonwijzer").style.display = "none"; 
}

function getStarted (){	

	var soortHuurder = get_radio_value();
	if (soortHuurder){
		document.getElementById("huidigeSituatie").style.display = "none"; 
		document.getElementById("woonwijzer").style.display = "block";
		poststr = "huurder=" + soortHuurder +"&stap=1";
		elementSpan = "start";
		makePOSTRequest('post.php', poststr);	
	} else {
		alert("Selecteer eerst je woonsituatie.");
	}
}

function searchHuisnummer() {
	if(document.getElementById("huisNummer").value){
		document.getElementById("huidigeSituatie").style.display = "none"; 
		document.getElementById("woonwijzer").style.display = "block";
		var poststr = "";

		poststr = "huisnummer=" + encodeURI( document.getElementById("huisNummer").value ); 		
	//alert(poststr);
	elementSpan = "start";
	makePOSTRequest('post.php', poststr);
	}
	else {
		alert("Voer eerst een huisnummer in.");
	}
}

function getBlijvers(obj, stap) {
	var poststr = "";

		poststr = "huur_range=" + encodeURI( document.getElementById("huur_range").value ) +
		"&niveau=" + encodeURI( document.getElementById("niveau").value ) +
		"&grootte=" + encodeURI( document.getElementById("grootte").value ) +
		"&orientatie=" + encodeURI( document.getElementById("orientatie").value ) +
		"&huurder=blijvers&stap=2"; 		
	

	elementSpan = "start";
	makePOSTRequest('post.php', poststr);
}

function getDoorstromers(obj, stap) {
	var poststr = "";

		poststr = "huur_range=" + encodeURI( document.getElementById("huur_range").value ) +
		"&niveau=" + encodeURI( document.getElementById("niveau").value ) +
		"&grootte=" + encodeURI( document.getElementById("grootte").value ) +
		"&orientatie=" + encodeURI( document.getElementById("orientatie").value ) +
		"&huurder=doorstromers&stap=2"; 		
	
	elementSpan = "start";
	makePOSTRequest('post.php', poststr);
}

function goVoorkeuren() {
	var poststr = "";

		poststr = "klantnummer=" + encodeURI( document.getElementById("klantnummer").value ) +
		"&voornaam=" + encodeURI( document.getElementById("voornaam").value ) +
		"&achternaam=" + encodeURI( document.getElementById("achternaam").value ) +
		"&email=" + encodeURI( document.getElementById("email").value ) +
		"&DD=" + encodeURI( document.getElementById("DD").value ) +
		"&MM=" + encodeURI( document.getElementById("MM").value ) +
		"&YYYY=" + encodeURI( document.getElementById("YYYY").value ) +
		"&voorkeur1=" + encodeURI( document.getElementById("voorkeur1").value ) +
		"&voorkeur2=" + encodeURI( document.getElementById("voorkeur2").value ) +
		"&voorkeur3=" + encodeURI( document.getElementById("voorkeur3").value ) +
		"&oppervlak=" + encodeURI( document.getElementById("oppervlak").value ) +
		"&belangrijk=" + encodeURI( document.getElementById("belangrijk").value ); 		
	
	elementSpan = "voorkeurResult";
	makePOSTRequest('process/voorkeuren.php', poststr);
}