/****************************************************************************************/
/**************************** Survol IE >> afficher le sous menu  ***********************/
/***************************************************************************************/	
sfHover = function() {
	
	var sfEls = document.getElementById("menu_nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
			this.style.zIndex = "+999";			
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);

/******************************************************************************************/
sfHover = function() {
	
	if(document.getElementById("menu_nav")){
		var sfEls = document.getElementById("menu_nav").getElementsByTagName("DIV");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
				this.style.zIndex = "+999";			
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);
/******************************************************************************************/
sfHover = function() {
	if(document.getElementById("liste_onglet")){
		var sfEls = document.getElementById("liste_onglet").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
				this.style.zIndex = "+999";			
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
}

if (window.attachEvent) window.attachEvent("onload", sfHover);
/****************************************************************************************/
$(document).ready(function() {


	valid = true;

	/*permet de mettre en hidden les champs du formulaire*/
		/*$("div#webform-component-page").hide();  
		$("div.grippie").hide();
		$("span.submitted").hide();  
		$("div.links").hide();*/
		//verification javascript
		
		
	$("#webform-client-form-139 #webform-component-type > .form-item > label").hide();	

			
	

	 
	//Styles les elements du formulaire pour qu'il ait l'etoile leur permettant d'etre obligatoire
	$("DIV#edit-submitted-entreprise-wrapper label").append('<span title="Ce champ est obligatoire." class="form-required">*</span>');
	$("DIV#edit-submitted-etablissement-wrapper label").append('<span title="Ce champ est obligatoire." class="form-required">*</span>');
	$("form#webform-client-form-139 DIV#edit-submitted-codepostal-wrapper label").append('<span title="Ce champ est obligatoire." class="form-required">*</span>');
	$("form#webform-client-form-139 DIV#edit-submitted-ville-wrapper label").append('<span title="Ce champ est obligatoire." class="form-required">*</span>');
	$("DIV#edit-submitted-fonction-wrapper label").append('<span title="Ce champ est obligatoire." class="form-required">*</span>');
	$("form#webform-client-form-139 DIV#edit-submitted-adresse-wrapper label").append('<span title="Ce champ est obligatoire." class="form-required">*</span>');
	$("DIV#edit-submitted-formation-wrapper label").append('<span title="Ce champ est obligatoire." class="form-required">*</span>');
	$("DIV#edit-submitted-entreprise-wrapper label").append('<span title="Ce champ est obligatoire." class="form-required">*</span>');
	
	//TRAITEMENT DES FORMULAIRES 
	$("#edit-submit").click(function(){
		valid = true;
		var type_form = $("span#type_page").text();
		var mess_error;
		var mess_cadre_error;
		var langue = 0;
		langue = $("span#langue_form").text();
			
		//Type de formulaire
		if(type_form == "formulaireami")
			type_form = 1;
		else if(type_form == "formulairecontact")
			type_form = 2;
		else if(type_form == "formulaireevent")
			type_form = 3;
		
		//Initialisation de la valeur du bouton option	
		var var_option = 0;
		
		//CAS OU CASE OPTION N4A PAS ETE SELECTIONNE(avec gestion de la langue)
		if(type_form == 3){
			if(($("input:checked").length) == 0){
			text_msg = get_message_erreur_langue(langue,"<ul><li>Veuillez cocher au moins un statut</li></ul>")
			$("h2").next(".error-message").fadeIn().html(text_msg);
			$("input:checked").addClass("error"); 
			
				valid = false;
			}			
			// LA CASE OPTION EST COCHE
			else{
					if($("input#edit-submitted-type-1:checked").val() == 3){
							var_option = 1;
					}
					else if ($("input#edit-submitted-type-2:checked").val() == 1){
							var_option = 2;
					}
					else if ($("input#edit-submitted-type-3:checked").val() == 2){
							var_option = 3;
					}
	
					
				}
		}	
			//TRAITEMENT DES AUTRES CHAMPS 
			if(valid != false){
				mess_error = "<ul>";
				
				//Traitement pour le formulaire envoie a un ami
				if(type_form == 1){	

					if(!$("#edit-submitted-sonnom").val()){ 
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Son Nom est obligatoire.</li>");
						$("#edit-submitted-sonnom").addClass("error");
					}
					else{
						$("#edit-submitted-sonnom").removeClass("error");
					}
					
					if(!test_email_format($("#edit-submitted-sonmel").val())){   //test la validité
							phrase_error = "<li>L'adresse e-mail "+$("#edit-submitted-sonmel").val()+" n'est pas valide.</li>";
							mess_error += get_message_erreur_langue(langue,phrase_error);
							$("#edit-submitted-sonmel").addClass("error");					
					}
					else{
						$("#edit-submitted-sonmel").removeClass("error");
					}

					if(!$("#edit-submitted-votrenom").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Votre Nom est obligatoire.</li>");
						$("#edit-submitted-votrenom").addClass("error");
					}
					else{
						$("#edit-submitted-votrenom").removeClass("error");
					}
					if(!test_email_format($("#edit-submitted-votremel").val())){   //test la validité
							phrase_error = "<li>L'adresse e-mail "+$("#edit-submitted-votremel").val()+" n'est pas valide.</li>";
							mess_error += get_message_erreur_langue(langue,phrase_error);					
							$("#edit-submitted-votremel").addClass("error");
					}
					else{
						$("#edit-submitted-votremel").removeClass("error");
					}
					
					if(!$("#edit-submitted-votremessage").val()){   
							mess_error += get_message_erreur_langue(langue,"<li>Le champ Message est obligatoire.</li>");
							$("#edit-submitted-votremessage").addClass("error");
					}
					else{
						$("#edit-submitted-votremessage").removeClass("error");
					}	
				}
				
				
				
				//Traitement pour le formulaire contact
				
				if(type_form == 2){	
				
					if(!$("#edit-submitted-centreintere").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Centre d'int&eacute;r&ecirc;t est obligatoire.</li>");
						$("#edit-submitted-centreintere").addClass("error");
					}
					else{
						$("#edit-submitted-centreintere").removeClass("error");
					}
					if(!$("#edit-submitted-sujet").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Sujet est obligatoire.</li>");
						$("#edit-submitted-sujet").addClass("error");
					}
					else{
						$("#edit-submitted-sujet").removeClass("error");
					}
					if(!$("#edit-submitted-votrequestion").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Question est obligatoire.</li>");
						$("#edit-submitted-votrequestion").addClass("error");
					}
					else{
						$("#edit-submitted-votrequestion").removeClass("error");
					}

				}
				
				
				
				//cas spécifique pour formulaire evnement
				if(type_form == 3){	
				
					if((!$("#edit-submitted-civilite").val())&&(type_form!=1)){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Civilit&eacute; est obligatoire.</li>");
						$("#edit-submitted-civilite").addClass("error");
					}
					else{
						$("#edit-submitted-civilite").removeClass("error");
					}
				}
				
				
				
				//Traitement pour les champs communs entre formulaires contact et evenement
				if(type_form != 1){	
				
					if(!$("#edit-submitted-prenom").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Pr&eacute;nom est obligatoire.</li>");
						$("#edit-submitted-prenom").addClass("error");
					}
					else{
						$("#edit-submitted-prenom").removeClass("error");
					}
					if(!$("#edit-submitted-nom").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Nom est obligatoire.</li>");
						$("#edit-submitted-nom").addClass("error");
					}
					else{
						$("#edit-submitted-nom").removeClass("error");
					}
					
					
					if(!test_email_format($("#edit-submitted-mel").val())){   //test la validité
							phrase_error = "<li>L'adresse e-mail "+$("#edit-submitted-mel").val()+" n'est pas valide.</li>";
							mess_error += get_message_erreur_langue(langue,phrase_error);
							$("#edit-submitted-mel").addClass("error");
							$("#edit-submitted-confmel").addClass("error");					
					}
					else{
						if($("#edit-submitted-mel").val()!=$("#edit-submitted-confmel").val()){   //test la validité
								mess_error += get_message_erreur_langue(langue,"<li>Les adresses e-mail ne correspondent pas.</li>");					
								$("#edit-submitted-mel").addClass("error");	
								$("#edit-submitted-confmel").addClass("error");		
						}
						else{
								$("#edit-submitted-mel").removeClass("error");
								$("#edit-submitted-confmel").removeClass("error");
						}
					}
					
					if(!$("#edit-submitted-tel").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Telephone est obligatoire.</li>");
						$("#edit-submitted-tel").addClass("error");
					}
					else{
						$("#edit-submitted-tel").removeClass("error");
					}
				}
				//Rajouter ici pour conserve l'ordre affichage pour formulaire contact
				if(type_form == 2){	
					if(!$("#edit-submitted-pays").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Pays est obligatoire.</li>");
						$("#edit-submitted-pays").addClass("error");
					}
					else{
						$("#edit-submitted-pays").removeClass("error");
					}
					
				}
		
				//CAS PROFFESSIONNEL DU FORMULAIRE EVENEMENT
				if((var_option == 1)&&(type_form == 3)){
					if(!$("#edit-submitted-entreprise").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Entreprise est obligatoire.</li>");
						$("#edit-submitted-entreprise").addClass("error");
					}
					else{
						$("#edit-submitted-entreprise").removeClass("error");
					}
					if(!$("#edit-submitted-fonction").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Fonction est obligatoire.</li>");
						$("#edit-submitted-fonction").addClass("error");
					}
					else{
						$("#edit-submitted-fonction").removeClass("error");
					}
					if(!$("#edit-submitted-adresse").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Adresse est obligatoire.</li>");
						$("#edit-submitted-adresse").addClass("error");
					}
					else{
						$("#edit-submitted-adresse").removeClass("error");
					}
					if(!$("#edit-submitted-codepostal").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Code postal est obligatoire.</li>");
						$("#edit-submitted-codepostal").addClass("error");
					}
					else{
						$("#edit-submitted-codepostal").removeClass("error");
					}
					if(!$("#edit-submitted-ville").val()){
						mess_error += get_message_erreur_langue(langue,"<li>Le champ Ville est obligatoire.</li>");
						$("#edit-submitted-ville").addClass("error");
					}
					else{
						$("#edit-submitted-ville").removeClass("error");
					}
				}
			
				//CAS ETUDIANT DU FORMULAIRE EVENEMENT
				if((var_option == 2)&&(type_form == 3)){
					if(!$("#edit-submitted-formation").val()){
						mess_error += get_message_erreur_langue(langue," <li>Le champ Formation est obligatoire.</li>");
						$("#edit-submitted-formation").addClass("error");
					}
					else{
						$("#edit-submitted-formation").removeClass("error");
					}
					if(!$("#edit-submitted-etablissement").val()){
						mess_error += get_message_erreur_langue(langue," <li>Le champ Etablissement est obligatoire.</li>");
						$("#edit-submitted-etablissement").addClass("error");
					}
					else{
						$("#edit-submitted-etablissement").removeClass("error");
					}
						
				}
		
		
				if(mess_error.length > 4 ){
					mess_error += "</ul>";
					$("h2").next(".error-message").fadeIn().html(mess_error); 
					valid = false;
				}
				
			
			}
		
				return valid;
			
		});
		
		
	});



/****************************************************************************************/

function activeTabs(){
	var onglets = document.getElementById("liste_onglet").getElementsByTagName("A");
	//var contents = document.getElementsByClassName("contenu_formation");
	var contents = $("div.contenu_formation");
	
	
	function showMe(e){
		for (var i=0; i<onglets.length; i++) {
			var o = onglets[i];
			var c = contents[i];
			if(o == e){
				//current
				o.className = "current";
				c.className = "contenu_formation";
			}else{
				o.className = "";
				c.className = "contenu_formation hidden";
			}
		}
		
	}
	
	
	for (var i=0; i<onglets.length; i++) {

		var onglet = onglets[i];
				
		onglet.onclick = function(){
			showMe(this);
		}
		
		/*sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
			this.style.zIndex = "+999";			
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}*/
	}
	showMe(onglets[0]);
	
	
	
	
}

function get_message_erreur_langue(langue,texte_error){
	if(langue == 1){
		texte_error = texte_error.replace("Veuillez cocher au moins un statut","Please check at least one status");

		texte_error = texte_error.replace("<li>Le champ Pr&eacute;nom est obligatoire.</li>",	"<li>First name field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Son Nom est obligatoire.</li>",				"<li>Friend Surnamefield is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Votre Nom est obligatoire.</li>",				"<li>Your Surnamefield is required.</li>");
		texte_error = texte_error.replace("<li>Le champ M&eacute;l. est obligatoire.</li>",		"<li>Mail field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Message est obligatoire.</li>",			"<li>Message field is required.</li>");
		
		
		texte_error = texte_error.replace("<li>Le champ Centre d'int&eacute;r&ecirc;t est obligatoire.</li>",	"<li>Interest field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Sujet est obligatoire.</li>",			"<li>Subject field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Question est obligatoire.</li>",		"<li>Question field is required.</li>");
		
		texte_error = texte_error.replace("<li>Le champ Civilit&eacute; est obligatoire.</li>",	"<li>Civility field is required.</li>");
		
		texte_error = texte_error.replace("<li>L'adresse e-mail n'est pas valide.</li>",		"<li>The e-mail address is not valid.</li>");
		
		texte_error = texte_error.replace("<li>Les adresses e-mail ne correspondent pas.</li>",	"<li>The specified e-mail do not match.</li>");
		texte_error = texte_error.replace("<li>Le champ Telephone est obligatoire.</li>",		"<li>Phone field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Pays est obligatoire.</li>",			"<li>Country field is required.</li>");
		
		texte_error = texte_error.replace("<li>Le champ Entreprise est obligatoire.</li>",		"<li>Company field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Fonction est obligatoire.</li>",		"<li>Position field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Adresse est obligatoire.</li>",			"<li>Address field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Code postal est obligatoire.</li>",		"<li>Zip/Postal field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Ville est obligatoire.</li>",			"<li>City field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Formation est obligatoire.</li>",		"<li>Education field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ Etablissement est obligatoire.</li>",	"<li>School field is required.</li>");
		texte_error = texte_error.replace("<li>Le champ m&egrave;l. est obligatoire.</li>",		"<li>M&egrave;l. field is required.</li>");
		
		texte_error = texte_error.replace("<li>L'adresse e-mail",	"<li>The e-mail address");
		texte_error = texte_error.replace(" n'est pas valide.</li>",	" is not valid.</li>");
		
		
	}	
	return texte_error;

}





function test_email_format(mailteste)

{
	var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
	if(reg.test(mailteste))
	{
		return(true);
	}
	else
	{
		return(false);
	}
}