// JavaScript Document

// holds an instance of XMLHttpRequest
var xmlHttp = createXmlHttpRequestObject();
// holds the remote server address 
var serverAddress = "_mmServerScripts/sendContact.php";
// when set to true, display detailed error messages
var showErrors = false;
// initialize the validation requests cache 
//var cache = new Array();

// creates an XMLHttpRequest instance
function createXmlHttpRequestObject() 
{
  // will store the reference to the XMLHttpRequest object
  var xmlHttp;
  // this should work for all browsers except IE6 and older
  try
  {
    // try to create XMLHttpRequest object
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    // assume IE6 or older
    var XmlHttpVersions = new Array("MSXML2.XMLHTTP.6.0",
                                    "MSXML2.XMLHTTP.5.0",
                                    "MSXML2.XMLHTTP.4.0",
                                    "MSXML2.XMLHTTP.3.0",
                                    "MSXML2.XMLHTTP",
                                    "Microsoft.XMLHTTP");
    // try every id until one works
    for (var i=0; i<XmlHttpVersions.length && !xmlHttp; i++) 
    {
      try 
      { 
        // try to create XMLHttpRequest object
        xmlHttp = new ActiveXObject(XmlHttpVersions[i]);
      } 
      catch (e) {} // ignore potential error
    }
  }
  // return the created object or display an error message
  if (!xmlHttp)
    displayError("Error creating the XMLHttpRequest object.");
  else 
    return xmlHttp;
}

// function that displays an error message
function displayError($message)
{
  // ignore errors if showErrors is false
  if (showErrors)
  {
    // turn error displaying Off
    //showErrors = false;
 
    alert("Erreur: \n" + $message);
    exit();
  }
}


//////// VERIF DES CHAMPS
function validateForm() { 
  prenom=document.forms['contact_form'].elements['prenom'];
  nom=document.forms['contact_form'].elements['nom'];
  email=document.forms['contact_form'].elements['email'];
  telephone=document.forms['contact_form'].elements['telephone'];
  
  if(prenom.value != "" && nom.value != "") {
  	if (email.value != "" || telephone.value != "") {
	    return true;
	}
	else {
		alert("EMAIL ou TELEPHONE doit \352tre renseign\351");
    	return false;
  	}
  }
  else {
    alert("NOM et PRENOM sont obligatoires");
    return false;
  }
}
/////////////


function sendContact()
{
  // only continue if xmlHttp isn't void
  if (xmlHttp)
  {
	  /// Cursor d'attente
	  var box = document.getElementById("messageEnvoi");
	  box.innerHTML = "<img src=\"images/ajax-loader.gif\" width=\"20\" height=\"20\" />";
	  
	  if (validateForm()) {
	  	var nom = encodeURI(document.getElementById('nom').value);
		var prenom = encodeURI(document.getElementById('prenom').value);
		var adresse = encodeURI(document.getElementById('adresse').value);
		var code_postal = encodeURI(document.getElementById('code_postal').value);
		var ville = encodeURI(document.getElementById('ville').value);
		var telephone = encodeURI(document.getElementById('telephone').value);
		var email = encodeURI(document.getElementById('email').value);
		var commentaires = encodeURI(document.getElementById('commentaires').value);
		
		if (nom.length < 1) {
			var mes=document.createElement('span');
			mes.innerHTML = "Le nom doit &ecirc;tre renseign&eacute;";
			alert(mes.innerHTML);
			return (false);
	  }
	  if (prenom.length < 1) {
			var mes=document.createElement('span');
			mes.innerHTML = "Le pr&eacute;nom doit &ecirc;tre renseign&eacute;";
			alert(mes.innerHTML);
			return (false);
	  }
	  if (telephone.length < 10 && email.length < 8) {
		  	var mes=document.createElement('span');
			mes.innerHTML = "Le t&eacute;l&eacute;phone ou l'email doit &ecirc;tre renseign&eacute;";
			alert(mes.innerHTML);
			return (false);
	  } 
		
		//var email = document.getElementById("mailForm").value;
		cache = 'nom=' + nom + '&prenom=' + prenom + '&adresse=' + adresse + '&code_postal=' + code_postal + '&ville=' + ville + '&telephone=' + telephone + '&email=' + email + '&commentaires=' + commentaires;
		//alert (cache);
		
		/*var inputArray = document.forms['contact_form'].elements
		for (i in inputArray) {
			if (i <= 7) inputArray[i].value = '';
		}*/
		
	  }
    // try to connect to the server
    try
    {
		// continue only if the XMLHttpRequest object isn't busy
		// and the cacheOptions is not empty
		if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
		{
			// make a server request to validate the extracted data
			xmlHttp.open("POST", serverAddress, true);
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			xmlHttp.onreadystatechange = handleRequestStateChange;
			xmlHttp.send(cache);
		}
    }
		catch (e)
    {
		// display an error when failing to connect to the server
		displayError(e.toString());
	}
  }
}


// function that handles the HTTP response
function handleRequestStateChange() 
{
  // when readyState is 4, we read the server response
  if (xmlHttp.readyState == 4) 
  {
    // continue only if HTTP status is "OK"
    if (xmlHttp.status == 200) 
    {
      try
      {
        // read the response from the server
        readResponse();
	  }
      catch(e)
      {
        // display error message
        displayError(e.toString());
      }
    }
    else
    {
      // display error message
      displayError(xmlHttp.statusText);
    }
  }
}

// read server's response 
function readResponse()
{
	// retrieve the server's response 
	var response = xmlHttp.responseText;
	//alert(response);
	// server error?
	if (response.indexOf("ERRNO") >= 0 || response.indexOf("error:") >= 0 || response.length == 0)
	throw(response.length == 0 ? "Server error." : response);
	// get response in XML format (assume the response is valid XML)
	responseXml = xmlHttp.responseXML;

	////// RECUPERATION DES RETOUR DU SERVEUR
	// get the document element
	xmlDoc = responseXml.documentElement;
	result = xmlDoc.getElementsByTagName("result")[0].firstChild.data;
	
	
  
  ////// PRISE EN CHARGE REPONSES DES OPTIONS
  if (result == "1")
  {
	var inputArray = document.forms['contact_form'].elements
	for (i in inputArray) {
		if (i <= 7) inputArray[i].value = '';
	}
	
	message = document.getElementById('messageEnvoi');
	message.innerHTML = "<p class='infos'>Votre message a &eacute;t&eacute; envoy&eacute;. Nous traitons votre demande dans les meilleurs d&eacute;lais.<br />Toute l'&eacute;quipe LUCERA vous remercie de votre confiance.</p>";	  
  }
  else
  {
	message = document.getElementById("messageEnvoi");
	message.innerHTML = "<p class='error'>Une erreur est survenue lors du traitement de votre message.<br />Nous vous prions de r&eacute;it&eacute;rer votre demande via le formulaire ci dessous ou par email &agrave; l'adresse <a href=\"mailto:contact@lucera.fr\">contact@lucera.fr</a><br />Nous nous excusons de la g&ecirc;ne occasionn&eacute;e.</p>";
  }
 
}