// vérif validité email par REGEXP .centre_menu>#filet_bleu
function verifMail(email) { 
   var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/;
   return (reg.exec(email)!=null);
}

function actualiserFiletBleu(){
	var filet_bleu = $("#centre_menu>#filet_bleu").html();
	//alert(filet_bleu);
	$("#filet_bleu").html(filet_bleu);

}

//gestion de formulaire jQuery(document).ready(function($) {
$(document).bind('reveal.facebox', function(){

	
//Première page choix de connection
//---------------------------------	
	//appel connection
	$("#connectez_vous").click( function(e) {
									 var pageForm = $(this).attr('href');
									
														
									//envoi du formulaire par ajax
									jQuery.facebox(function() {	
 										jQuery.get(pageForm, {} , function(data) {
    												jQuery.facebox(data);
										});
									});
									return false;
	});
	
	//appel inscription
	$("#inscrivez_vous").click( function(e) {
									 var pageForm = $(this).attr('href');
									
														
									//envoi du formulaire par ajax
									jQuery.facebox(function() {	
 										jQuery.post(pageForm, {} , function(data) {
    												jQuery.facebox(data);
										});
									});
									return false;
	});
	
//deuxième page: connection
//---------------------------------
	//fonctions d'envoi du formulaire de cnx
	$("#form_pop_cnx").submit( function(e) {
								 //init
								 var envoi = true;
								 var erreur = "";
								
								//les champs requis
								$(".chp_requis",this).each( function(){
								
									if( $(this).val() == "0" || $(this).val() == "" ){
										envoi = false;
										$(this).css("border","thin solid #f00");
										$(this).prev("label").css("color","#f00");
										erreur = 'Veuillez remplir tous les champs obligatoires,<br />s\'il vous plait';
									}else{
										$(this).css("border","thin solid #C3DBEC");
										$(this).prev("label").css("color","#000");
										if( $(this).attr('name') == 'mail' && !verifMail($(this).val())){
											envoi = false;
											$(this).css("border","thin solid #f00");
											$(this).prev("label").css("color","#f00");
											erreur = 'Votre adresse mail n\'est pas correcte';
										}
									}	
									
								
								});
								 
								if(!envoi){
									//message d'erreur
									var mess = 	'<p align="center" class="titrecategorie">'+
												'	<img src="images/erreur.jpg" alt="erreur" width="70" height="70" /><br /><br />'+
  												'	<span class="texterouge2">'+
												'		'+erreur+
												'	</span><br /><br />'+
												'	merci'+
												'</p><br />';
												
  									$("#info_form_pop").html(mess);
									
								 }else{
									 
									 //preparation des données
									 var data = new Object;
									 $('#form_pop_cnx :input').each(function(){
															data[$(this).attr('name')] = $(this).val();
																	 });
									 var pageForm = $('#form_pop_cnx').attr('action');
									
														
									//envoi du formulaire par ajax
									jQuery.facebox(function() {	
 										jQuery.post(pageForm, data , function(data2) {
    												jQuery.facebox(data2);
												actualiserFiletBleu();
  										});
									});
								 }
								
								return false; 
	});
								
//troisième page: inscription
//---------------------------
	//fonctions d'envoi du formulaire d'inscription
	$("#form_pop").submit( function(e) {
								 //init
								 var envoi = true;
								 var erreur = "";
								
								//les champs requis
								$(".chp_requis",this).each( function(){
																	 
									//traitement des checkbox
									if($(this).attr('name') == 'cond_util'){
										if(!this.checked){
											envoi = false;
											$(this).css("border","thin solid #f00");
											$(this).next("label").children('a').css("color","#f00");
											erreur += 'Veuillez Accepter les conditions d\'utilisations.<br />';
										}else{
											$(this).css("border","thin solid #C3DBEC");
											$(this).next("label").children('a').css("color","#3B5998");
										}
									}else{
										
										if( $(this).val() == "0" || $(this).val() == "" ){
											envoi = false;
											$(this).css("border","thin solid #f00");
											$(this).prev().prev("label").css("color","#f00");
											erreur = 'Veuillez remplir tous les champs obligatoires.<br />';
										}else{
											$(this).css("border","thin solid #C3DBEC");
											$(this).prev().prev("label").css("color","#3B5998");
											
											//traitement de l'email
											if( $(this).attr('name') == 'mail' && !verifMail($(this).val())){
												envoi = false;
												$(this).css("border","thin solid #f00");
												$(this).prev().prev("label").css("color","#f00");
												erreur += 'Veuillez vérifier votre adresse mail.<br />';
											}										
										}	
									}
									
								
								});
								
								//traitement du mdp
								if( $('#mdp').val() != "" && $('#mdp2').val() != "" && $('#mdp').val() != $('#mdp2').val()){
									envoi = false;
									$('#mdp').css("border","thin solid #f00");
									$('#mdp').prev().prev("label").css("color","#f00");
									$('#mdp').val('');
									$('#mdp2').css("border","thin solid #f00");
									$('#mdp2').prev().prev("label").css("color","#f00");
									$('#mdp2').val('');
									erreur += 'Le mot de passe ne corresponds pas à sa confirmation.<br />';
								}
								
								if(!envoi){
									//message d'erreur
									var mess = 	'<p align="center" class="titrecategorie">'+
												'	<img src="images/erreur.jpg" alt="erreur" width="70" height="70" /><br /><br />'+
  												'	<span class="texterouge2">'+
												'		'+erreur+
												'	</span><br /><br />'+
												'	merci'+
												'</p><br />';
												
  									$('#info_form_pop').html(mess);
									
								 }else{
									 //recuperation de l'adresse
									 var pageForm = $('#form_pop').attr('action');
									 
									//preparation des données
									 var data = new Object;
									 $('#form_pop :input').each(function(){
															data[$(this).attr('name')] = $(this).val();
																	 });				
									//envoi du formulaire par ajax
									jQuery.facebox(function() {					
 										jQuery.post(pageForm, data , function(data) {
													
    												jQuery.facebox(data);
												actualiserFiletBleu();
  										});
									});
								 }
								return false; 
								
	});
	
	
});