var bBrowserOk = window.ActiveXObject || window.XMLHttpRequest
var IE = ( navigator.appVersion.indexOf("MSIE") != -1 )
var IE50 = ( navigator.appVersion.indexOf("MSIE 5.0") != -1 )
var formServ = "http://www.tolken.nl/ajax/formServ.php?step=";

function updateForm(step, formData) {
	if (!bBrowserOk) {
		return "Uw browser is verouderd waardoor wij het offerte formulier niet kunnen weergeven";
	}
	
	if ( window.ActiveXObject ) oXMLHTTP = new ActiveXObject("Microsoft.XMLHTTP");
	if ( window.XMLHttpRequest ) oXMLHTTP = new XMLHttpRequest();
	
	if (!oXMLHTTP) {
		return "Uw browser is verouderd waardoor wij het offerte formulier niet kunnen weergeven";
	}
	
	// get html data
	oXMLHTTP.onreadystatechange = function() {
		if (oXMLHTTP.readyState == 4) {
			clearContent();
			
			var response = oXMLHTTP.responseText;
			
			if (!response) {
				return "Geen form data ontvangen";
			}
			
			document.getElementById('formTarget').innerHTML = response;
		} else if (oXMLHTTP.readyState == 1) {
			showWait();
		}
	}

	if (formData) {
		step = step + formData;
	}
	
	oXMLHTTP.open("POST", formServ + step, true);
	oXMLHTTP.send(null);
}
function postForm(step) {
	var formData = '';
	
	for (i = 0; i < document.formElement.length; i++) {
		var tempobj = document.formElement.elements[i];
		
		if (!tempobj.tagName || !tempobj.type) {
			continue;
		}
		if ((tempobj.type == 'radio' || tempobj.type == 'checkbox') && !tempobj.checked) {
			continue;
		}
		
		formData += '&'+ tempobj.name +'='+ tempobj.value;
	}
	
	updateForm(step, formData);
}

function showWait() {
	document.getElementById('formLayer').style.textAlign = 'center'; 
	document.getElementById('formTarget').innerHTML = '<img src="/media/images/wait.gif" alt="Please wait" />';
}
function clearContent() {
	document.getElementById('formLayer').style.textAlign = 'left';
	document.getElementById('formTarget').innerHTML = '';
}