//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
	 if (window.XMLHttpRequest) {
		 return new XMLHttpRequest(); //Mozilla, Safari ...
	 } else if (window.ActiveXObject) {
		 return new ActiveXObject("Microsoft.XMLHTTP"); //IE
	 } else {
		 //Display our error message
		 alert("Your browser doesn't support the XmlHttpRequest object.");
	 }
}

//Our XmlHttpRequest object
var receiveReq = getXmlHttpRequestObject();

//Initiate the AJAX request
function makeRequest(url, param) {
//If our readystate is either not started or finished, initiate a new request
	 if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
		   //Set up the connection to captcha_test.html. True sets the request to asyncronous(default) 
		   receiveReq.open("POST", url, true);
		   //Set the function that will be called when the XmlHttpRequest objects state changes
		   receiveReq.onreadystatechange = updatePage; 
		
		   //Add HTTP headers to the request
		   receiveReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		   receiveReq.setRequestHeader("Content-length", param.length);
		   receiveReq.setRequestHeader("Connection", "close");
		
		   //Make the request
		   receiveReq.send(param);
	 }   
}

//Called every time our XmlHttpRequest objects state changes
function updatePage() {
	 //Check if our response is ready
	 if (receiveReq.readyState == 4) {
		   //Set the content of the DIV element with the response text
		   document.getElementById('result').innerHTML = receiveReq.responseText;
		   //Get a reference to CAPTCHA image
		   img = document.getElementById('imgCaptcha'); 
		   //Change the image
		   img.src = 'inc/create_image.php?' + Math.random();
	 }
}

//Called every time when form is perfomed
function getParam(theForm) {
	 //Set the URL
	 var url = 'sites/produkte/captcha.php';
	 //Set up the parameters of our AJAX call
	 //var postStr = theForm.txtCaptcha.name + "=" + encodeURIComponent( theForm.txtCaptcha.value );
	 var postStr = theForm.txtCaptcha.name + "=" + encodeURIComponent( theForm.txtCaptcha.value ) +
	 "&" + theForm.kategorie.name + "=" + encodeURIComponent( theForm.kategorie.value ) +
	 "&" + theForm.firma.name + "=" + encodeURIComponent( theForm.firma.value ) +
	 "&" + theForm.nachname.name + "=" + encodeURIComponent( theForm.nachname.value ) +
	 "&" + theForm.vorname.name + "=" + encodeURIComponent( theForm.vorname.value ) +
	 "&" + theForm.adresse.name + "=" + encodeURIComponent( theForm.adresse.value ) +
	 "&" + theForm.plz.name + "=" + encodeURIComponent( theForm.plz.value ) +
	 "&" + theForm.ort.name + "=" + encodeURIComponent( theForm.ort.value ) +
	 "&" + theForm.telefon.name + "=" + encodeURIComponent( theForm.telefon.value ) +
	 "&" + theForm.email.name + "=" + encodeURIComponent( theForm.email.value ) +
	 "&" + theForm.handy.name + "=" + encodeURIComponent( theForm.handy.value );
	 
	 //Call the function that initiate the AJAX request
	 makeRequest(url, postStr);
}