var xmlhttp;

/*function showHint(str) {
	if (str.length==0) {
	  document.getElementById("txtHint").innerHTML="";
	  return;
	}
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null) {
	  alert ("Your browser does not support XMLHTTP!");
	  return;
	}
	var url="gethint.asp";
	url=url+"?q="+str;
	url=url+"&sid="+Math.random();
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}*/

//ShowAdExample
function showExample(idAdvertentie) {
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null) {
	  alert ("Your browser does not support XMLHTTP!");
	  return;
	}
	var url="../incl/ajx/ajxAdvertentie.php";
	url=url+"?ida="+idAdvertentie;
	xmlhttp.onreadystatechange=stateChangedAdvertentie;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}
function stateChangedAdvertentie() {
	var ajxDivBody = document.getElementById("example");
//	var naam = document.getElementById("naam");
	if (xmlhttp.readyState == 4) {
		if (xmlhttp.responseText != '') {
			if (navigator.appName=='Microsoft Internet Explorer') {
				replaceHTML(ajxDivBody, xmlhttp.responseText);
			} else {
				ajxDivBody.innerHTML = xmlhttp.responseText;
				
			}
			//toggle('example', true);
		} else {
			//toggle('example', false);
		}
	}
}
//ShowExample

//ajxSelectPlaats:
function setSelectPlaats(provincie) {
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null) {
	  alert ("Your browser does not support XMLHTTP!");
	  return;
	}
	var url="incl/ajx/ajxselectplaats.php";
	url=url+"?provincie="+provincie;
	xmlhttp.onreadystatechange=stateChangedProvincie;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}
function stateChangedProvincie() {
	var ajxDivBody = document.getElementById("selectP");
	if (xmlhttp.readyState == 4) {
		if (xmlhttp.responseText != '') {
			if (navigator.appName=='Microsoft Internet Explorer') {
				replaceHTML(ajxDivBody, xmlhttp.responseText);
			} else {
				ajxDivBody.innerHTML = xmlhttp.responseText;
			}
		}
	}
}
//ajxSelectPlaats


//Check bedrijfsnaam:
function testBedrijfsnaam(bedrijfsnaam) {
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null) {
	  alert ("Your browser does not support XMLHTTP!");
	  return;
	}
	var url="incl/ajx/checkbedrijfsnaam.php";
	url=url+"?bedrijf="+bedrijfsnaam;
	xmlhttp.onreadystatechange=stateChangedBedrijfsnaam;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}

function stateChangedBedrijfsnaam() {
	var ajxDivBody = document.getElementById("inputError");
	var naam = document.getElementById("naam");
	if (xmlhttp.readyState == 4) {
		if (xmlhttp.responseText != '') {
			if (navigator.appName=='Microsoft Internet Explorer') {
				replaceHTML(ajxDivBody, xmlhttp.responseText);
			} else {
				ajxDivBody.innerHTML = xmlhttp.responseText;
				
			}
			toggle('inputError', true);
			naam.className='inputError';
		} else {
			toggle('inputError', false);
			naam.className='inputValid';
		}
	}
}
//Check bedrijfsnaam


//Check postcode:
function setPlaatsen(ipostcode) {
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null) {
	  alert ("Your browser does not support XMLHTTP!");
	  return;
	}
	var url="incl/ajx/postcodeCheck.php";
	url=url+"?postcode="+ipostcode;
	xmlhttp.onreadystatechange=stateChangedPostcode;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}
function stateChangedPostcode() {
	var selectPlaats = document.getElementById("selectP");
	//var naam = document.getElementById("naam");
	if (xmlhttp.readyState == 4) {
		if (navigator.appName=='Microsoft Internet Explorer') {
			replaceHTML(selectPlaats, xmlhttp.responseText);
		} else {
			selectPlaats.innerHTML = xmlhttp.responseText;
			
		}
	}
}
//Check postcode

function getAjax(url) {
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null) {
	  alert ("Your browser does not support XMLHTTP!");
	  return;
	}
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("GET",url,true);
	xmlhttp.send(null);
}

function toggleAjax() {
	var ajxDiv = document.getElementById("ajxDiv");
	var overlayDiv = document.getElementById("overlay");
	if (ajxDiv.className == 'showAJAX') {
		ajxDiv.className = 'hideAJAX';
		overlayDiv.className = 'hiddenDiv';
	} else {
		ajxDiv.className = 'showAJAX';
		overlayDiv.className = 'overlayDiv';
	}
}

/*** hieronder is standaard ajax functionaliteit ***/
function stateChanged() {
	var ajxDivBody = document.getElementById("ajxDivBody");
	if (xmlhttp.readyState == 4) {
		if (navigator.appName=='Microsoft Internet Explorer') {
			replaceHTML(ajxDivBody, xmlhttp.responseText);
		} else {
			ajxDivBody.innerHTML = xmlhttp.responseText;
		}
	}
}

function GetXmlHttpObject() {
	if (window.XMLHttpRequest) {
		// code for IE7+, Firefox, Chrome, Opera, Safari
		return new XMLHttpRequest();
	}
	if (window.ActiveXObject) {
		// code for IE6, IE5
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	return null;
}

function replaceHTML(el, html) {
	//Voor IE8
	if( el ) {
		var oldEl = (typeof el === "string" ? document.getElementById(el) : el);
		var newEl = document.createElement(oldEl.nodeName);

		// Preserve any properties we care about (id and class in this example)
		newEl.id = oldEl.id;
		newEl.className = oldEl.className;

		//set the new HTML and insert back into the DOM
		newEl.innerHTML = html;
		if(oldEl.parentNode)
			oldEl.parentNode.replaceChild(newEl, oldEl);
		else
		oldEl.innerHTML = html;

		//return a reference to the new element in case we need it
		return newEl;
	}
}