var ajaxRequest;

/////////////////////// get AJAX XmlHttpObject  //////////////////////////
function getXmlHttpObject(){
	var httpObject = null;
	try{
  		// Firefox, Opera 8.0+, Safari
  		httpObject = new XMLHttpRequest();
  	}
	catch (e){
  		// Internet Explorer
  		try{
    		httpObject = new ActiveXObject("Msxml2.XMLHTTP");
   	 	}
 	 	catch (e){
   	 		httpObject = new ActiveXObject("Microsoft.XMLHTTP");
    	}
  	}
	return httpObject;
}

///////////////////////////////////////////////////////////////////////////////

function sendFromManuelEmail(){
	document.getElementById('submit').style.background = "#dddddd";
	document.getElementById('reset').style.background = "#dddddd";
	
	document.getElementById('emailProgressIcon').style.display = "block";
	ajaxRequest = getXmlHttpObject();
	
	var fNom = document.getElementById('nom').value;
	var fPrenom = document.getElementById('prenom').value;
	var fSociete = document.getElementById('societe').value;
	var fTel = document.getElementById('tel').value;
	var fEmail = document.getElementById('email').value;
	var fcode_postal = document.getElementById('code_postal').value;		
	var fProduit = document.getElementById('produitHidden').value;
	var fReflag = document.getElementById('refHidden').value;
	var fqte = document.getElementById('qte').value;	
	var fDate_livraison = document.getElementById('date_livraison').value;
	var fMessage = document.getElementById('message').value;
	
	var urlStr = "?nom=" + fNom + "&prenom=" + fPrenom + "&societe=" + fSociete + "&tel=" + fTel + "&email=" + fEmail + "&code_postal=" + fcode_postal + "&produit=" + fProduit + "&reflag=" + fReflag + "&qte=" + fqte + "&date_livraison=" + fDate_livraison + "&message=" + fMessage;
	ajaxRequest.onreadystatechange = ajaxFormManuelEmail;
	ajaxRequest.open("POST", "ajax/ajaxSendFormManuelEmail.php" + urlStr, true);
	ajaxRequest.send(null);	
}


function ajaxFormManuelEmail(){
	if (ajaxRequest.readyState == 4 && ajaxRequest.status == 200) {
		document.getElementById('emailProgressIcon').style.display = "none";
		var response = ajaxRequest.responseText;
		if(response){
			document.getElementById('emailProgress').innerHTML = "Demande envoyée";
			document.getElementById('emailProgress').style.display = "block";
			var timeoutID = window.setTimeout('closeFormManuel()', 2000);
		}
		else{
			document.getElementById('emailProgress').innerHTML = "L'email n'a ete pas envoyé";
			document.getElementById('emailProgress').style.display = "block";
		}
	}
}



function showFormManuel(ref, name){
	document.body.scrollTop = 0;
	document.getElementById("formManuel").style.display = "block";
	document.getElementById("formOverlay").style.display = "block";
	document.getElementById("produitFormManuel").innerHTML = name;
	document.getElementById("refFormManuel").innerHTML = ref;
	document.getElementById("produitHidden").value = name;
	document.getElementById("refHidden").value = ref;
}	
	
function closeFormManuel(){
	document.getElementById("nom").style.backgroundColor = "#ffffff"
	document.getElementById("societe").style.backgroundColor = "#ffffff"
	document.getElementById("email").style.backgroundColor = "#ffffff"
	document.getElementById("formManuelError").style.display = "none";
	
	document.getElementById("formManuel").style.display = "none";
	document.getElementById("formOverlay").style.display = "none";
	document.getElementById('emailProgress').style.display = "none";
}
	
function checkEmail(theEmail){
	var email = theEmail.value;
		
	if (email != "") {
		var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		if (filter.test(email)) {
			document.getElementById("formManuelError").style.display = "none";
			return true;
		}
		else{
			document.getElementById("formManuelError").style.display = "block";
			document.getElementById("formManuelErrorMsg").innerHTML = "La syntaxe de votre email est incorrect";
			theEmail.style.backgroundColor = "#F26A60";
			return false;
		}
	}
}
	
	
function clearFieldColor(f){
	f.style.backgroundColor = "#ffffff";
	clearErrorMessage();
			
}
	
function clearErrorMessage(){
	if(document.getElementById("nom").style.backgroundColor == "#FFFFFF"
		&& document.getElementById("societe").style.backgroundColor == "#FFFFFF"
		&& document.getElementById("tel").style.backgroundColor == "#FFFFFF"		
		&& document.getElementById("email").style.backgroundColor == "#FFFFFF"){
			
		document.getElementById("formManuelError").style.display = "none";
	}
}
	
	
function checkEmptyFields(){
	var emptyFields = 0;
	if(document.getElementById("nom").value == ""){
		document.getElementById("nom").style.backgroundColor = "#F26A60";
		emptyFields++;
	}
	if(document.getElementById("societe").value == ""){
		document.getElementById("societe").style.backgroundColor = "#F26A60";
		emptyFields++;
	}
	if(document.getElementById("tel").value == ""){
		document.getElementById("tel").style.backgroundColor = "#F26A60";
		emptyFields++;
	}	
	var fEmail = document.getElementById("email");
	if(fEmail.value == ""){
		document.getElementById("email").style.backgroundColor = "#F26A60";
		emptyFields++;
	}
	if(emptyFields == 0 && !checkEmail(fEmail)){
		return false;
	}
		
	if(emptyFields > 0){
		document.getElementById("formManuelError").style.display = "block";
		if(emptyFields == 1){
			document.getElementById("formManuelErrorMsg").innerHTML = "L'un des champs obligatoire n'a pas été renseigné";
		}
		else{
			document.getElementById("formManuelErrorMsg").innerHTML = "Les champs requis sont vides";
		}
		return false;
	}
	else{
		document.getElementById("formManuelError").style.display = "none";
		sendFromManuelEmail();
		return true;
	}
}