//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
   response = receiveReq.responseText;; 
   //If entered captcha its correct, it runs function to send info to db, else it shows error
   if(response == 1){
	submitcomment();   
   } else {
	document.getElementById('resulterror').innerHTML = response;
   }
   //Get a reference to CAPTCHA image
   img = document.getElementById('imgCaptcha'); 
   //Change the image
   img.src = 'http://www.chiroeco.com/news/create_image.php?' + Math.random();
 }
}

//Called every time when form is perfomed
function getParam(theForm) {
	
	    //Get Values from fileda
	    var name = document.getElementById('Name').value;
		var location = document.getElementById('Location').value;
		var comment = document.getElementById('ArtComment').value;
		var articleid = document.getElementById('articleid').value;
		var remember = document.getElementById('remember').value;
		
		//Send fields information into cookies
		if(remember == 1){
			save_field(document.ArticleComment.Name);
			save_field(document.ArticleComment.Location);
		}
		
		//Validation : if corrected remove error message
		if(name != ''){
			document.getElementById('errorname').style.display = 'none';
		}
		if(location != ''){
			document.getElementById('errorlocation').style.display = 'none';
		}
		if(comment != ''){
			document.getElementById('errorcomment').style.display = 'none';
		}

		//Validation check if the fields are not empty
		if(name == '' || location == '' || comment == ''){
		if(name == ''){
		document.getElementById('errorname').innerHTML = 'Please provide your name';
		}
		if(location == ''){
		document.getElementById('errorlocation').innerHTML = 'Please specify your location';
		}
		if(comment == ''){
		document.getElementById('errorcomment').innerHTML =  'Please input a comment.';
		}
		return false;
		}
 //Set the URL
 var url = 'http://www.chiroeco.com/news/captcha.php';
 
 //Set up the parameters of our AJAX call
 var postStr = theForm.txtCaptcha.name + "=" + encodeURIComponent( theForm.txtCaptcha.value );
 
//Call the function that initiate the AJAX request
 makeRequest(url, postStr);
}