/*
	This is the JavaScript file for the How to Create CAPTCHA Protection using PHP and AJAX Tutorial

	You may use this code in your own projects as long as this 
	copyright is left in place.  All code is provided AS-IS.
	This code is distributed in the hope that it will be useful,
 	but WITHOUT ANY WARRANTY; without even the implied warranty of
 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
	
	For the rest of the code visit http://www.WebCheatSheet.com
	
	Copyright 2006 WebCheatSheet.com	

*/

//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 initiateRequest(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 = updateRequest; 

    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 updateRequest() {
  //Check if our response is ready
  if (receiveReq.readyState == 4) {
    //Set the content of the DIV element with the response text
    //comment this line out this writes to form rather than populating a javascript variable value
    //document.getElementById('result').innerHTML = receiveReq.responseText;

    // me try to set varialbe's value
    //document.frmCaptcha.hidValidate.value = receiveReq.responseText;

    if (receiveReq.responseText != "true")
    {
      //document.frmCaptcha.hidValidate.value = receiveReq.responseText;
      //validateForm = false;
      document.getElementById('resMail').innerHTML = receiveReq.responseText;
    }
    else if (receiveReq.responseText == "true")
    {
      document.getElementById('resMail').innerHTML = receiveReq.responseText;
      document.frmCaptcha.hidReset.value = "true";
    }
    else
    {
      temp = "Error! Error, Will Robinson!"
      document.frmCaptcha.hidValidate.value = temp;
      document.getElementById('resMail').innerHTML = temp;
    }
  }
}

//Called every time when form is perfomed
function sendEref(theForm) {
  //Set the URL
  //var url = 'captcha_eref.php';
  var url = 'ajax_eref.php';
  //Set up the parameters of our AJAX call
  var postStr1 = theForm.hidProgState.name + "=" + encodeURIComponent(theForm.hidProgState.value);
  var postStr2 = theForm.txtContact.name + "=" + encodeURIComponent(theForm.txtContact.value);
  var postStr3 = theForm.txaQuestion.name + "=" + encodeURIComponent(theForm.txaQuestion.value);
  var postStr4 = theForm.txtDate.name + "=" + encodeURIComponent(theForm.txtDate.value);
  //Call the function that initiate the AJAX request
  var postStr = postStr1 + "&" + postStr2 + "&" + postStr3 + "&" + postStr4;
  initiateRequest(url, postStr);
}