//======================================================================================================================================
//	D'est en ouest
//	Scripts du formulaire de commentaires
//======================================================================================================================================

//=====================================================================================================================
//	Validation et enregistrement du formulaire
//=====================================================================================================================
function afficherErreurs(strErreurs){
	element("erreurs").innerHTML = strErreurs;
	element("erreurs").style.display = "block";
	if (element("validation").style.display == "none"){
		Effect.Appear("validation", {duration:0.3});
	}
}

function marquerChamp(id, toggle){
	if (toggle == "on"){
		element(id).style.backgroundColor = "#FFDDDD";
	} else if (toggle == "off") {
		element(id).style.backgroundColor = "#f4efe6";
	}
}

function valider(champ){
	if (champ == "field_nom" || champ == "field_commentaire"){
		if (element(champ).value.length > 0){
			return true;
		}
	} else if (champ == "field_courriel"){
		if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/.test(element("field_courriel").value) == true){
			return true;
		}
	}
	return false;
}

function enleverAmp(string){
	string = string.split("&").join("%26");
	return string;
}

function validerFormulaire(){
	element("aide_courriel").style.display = "none";
	tErreurs = new Array();	
	if (!valider("field_nom")){
		tErreurs.push("Vous devez entrer votre nom.");
		marquerChamp("field_nom", "on");
	} else {
		marquerChamp("field_nom", "off");
	}
	if (!valider("field_courriel")){
		tErreurs.push("Votre adresse de courriel n'est pas valide. Vérifiez s'il n'y a pas une erreur.");
		marquerChamp("field_courriel", "on");
	} else {
		marquerChamp("field_courriel", "off");
	}
	if (!valider("field_commentaire")){
		tErreurs.push("Vous devez entrer un commentaire.");
		marquerChamp("field_commentaire", "on");
	} else {
		marquerChamp("field_commentaire", "off");
	}
	if (element("checkbox_cookie")){
		if (element("checkbox_cookie").checked == true){
			var cookie = "true";
		} else {
			var cookie = "false";
		}
	} else {
		var cookie = "false";
	}
	
	if (tErreurs.length > 0){
		var strErreurs = "";
		for (var i = 0; i < tErreurs.length; i++){
			strErreurs += "<li>" + tErreurs[i] + "</li>";
		}
		afficherErreurs(strErreurs);
		document.location.href = "#retour";
	} else {
		element("validation").style.display = "none";
		var data = 'nom=' + escape(element("field_nom").value) + "&" +
			'courriel=' + escape(element("field_courriel").value) + "&" +
			'commentaire=' + escape(enleverAmp(element("field_commentaire").value)) + "&" +
			'dossier=' + element("field_dossier").value + "&" +
			'type=' + element("field_type").value + "&" + 
			'cookie=' + cookie;
		element("envoi").style.paddingTop = "0px";
		element("envoi").style.width = "540px";
		element("envoi").style.height = (element("boite-totale").offsetHeight - element("hr-separateur").offsetTop - 15) + "px";
		element("envoi").style.marginTop = (element("hr-separateur").offsetTop + 5) + "px";
		var exec = 'retourFormulaire(response);';
		ajax("commentaire", data, exec);
		Effect.Appear("envoi", {duration:0.2});
	}
}

function changerCourriel(){
		element("envoi").style.display = "none";
		marquerChamp("field_courriel", "on");
		Effect.Fade("confirmation", {duration:0.1});
}

function retourFormulaire(retour){
	document.location.href = "#retour";
	if (retour == "validation"){
		element("confirmation").innerHTML = '<span style="position:relative;top:75px;">'+"Votre commentaire a été envoyé, mais n'a pas été publié.<br /><br />Pour cette première participation, vous devez valider votre courriel, en cliquant le lien dans le message que nous venons de vous envoyer à l'adresse que vous avez indiquée <a class='rouge' href='#' onclick='changerCourriel();return false;'>(modifier l'adresse)</a>.<br /><br />Une fois votre adresse validée, vos suggestions et vos commentaires seront publiés immédiatement sur le site D'Est en Ouest.</span>";
		element("confirmation").style.paddingTop = "0px";
		element("confirmation").style.width = "540px";
		element("confirmation").style.height = (element("boite-totale").offsetHeight - element("hr-separateur").offsetTop - 15) + "px";
		element("confirmation").style.marginTop = (element("hr-separateur").offsetTop + 5) + "px";
		Effect.Appear("confirmation", {duration:0.2});
	} else {
		afficherCommentaires(10, "liste", "LAST", element("field_dossier").value);
	}
}

function resetCommentaire(){
	element("envoi").style.display = "none";
	element("field_commentaire").value = "";
	Effect.Fade("enregistrement", {duration:0.1});
}