//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; 

   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 = '../../../app/webroot/captcha/create_image.php?' + Math.random();
 }
}

//Called every time when form is perfomed
function getParam(theForm) {
 //Set the URL
 var url = '../../../app/webroot/captcha/captcha.php';
 //Set up the parameters of our AJAX call
 var postStr = theForm.txtCaptcha.name + "=" + encodeURIComponent( theForm.txtCaptcha.value ) + "[" + theForm.listnumber.name + "] => " + encodeURIComponent( theForm.listnumber.value ) + "[" + theForm.name.name + "] => " + encodeURIComponent( theForm.name.value ) + "[" + theForm.s_name.name + "] => " + encodeURIComponent( theForm.s_name.value ) + "[" + theForm.HomePhone.name + "] => " + encodeURIComponent( theForm.HomePhone.value ) + "[" + theForm.number.name + "] => " + encodeURIComponent( theForm.number.value ) + "[" + theForm.email.name + "] => " + encodeURIComponent( theForm.email.value ) + "[" + theForm.message.name + "] => " + encodeURIComponent( theForm.message.value ) + "[" + theForm.office_email.name + "] => " + encodeURIComponent( theForm.office_email.value ) + "<>";//theForm.listnumber.name + "=" + encodeURIComponent( theForm.listnumber.value );
 /**var postStr_2 = "[" + theForm.listnumber.name + "]=>" + encodeURIComponent( theForm.listnumber.value );
 var postStr_3 = "[" + theForm.name.name + "]=>" + encodeURIComponent( theForm.name.value );
 var postStr_4 = "[" + theForm.s_name.name + "]=>" + encodeURIComponent( theForm.s_name.value );
 var postStr_5 = "[" + theForm.HomePhone.name + "]=>" + encodeURIComponent( theForm.HomePhone.value );
 var postStr_6 = "[" + theForm.number.name + "]=>" + encodeURIComponent( theForm.number.value );
 var postStr_7 = "[" + theForm.email.name + "]=>" + encodeURIComponent( theForm.email.value );
 var postStr_8 = "[" + theForm.message.name + "]=>" + encodeURIComponent( theForm.message.value );
 var postStr_9 = "[" + theForm.office_email.name + "]=>" + encodeURIComponent( theForm.office_email.value );
 var postStr_10 = "<>";**/
 //Call the function that initiate the AJAX request
 //makeRequest(url, [postStr, postStr_2, postStr_3, postStr_4, postStr_5, postStr_6, postStr_7, postStr_8, postStr_9, postStr_10]);
 makeRequest(url, postStr);
}