//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
   if(receiveReq.responseText=="<font color='#FF0000'><strong>Query Sent Successfully</strong></font>"){
   document.getElementById('person').value='';
   document.getElementById('email').value='';
   document.getElementById('ccode').value='Country Code';
   document.getElementById('acode').value='Area Code';
   document.getElementById('pnumber').value='Number';
   document.getElementById('city').value='';
   document.getElementById('nationality').value='';
   document.getElementById('address').value='';
   document.getElementById('adate').value='';
   document.getElementById('ddate').value='';
   document.getElementById('adults').value='';
   document.getElementById('children').value='';
   document.getElementById('chldage').value='Children Age';
   document.getElementById('requirements').value='';
   //document.getElementById('txtCaptcha').value='';
   }
   document.getElementById('result').innerHTML = receiveReq.responseText;
   //Get a reference to CAPTCHA image
  // img = document.getElementById('imgCaptcha'); 
   //Change the image
   //img.src = 'cool-php-captcha/captcha.php';
 }
}

//Called every time when form is perfomed

function getParampage(theForm) {
 //Set the URL
 
 var url = 'bookingform.php';
 //Set up the parameters of our AJAX call
// var postStr = theForm.txtCaptcha.name + "=" + encodeURIComponent( theForm.txtCaptcha.value );
var postStr = '&tourname='+ theForm.tourname.value +'&person='+ theForm.person.value +'&email='+ theForm.email.value +'&ccode='+ theForm.ccode.value
+'&acode='+ theForm.acode.value +'&pnumber='+ theForm.pnumber.value +'&city='+ theForm.city.value +'&nationality='+ theForm.nationality.value
+'&address='+ theForm.address.value +'&adate='+ theForm.adate.value +'&ddate='+ theForm.ddate.value +'&adults='+ theForm.adults.value
+'&children='+ theForm.children.value +'&chldage='+ theForm.chldage.value +'&requirements='+ theForm.requirements.value;
 //Call the function that initiate the AJAX request
 //alert(postStr);
 makeRequest(url, postStr);
}