// Creating Cross-Browser Compatible Ajax Request Function
function getXMLHTTPRequest() {
	try {
		req = new XMLHttpRequest(); // For IE7+, Firefox, Chrome, Safari etc.
	}
	catch(error1) {
		try {
			req = new ActiveXObject("Msxml2.XMLHTTP"); // For IE6
		}
		catch (error2) {
			try {
				req = new ActiveXObject("Microsoft.XMLHTTP"); // For IE5 or earlier
			}
			catch (error3) {
				req = false; // browser does not support JavaScript
				alert("Sorry! Your browser doesn't support JavaScript!");
			}
		}
	}
	return req;
}

// function for checking email
function checkEmail(email){
	var check = /^[\w\.\+-]{1,}\@([\da-zA-Z-]{1,}\.){1,}[\da-zA-Z-]{2,6}$/;
	if (!check.test(email)) {
		return false;
	} 
return true;
}

// creating XMLHTTPRequest a object
var http = getXMLHTTPRequest();

// Sending data to the server
function message() {
	// retrieving served data as variables
	var yname = document.getElementById("your_name").value;
	var yemail = document.getElementById("your_email").value;
	var ymessage = document.getElementById("your_message").value;
	
	// checking Your Name
	if ( (yname == '') ) {
		$("#your_name").addClass("error"); // adding the 'error' class using jQuery
	}
	else {
		$("#your_name").removeClass("error"); // adding the 'error' class using jQuery
	}
	// checking Your Email
	if ( (yemail == '') ) {
		$("#your_email").addClass("error"); // adding the 'error' class using jQuery
	}
	else {
		$("#your_email").removeClass("error"); // adding the 'error' class using jQuery
	}
	// checking Your Message
	if ( (ymessage == '') ) {
		$("#your_message").addClass("error"); // adding the 'error' class using jQuery
	}
	else {
		$("#your_message").removeClass("error"); // adding the 'error' class using jQuery
	}
	
	// checking whether the required data is specified or not and giving permission for next step
	if ( (yname == '') || (yemail == '') || (ymessage == '') ) {
		document.getElementById("status").innerHTML = '<font color="#cc6600">Merci de remplir tous les champs.</font>'; // setting warning in the status
		return false; // stopping next actions
	}
	
	// validation email address
	if (!checkEmail(yemail)) {
		document.getElementById("status").innerHTML = '<font color="#cc6600">Merci d\'entrer une adresse email valide.</font>';
		return false;
	}
	
	var rFile = "contact.php"; // loading server file
	var param = "?your_name="+yname+"&your_email="+yemail+"&your_message="+ymessage; // creating a parameter
	var rURL = rFile+param; // creating the URL
	
	http.open("GET", rURL, true); // opening Ajax for new HTTP Request
	http.onreadystatechange = getResponse; // receiving response
	http.send(null); /* Note for Beginners: If you use 'GET' while opening Ajax, don't use anything in send. Specify it as 'null' */
}

// getting response
function getResponse() {
	if (http.readyState == 4) {
		if(http.status == 200) {
			var Status = http.responseText;
			document.getElementById('status').innerHTML = Status;
		}
	}
	else {
		document.getElementById('status').innerHTML = 'Message en cours d\'envoi <img src="ajax-loader.gif" style="float: left;">';
	}
}