// JavaScript Document

// Définition des champs ------------------------------------------------------------
// ----------------------------------------------------------------------------------

var formFields = new Array;
formFields[0] = "formSurname";
formFields[1] = "formFirstname";
formFields[2] = "formCompany";
formFields[3] = "formPhone";
formFields[4] = "formEmail";
formFields[5] = "formMessage";

var neededFields = new Array;
neededFields[0] = "formSurname";
neededFields[1] = "formFirstname";
neededFields[2] = "formEmail";
neededFields[3] = "formPhone";
neededFields[4] = "formMessage";

// Initialisation des champs --------------------------------------------------------
// ----------------------------------------------------------------------------------

$("#formSurname").ready(
	function(){$("#formSurname").fadeTo(200,0.6)}
);
$("#formFirstname").ready(
	function(){$("#formFirstname").fadeTo(200,0.6)}
);
$("#formCompany").ready(
	function(){$("#formCompany").fadeTo(200,0.6)}
);
$("#formPhone").ready(
	function(){$("#formPhone").fadeTo(200,0.6)}
);
$("#formEmail").ready(
	function(){$("#formEmail").fadeTo(200,0.6)}
);
$("#formMessage").ready(
	function(){$("#formMessage").fadeTo(200,0.6)}
);
$("#formMessage").ready(
	function(){$("#formMessage").fadeTo(200,0.6)}
);
$('#sentMessage').ready(
	function(){$('#sentMessage').css('opacity','0')}
);


// Gestion du focus et de l'opacité -------------------------------------------------
// ----------------------------------------------------------------------------------

$("#formSurname").focus(
	fieldFadeIn("#formSurname")
);
$("#formFirstname").focus(
	fieldFadeIn("#formFirstname")
);
$("#formCompany").focus(
	fieldFadeIn("#formCompany")
);
$("#formPhone").focus(
	fieldFadeIn("#formPhone")
);
$("#formEmail").focus(
	fieldFadeIn("#formEmail")
);
$("#formMessage").focus(
	fieldFadeIn("#formMessage")
);
function fieldFadeIn(field){
	$("#"+field).fadeTo(200,1);
	for(var i=0;i<formFields.length;i++){
		if(formFields[i] != field){
			$("#"+formFields[i]).fadeTo(200,0.6);
		}
	}
}

// Ferme le message d'envoi ---------------------------------------------------------
// ----------------------------------------------------------------------------------

function closeSentMessage(){
	$("#sentMessage").fadeOut(100);
}

// Contrôle des champs avant envoi --------------------------------------------------
// ----------------------------------------------------------------------------------

function formControl(){	
	var nbErrors = 0;
	var currentBorderBottomWidth = 1;
	for(var i=0;i<neededFields.length;i++){
		var currentBorderBottomWidth = $("#"+neededFields[i]).css("borderBottomWidth");
		if(document.getElementById(neededFields[i]) == null || document.getElementById(neededFields[i]).value == ""){
			if($("#"+neededFields[i]).css("background-color") == "rgb(255, 255, 255)" || ($("#"+neededFields[i]).css("background-color") == "rgb(220, 191, 75)" && $("#"+neededFields[i]).css("opacity") == 0.6)){
				$("#"+neededFields[i]).css("background-color","rgb(220, 191, 75)");
				$("#"+neededFields[i]).fadeTo(200,1);
			}
			nbErrors++;
		}else{
			if($("#"+neededFields[i]).css("background-color") == "rgb(220, 191, 75)"){
				$("#"+neededFields[i]).css("background-color","rgb(255, 255, 255)");
				$("#"+neededFields[i]).fadeTo(200,0.6);	
			}
		}
	}
	
	if(nbErrors==0){ displaySendingMessage(); setTimeout("sendMessage();",3000); }	
	else{ displayPopulateMessage(); }
	return false;
}

function sendMessage(){
	document.getElementById("contactForm").submit();
}

// Contrôle des affichages des statuts ----------------------------------------------
// ----------------------------------------------------------------------------------

function displaySendingMessage(){
	$("#formButton").fadeOut(200,function(){$(".lay-contact-sending").fadeTo(200,1);});
}

function displayPopulateMessage(){
	$("#formButton").fadeOut(200,function(){$(".lay-contact-populate").fadeTo(200,1);});
	setTimeout('$(".lay-contact-populate").fadeOut(200,function(){$("#formButton").fadeTo(200,1);});',3000);
}

function displayResultMessage(){
	$(".lay-contact-result-container").fadeTo(200,0.7);
	$(".lay-contact-result").fadeTo(200,1);
	setTimeout('$(".lay-contact-result-container").fadeOut(200);$(".lay-contact-result").fadeOut(200);',2000);
	setTimeout('$(".lay-contact-result-container").css("display","none");$(".lay-contact-result").css("display","none");',3000);
}