// JavaScript Document
//-----------------------------------------Fonction ajax
function contenuAjax(url,idDiv,parametres,pageStatique,menu){ //alert(url+'/'+idDiv+'/'+pageStatique+'/'+menu+'/'+parametres.parcours);
			
	new Ajax.Updater (idDiv,url,{
		parameters : parametres,
		method :'post',
		encoding :'UTF-8',
		onComplete : function (xmlHttp){
			var contenu =xmlHttp.responseText.strip();
			if(parametres.page == "devenir membre"){
				regulationAffichage("conteneurTexte");
				nouveauMembreForm(); 
				//affichage de la confirmation d'insertion
				$("nm_confirmationInsertion").update(contenu);
			}
			else if(parametres.page == "demande infos"){
				regulationAffichage("conteneurTexte");
				demandeInfosForm();
				//affichage de la confirmation d'insertion
				$(idDiv).update(contenu);
			}
			else if(parametres.page == "liste des membres"){
				//maj des données d'un membres
				if(idDiv=='majMessageRetour' && parametres.majProfil==1){
					majMembreForm(1);
					$('majMessageRetour').update(contenu);
				}
			}


			
		},
		onFailure : function(xmlHttp){
		
		}
	});
	
}



//fonction servant à réguler l'affichage dans la menu liste des membres
function regulationAffichage(baliseVisible){ 
  if(baliseVisible!='meeting-nav'){
	$('barreTitre').style.display = 'block';
	var pourCacher = Array ('conteneurTexte','vertical_container','conteneurForum','identForm','meeting-nav');
	for(var i=0;i<pourCacher.length;i++){
	  if(pourCacher[i] != baliseVisible){ 
		  if($(pourCacher[i]) != null){
			if(pourCacher[i]=='conteneurForum'){
				$('enteteForum').update('');
				$('conteneurForum').update('');
			}
			else if(pourCacher[i] !='vertical_container'){
				$(pourCacher[i]).update('');
			}
			$(pourCacher[i]).style.display='none';
		  }
	  }
   }
  }//cas de l'entête meeging dans menu Resultat
  else{
	 $('barreTitre').style.display = 'none';
	 $('meeting-nav').style.display = 'block';
  }
 
 $(baliseVisible).style.display='block';
  
}
//fontion de confirmation d'envoie de photo de profil
function confirmationEnvoi(){
	var texte = "Pour savoir si votre photo a été chargée, appuyez SVP sur le bouton \"Rafraîchir\"!";
	$('confirmationEnvoi').update(texte);
}
//Insertion et maj de la photo de profil
function popupPhoto(){ 
	var popup ='<div id="confirmationEnvoi" style="text-align:center;color:red;"></div>';
	popup +='<div style="text-align:center"><input type="button" value="Inserer une photo" onclick="imagesForm();return false;" /></div>';
	popup += '<div style="text-align:center" id="emplacementPhoto"></div>';
	$('photoProfil').update(popup);
}

function imagesForm(){
	var nom_de_la_page = $('popup').innerHTML;
	window.open (nom_de_la_page, 'Envoi de Photo', config='height=600, width=600, toolbar=no, menubar=no, scrollbars=no, resizable=yes, location=no, directories=no, status=no');
	confirmationEnvoi();
}
function photoPersonnelle(){
  if($('confirmationEnvoi')!=null)
  	$('confirmationEnvoi').update('');
  var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
  param = {page: 'photoProfil'};
  o_options = new Object();
  o_options = {method:'post', parameters:param,
  onSuccess: function (xmlHttp){
	  var resultat = xmlHttp.responseText;
	  resultat = resultat.strip();
	  resultat +='<br><input type="button" value="Rafraîchir" onclick="photoPersonnelle();" />';
	  
	  
	  $('emplacementPhoto').update(resultat);
	  
  }};
  
  var laRequete = new Ajax.Request(url,o_options);
	
}
//-----------------------------------------Fonction de récupération de l'utilisateur de la session
function sessionDeQui(){
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	param = {utilisateurDeLaSession:1};
	o_options = new Object();
	o_options = {method:'post', parameters:param,
	onSuccess: function (xmlHttp){
		var resultat = xmlHttp.responseText;
		resultat = resultat.strip();
		$('nomUtilisateur').update(resultat);
		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);
	
}

//-----------------------------------------fonction de MAJ de la date de modification du site dans le pied page
function affichageMAJduPP(page){
		var idSpan = "dateMAJ";
		var url = $("infoURL").innerHTML+"ajaxPiedDePage.php";
		var param = {dateMAJ : 1, page : page};
		new Ajax.Updater (idSpan,url,{
			parameters : param,
			method : 'get'
	});
	
}
function pageVideos(){ 
	var page = 'videos';
	var url = $('infoURL').innerHTML+"galerie.php";
	var menu = $('infoMenu').innerHTML;
	var param = { requete:page};
	o_options = new Object();
	o_options = {method:'post', parameters:param,
	onSuccess: function (xmlHttp){ 
		var resultat = xmlHttp.responseText; 
		//regulationAffichage("conteneurTexte");
		
		$('conteneurTexte').update(resultat);
		
		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);
	
}
function page(page){ 
	var url = $('infoURL').innerHTML+"ajaxTriathlon.php";
	var menu = $('infoMenu').innerHTML;
	var param = { page:page,menu:menu};
	o_options = new Object();
	o_options = {method:'post', parameters:param,
	onSuccess: function (xmlHttp){ 
		var resultat = xmlHttp.responseText;
		if(page=='Meeting'){
		   regulationAffichage("meeting-nav");
		}
		else{
		  regulationAffichage("conteneurTexte"); 
		 
		  $('barreTitre').update(page);
		}
		$('conteneurTexte').update(resultat);
		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);
	
}
//Le formulaire d'envoi d'images dans Galérie s'affiche si on est connecté sinon il es masqué
function afficherFormulaireImages(){ 
	$('formulaireImage').style.display='none';
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	//la connexion ajax n'a ici un but que pour savoir si le retour est 'shut_down' pour afficher ou masque le formulaire photo
	param = {page:1};
	o_options = new Object();
	o_options = {method:'post', parameters:param,
	onSuccess: function (xmlHttp){
		var resultat = xmlHttp.responseText.strip();
		var mot_cle = 'shut_down';
		var reg=new RegExp(mot_cle, "g");
		if(resultat.match(reg)){ 
			resultat = mot_cle;
			
		}
		else
			$('formulaireImage').style.display='block';
		
		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);
	
}

function pageSecurisee(page){
	var menu = $('infoMenu').innerHTML;
	$('infoSousMenu').update(page);
	var lienDeconnexion = '<a  href="#" title="Déconnexion" onclick="javascript:deconnecter(\'ajaxTriathlon.php\');return false;">';
	lienDeconnexion += 'Quitter la session</a>';
	var url = $('infoURL').innerHTML+"ajaxTriathlon.php";
	$('barreTitre').update(page)
	page = page.toLowerCase();
	var param = { page:page,menu:menu};
	o_options = new Object();
	o_options = {method:'post', parameters:param,
	onSuccess: function (xmlHttp){
		var resultat = xmlHttp.responseText;
		
		//véfication de la session
		
		var mot_cle = 'shut_down';
		var reg=new RegExp(mot_cle, "g");
		if(resultat.match(reg)) 
			resultat = mot_cle;
		if(resultat==mot_cle){
			lienDeconnexion = "";
			regulationAffichage('identForm');
			identificationForm();
		}
		else{
			if(page=='liste des membres'){
				regulationAffichage("vertical_container");
				$("listeMembres").update(resultat);
				majMembreForm(1);
				photoPersonnelle();
				popupPhoto();
			}
			else{ 
				regulationAffichage("conteneurTexte");
				$('conteneurTexte').update(resultat);
				if(page='programme'){ //Effet accordion sur les entrainements mensuels
				
					var ladate = new Date();
					for(var annee=2009;annee<= ladate.getFullYear();annee++){
						for(var mois=1;mois<= 11+1;mois++){ 
						 
							if($(mois+'_'+annee)!=null ){
							   if(annee<ladate.getFullYear())
								 $(mois+'_'+annee).hide();
							   else
								  if(mois!=ladate.getMonth()+1)
									  $(mois+'_'+annee).hide();									
								
								
							}
						}
					}
					
				}
			}
		}
		$("deconnexion").update(lienDeconnexion);
		if(lienDeconnexion =='')
			$('nomUtilisateur').update('');
		else{
			sessionDeQui();
		}
		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);
	
}
//-----------------------------------------fonction de traitement des événements des sous-menus
/*function sousMenu(page,pageStatique,menu){
	//alert("url:"+url+" page:"+page+" pSt:"+pageStatique+" menu:"+menu);
	//insertion du sous menu dans la balise d'information de la page 'infoSousMenu' 
	if($('conteneurForum') !="")
		$('conteneurForum').update('');
	$("infoSousMenu").update(page);
	$("infoMenu").update(menu);
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php"; 					
	var menu = $('infoMenu').innerHTML;				
	var parametres = { page : page,menu:menu};
	if( page == "newsletterInterne" || page == "sondages" || page == "staff" || page == "frequentation" || page == "Programme" || page == "conseils" || page == "partenaires")
		parametres.menu = "membres";
		
	var connexion = "shut_down";
	//sous menu liste membres
	if(page=='liste des membres'){
		regulationAffichage("vertical_container");
		connexion = $("identVerif").innerHTML;
		if(connexion!= "shut_down"){
			var idDiv = "listeMembres";
			majMembreForm(1);//alert('!'+page+'!');
		}
		else
			var idDiv = "identForm";
	}//Autre sous menu que liste membres
	else{
		if($("vertical_container") != null)
			$("vertical_container").className = "Invisible";
		var id_news = $("idNewsAffichee").innerHTML;
																					
		if(id_news !=""){
			var parametres = { page : page, uneSeule:1,id:id_news,menu:menu};
			$("idNewsAffichee").update('');
			//alert('id_news: '+id_news);
		}
		var idDiv = "conteneurTexte";
		//$("identForm").className = "Invisible";
		$("identForm").update("");
	}
	//alert("url:"+url+" idDiv:"+idDiv+" page:"+page+" pSt:"+pageStatique+" menu:"+menu);
	contenuAjax(url,idDiv, parametres,pageStatique,menu);	
	
}
*/

//-----------------------------------------Fonction de vérificatin de l'unicité du nom d'utilisateur
function verifUtilisateur(idChamp){
	var utilisateur = $(idChamp).value;
	var url = $("infoURL").innerHTML+"ajaxVerifUtilisateur.php";
	param = {utilisateur:utilisateur};
	o_options = new Object();
	o_options = {method:'post', parameters:param,
	onSuccess: function (xmlHttp){
		var resultat = xmlHttp.responseText;
		resultat = resultat.strip();
		if(resultat !=""){
			$(idChamp).focus();
			alert(resultat);
		}
		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);
	
}
//-----------------------------------------Fonction de validation d'email pour plus d'info aller sur :http://www.asp-php.net/tutorial/scripting/regexp.php
function verifEmail(email) { 
	// vérif validité email par REGEXP
	var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/
	//cherche les occurences du masque dans votre chaîne et retourne ce qui a été trouvé ou null
	var resultat = reg.exec(email);
	if(!resultat){
		alert("L\'adresse email saisie ne semble pas correcte. Veuillez SVP en saisie une autre!");
		$('nm_email').focus();
		$('maj_emailParents').focus();
		$('di_email').focus();
		return 0;
	}
	else 
		return 1;
	
}
//-----------------------------------------Fonction de validation de téléphone
function verifTelephone(telephone,balise) { 
	// vérif validité email par REGEXP
	var reg = /^[0+]+[0-9 ]{9,}/
	//cherche les occurences du masque dans votre chaîne et retourne ce qui a été trouvé ou null
	var resultat = reg.exec(telephone);
	if(!resultat){
		alert("Le numéro téléphone saisi ne semble pas correcte. Veuillez SVP en saisie un autre!");
		$(balise).focus();
	}
}
//-----------------------------------------Fonction de validation des mots de passe
function verifMotDePasse(id_mp, id_mpV) { 
	var mp = $(id_mp).value;
	var mpv = $(id_mpV).value;
	if(mp != mpv){
		$(id_mp).value = "";
		$(id_mpV).value = "";
		alert("Le mot de passe saisie est différent du premier. Veuillez SVP resaisir les mots de passe!");
		$(id_mp).focus();
	}
	else
		return;
	
		
}

//-----------------------------------------Fonction de validation de NPA
function verifNPA(telephone,balise) { 
	// vérif validité email par REGEXP
	var reg = /^[0-9]{4,}/
	//cherche les occurences du masque dans votre chaîne et retourne ce qui a été trouvé ou null
	var resultat = reg.exec(telephone);
	if(!resultat){
		alert("Le code postal saisi ne semble pas correcte. Veuillez SVP en saisie un autre!");
		$(balise).focus();
	}
}
//-----------------------------------------Fonction affichant le formulaire d'inscription pour nouveau membre
function nouveauMembreForm(){
	//on cache le formulaire s'il est affiché et on affiche la balise du formulaire
	regulationAffichage("conteneurTexte");
			
	//mise en place de la liste déroulante de la date de naissance
	var optionJours = "<option disabled selected value='0'>jour</option>";
	for(var i=1;i<=31;i++){
		optionJours += "<option value="+i+">"+i+"</option>";
	}
	
	var nomMoisTab = new Array("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre");
	var optionMois = "<option disabled selected value='0'>mois</option>";
	for(var i=1;i<=12;i++){
		optionMois += "<option value="+i+">"+nomMoisTab[i-1]+"</option>";
	}
	
	var ladate = new Date()
	var annee = ladate.getFullYear() - 60;
	var optionAnnees = "<option disabled selected value='0'>annee</option>";
	for(var i=annee;i< annee + 50;i++){
		optionAnnees += "<option value="+i+">"+i+"</option>";
	}
	
	$('barreTitre').update("Devenir membre - Etape 1/3");
	 
	var contenu = '<div id="nm_confirmationInsertion" style="color:blue;">Les champs indexés d\'un * doivent être saisis avec au minimum de 3 caractères</div>';
	contenu += '<form  name="nouveauMembre">';
	contenu += '<table>';
	contenu += '<tr><td>Titre :</td>';
	contenu += '	<td id="nm_titre"><input type="radio" id="nm_titreM" name="titre" value="M.">M. <input  type="radio" id="nm_titreMme" name="titre" value="Mme.">Mme.</td></tr>';
	contenu += '<tr><td>Nom* :</td>';
	contenu += '	<td><input id="nm_nom" name="nom" type="text" maxlength="20"/></td></tr>';
	contenu += '<tr><td>Prenom* :</td>';
	contenu += '	<td><input id="nm_prenom" name="prenom" type="text" maxlength="20" /></td></tr>';
	contenu += '<tr><td>Email* :</td>';
	contenu += '	<td><input id="nm_email" name="email" type="text" maxlength="100" onblur="verifEmail(document.nouveauMembre.email.value);"/></td></tr>';
	contenu += '<tr><td>Date de naissance* :</td>';
	contenu += '	<td><span id="nm_selectJour">';
	contenu += '		<select id="nm_jour" name="jour" size="1">'+optionJours+'</select></span>';
	contenu += '		<span id="nm_selectMois">'; 
	contenu += '		<select id="nm_mois" name="mois" size="1">'+optionMois+'</select></span>';
	contenu += '		<span id="nm_selectAnnee">';
	contenu += '		<select id="nm_annee" name="annee" size="1" onchange="afficheEmailParent(document.nouveauMembre.annee.options[document.nouveauMembre.annee.selectedIndex].text);">'+optionAnnees+'</select></span></td></tr>'
	contenu += '<tr><td><span id="libelleEmailParent" style="color:blue" class="Invisible">Email des parents* :</span></td>';
	contenu += '	<td><span id="champEmailParent" class="Invisible"><input id="nm_emailParents" name="emailParents" type="text" maxlength="100" onchange="verifEmail(document.nouveauMembre.emailParents.value);"/></span></td></tr>';
	contenu += '<tr><td>Adresse* :</td>';
	contenu += '	<td><input id="nm_adresse" name="adresse" type="text" size="40" maxlength="40" /></td></tr>';
	contenu += '<tr><td>NPA / Localite* :</td>';
	contenu += '	<td><input id="nm_npa" name="npa" type="text" size="8" maxlength="8" onchange="verifNPA(document.nouveauMembre.npa.value,\'nm_npa\');"/>/<input id="nm_localite" name="localite" type="text" maxlength="20" /></td></tr>';
	contenu += '<tr><td>Téléphone* :</td>';
	contenu += '	<td><input id="nm_telephone" name="telephone" type="text" maxlength="20" onchange="verifTelephone(document.nouveauMembre.telephone.value,\'nm_telephone\');" /></td></tr>';
	contenu += '<tr><td>Téléphone portable* :</td>';
	contenu += '	<td><input id="nm_portable" name="portable" type="text" maxlength="20" onchange="verifTelephone(document.nouveauMembre.portable.value,\'nm_portable\');"/></td></tr>';
	contenu += '<tr><td></td>';
	contenu += '	<td><input type="button", value="Suivant" name="envoi" onclick="nouveauMembreEtape2()" /></td></tr>';
	contenu += '</table>';
	
	
	contenu += '<input name="utilisateur" type="hidden" value=""/>';
	contenu += '<input name="motDePasse" type="hidden" value=""/>';
	contenu += '<input name="nouveauMotDePasse" type="hidden" value=""/>';
	contenu += '<input name="sitePerso" type="hidden" value=""/>';
	contenu += '<input name="parcours" type="hidden" value=""/>';
	contenu += '</form>';
	regulationAffichage("conteneurTexte");
	$("conteneurTexte").innerHTML = contenu;
}
//Fonction affichant en fonction de l'age le champ email de parents
function afficheEmailParent(annee){
	var retour = false;
	var ladate=new Date();
	var anneeActuelle = ladate.getFullYear();
	if(anneeActuelle-annee <18){
		$("libelleEmailParent").className = "";
		$("champEmailParent").className = "";
		retour = true;
	}
	else{
		$("libelleEmailParent").className = "Invisible";
		$("champEmailParent").className = "Invisible";
		retour = false;
	}
	return retour;
}

//cette fonction prend 3 parametres: un tableau des champs à saisir, leur libelle et le prefixe permettant de reconstituer l'attribut id du prefixe
// elle colorie les champs mal saisie et retourne un false afin de stoper l'action de du bouton de formulaire.
function signalerChampsTextVide(champTab,libelleTab,saisie,prefixe){
	for(i=0;i<champTab.length;i++){
		var valeur = champTab[i];
		if(valeur.length >= 3){
			//le champ saisie restera blanc
			var idChamp = prefixe+libelleTab[i];
			$(idChamp).style.backgroundColor = "white";
		}
		else{
			//le champ non saisie sera rouge
			var idChamp = prefixe+libelleTab[i];
			$(idChamp).style.backgroundColor = "red";
			//on interdit l'acces à la page suivante
			saisie = false;
			i= champTab.length - 1;
			
		}	
	}
	return saisie;
}
function nouveauMembreEtape2(){
	var saisie = true;
	var titreM = document.nouveauMembre.titre[0].checked;
	var titreMme = document.nouveauMembre.titre[1].checked;
	var titre = "";
	if(titreM)
		titre = "M.";
	else if(titreMme)
		titre = "Mme.";
	if(titre ==""){
		$("nm_titre").style.backgroundColor = "red";
		saisie = false;
	}
	else
		$("nm_titre").style.backgroundColor = "";
	var nom = document.nouveauMembre.nom.value;
	var prenom = document.nouveauMembre.prenom.value;
	var email = document.nouveauMembre.email.value; 
	
	var jour = $('nm_jour').options[$('nm_jour').selectedIndex].text;
	var mois = $('nm_mois').options[$('nm_mois').selectedIndex].text;
	var annee = $('nm_annee').options[$('nm_annee').selectedIndex].text;
	var adresse = document.nouveauMembre.adresse.value;
	var npa = document.nouveauMembre.npa.value;
	var localite = document.nouveauMembre.localite.value;
	var telephone = document.nouveauMembre.telephone.value;
	var portable = document.nouveauMembre.portable.value;
	
	var utilisateur = document.nouveauMembre.utilisateur.value;
	var motDePasse = document.nouveauMembre.motDePasse.value;
	var sitePerso = document.nouveauMembre.sitePerso.value;
	var parcours = document.nouveauMembre.parcours.value;
		
	var champ = new Array(nom,prenom,email,adresse,npa,localite,telephone,portable);
	var champId = new Array('nom','prenom','email','adresse','npa','localite','telephone','portable');
	//Si email des parents absent il est remplacé par un --
	if($("champEmailParent").className==""){
		var emailParents = document.nouveauMembre.emailParents.value;
		var champ = new Array(nom,prenom,email,emailParents,adresse,npa,localite,telephone,portable);
		var champId = new Array('nom','prenom','email','emailParents','adresse','npa','localite','telephone','portable');
	}
	else
		var emailParents = "--";
	//On vérifie si tous les champs ont été saisie
	saisie = signalerChampsTextVide(champ,champId,saisie,'nm_');
	
		
	if( jour =="jour"){
		$("nm_jour").style.backgroundColor = "red";
		saisie = false;
	}
	else
		$("nm_jour").style.backgroundColor = "";
	if( mois == "mois"){
		$("nm_mois").style.backgroundColor = "red";
		saisie = false;
	}
	else
		$("nm_mois").style.backgroundColor = "white";
	if( annee == "annee"){
		$("nm_annee").style.backgroundColor = "red";
		saisie = false;
	}
	else
		$("nm_annee").style.backgroundColor = "";
	var avertissement = 'Les champs indexés d\'un * doivent être saisis avec au minimum de 3 caractères'.fontcolor('blue');
	var contenu = '<div id="nm_confirmationInsertion">'+avertissement+'</div>';
	contenu += '<form name="nouveauMembre">';
	contenu += '<table>';
	contenu += '<tr><td>Saisissez un nom utilisateur* :</td>';
	contenu += '	<td><input id="nm_utilisateur" name="utilisateur" type="text" maxlength="20" onblur="verifUtilisateur(\'nm_utilisateur\')"/></td></tr>';
	contenu += '<tr><td>Saisissez un mot de passe* :</td>';
	contenu += '	<td><input id= "nm_motDePasse" name="motDePasse" type="password" maxlength="20"/></td></tr>';
	contenu += '<tr><td>Saisissez de nouveau le mot de passe* :</td>';
	contenu += '	<td><input id= "nm_motDePasseVerif" name="motDePasseVerif" type="password" maxlength="20" onblur="verifMotDePasse(\'nm_motDePasse\',\'nm_motDePasseVerif\')"/></td></tr>';
	contenu += '<tr><td>Site web personnel :</td>';
	contenu += '	<td><input id= "nm_sitePerso" name="sitePerso" type="text" maxlength="50" /></td></tr>';
	contenu += '<tr><td>Parcours :</td>';
	contenu += '	<td><textarea id="nm_parcours" name="parcours" cols="40" rows="12"></textarea></td></tr>';
	contenu += '<tr><td>Je confirme avoir pris connaissance des <a href="../condition.pdf">conditions d\'admission*</a></td>';
	contenu += '	<td id="nm_conditions"><input type="radio" name="conditions" value="oui">oui <input type="radio" name="conditions" value="non">non</td></tr>';
	contenu += '<tr><td></td>';
	contenu += '	<td><input type="button", value="Suivant" name="envoi" onclick="verifierEnvoiNouveauMembre()" /></td></tr>';
	contenu += '</table>';
	
	contenu += '<input name="titre" type="hidden" value="'+titre+'"/>';
	contenu += '<input name="nom" type="hidden" value="'+nom+'"/>';
	contenu += '<input name="prenom" type="hidden" value="'+prenom+'" />';
	contenu += '<input name="email" type="hidden"value="'+email+'" />';
	contenu += '<input name="emailParents" type="hidden"value="'+emailParents+'" />';
	contenu += '<input name="jour" type="hidden" value="'+jour+'"/>';
	contenu += '<input name="mois" type="hidden" value="'+mois+'" />';
	contenu += '<input name="annee" type="hidden" value="'+annee+'"/>';
	contenu += '<input name="adresse" type="hidden" value="'+adresse+'"/>';
	contenu += '<input name="npa" type="hidden" value="'+npa+'" />';
	contenu += '<input name="localite" type="hidden" value="'+localite+'" />';
	contenu += '<input name="telephone" type="hidden" value="'+telephone+'" />';
	contenu += '<input name="portable" type="hidden" value="'+portable+'" />';
	contenu += '</form>';
	if(saisie){
		$('barreTitre').update("Membre : Devenir membre - Etape 2/3");
		$("conteneurTexte").innerHTML = contenu;
	}
	else
		alert("veuillez completez tous les champs obligatoires SVP...");
	document.nouveauMembre.utilisateur.value = utilisateur;
	document.nouveauMembre.motDePasse.value = motDePasse;
	document.nouveauMembre.motDePasseVerif.value = motDePasse;
	document.nouveauMembre.sitePerso.value = sitePerso;
	document.nouveauMembre.parcours.value = parcours;
	
}

//-----------------------------------------Fonction de vérification de saisie totale des champs
function verifierEnvoiNouveauMembre(){	
	//champ hidden
	var titre = document.nouveauMembre.titre.value;
	var nom = document.nouveauMembre.nom.value;
	var prenom = document.nouveauMembre.prenom.value;
	var email = document.nouveauMembre.email.value;
	var emailParents = document.nouveauMembre.emailParents.value;
	var jour =  document.nouveauMembre.jour.value;
	var mois = document.nouveauMembre.mois.value;
	var annee = document.nouveauMembre.annee.value;
	var npa = document.nouveauMembre.npa.value;
	var adresse = document.nouveauMembre.adresse.value;
	var localite = document.nouveauMembre.localite.value;
	var telephone = document.nouveauMembre.telephone.value;
	var portable = document.nouveauMembre.portable.value;
	//Champ text
	var utilisateur = document.nouveauMembre.utilisateur.value;
	var motDePasse = document.nouveauMembre.motDePasse.value;
	var motDePasseVerif = document.nouveauMembre.motDePasseVerif.value;
	var sitePerso = document.nouveauMembre.sitePerso.value;
	var parcours = document.nouveauMembre.parcours.value;
	
	if(parcours =="")
		parcours = "Non renseigné!";
	
	//vérification de saisie des champs
	var saisie = true;
	var champ = new Array(utilisateur,motDePasse,motDePasseVerif);	
	var champId = new Array('utilisateur','motDePasse','motDePasseVerif');
	//On vérifie si tous les champs ont été saisie
	saisie = signalerChampsTextVide(champ,champId,saisie,'nm_');
		
	//lectures des conditions d'adhésion
	var conditionsOui = document.nouveauMembre.conditions[0].checked;
	var conditionsNon = document.nouveauMembre.conditions[1].checked;
	if(!conditionsOui){
		alert("Veuillez valider la prise de connaissance des conditions d'adhésion SVP!");
		$("nm_conditions").style.backgroundColor = "red";
		saisie = false;
	}
	else
		$("nm_conditions").style.backgroundColor = "";
			
	//Construction de la table de vérification  
	if(saisie){ 
												
		$("conteneurTexte").update("");
		var dateNaissance = jour+" "+mois+" "+annee;
		
		//élément à tranmettre par Ajax à la bdd
		var menu = 'Membres'; 
		var page = 'devenir membre';
		var url = $("infoURL").innerHTML+"email.php";
		var idDiv = "nm_confirmationInsertion";
		$('barreTitre').update("Membres : devenir membre - Etape 3/3");
		
		//Mise en place de l'affichage pour la vérification
		var td1 = Builder.node("td","Titre :");	var td2 = Builder.node("td",titre);	
		var tr0 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Nom :");	var td2 = Builder.node("td",nom);	
		var tr1 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Prénom :");var td2 = Builder.node("td",prenom);	
		var tr2 = Builder.node("tr",[td1,td2]);
				
		var td1 = Builder.node("td","Email :");	var td2 = Builder.node("td",email);	
		var tr3 = Builder.node("tr",[td1,td2]);
		//alert("Test technique : test saisie sans style");
		
		if(emailParents !="--"){
			var td1 = Builder.node("td","Email des parents :");	var td2 = Builder.node("td",emailParents);
		}
		else{
			var td1 = Builder.node("td","Email des parents :");var td2 = Builder.node("td",emailParents);
		}
		var tr4 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Date de naissance :");	var td2 = Builder.node("td",dateNaissance);	
		var tr5 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Adresse :");	var td2 = Builder.node("td",adresse);	
		var tr6 = Builder.node("tr",[td1,td2]);
		
		var residence = npa+' '+localite;
		var td1 = Builder.node("td","NPA / Localite:");	var td2 = Builder.node("td",residence);	
		var tr7 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Téléphone :");	var td2 = Builder.node("td",telephone);	
		var tr8 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Portable :");	var td2 = Builder.node("td",portable);	
		var tr9 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Nom d'utilisateur :");	var td2 = Builder.node("td",utilisateur);	
		var tr10 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Mot de Passe :");	var td2 = Builder.node("td",motDePasse);	
		var tr11 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Site web personnel :");	var td2 = Builder.node("td",sitePerso);	
		var tr12 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Parcours :");	var td2 = Builder.node("td",parcours);	
		var tr13 = Builder.node("tr",[td1,td2]);
		//on n'affiche pas les mots de passe
		adresse = echapperCaract(adresse);
		parcours = echapperCaract(parcours);
		//alert("Test technique : Mise en place du tableau (avant onclick) des donneés");
		var enregistrer = {type : "button",	value: "Enregistrer",
			onclick:"contenuAjax('"+url+"','"+idDiv+"',{nouveauMembre:1,page:'"+page+"',titre:'"+titre+"',nom:'"+nom+"',prenom:'"+prenom+"',"
				 +"email:'"+email+"',emailParents:'"+emailParents+"',jour:'"+jour+"',mois:'"+mois+"',annee:'"+annee+"',"
				 +"utilisateur:'"+utilisateur+"',motDePasse:'"+motDePasse+"',sitePerso:'"+sitePerso+"',"
				 +"parcours:'"+parcours+"',adresse:'"+adresse+"',npa:'"+npa+"',localite:'"+localite+"',"
				 +"telephone:'"+telephone+"',portable:'"+portable+"'},0,'"+menu+"')"	};
		var enregistrerInput = Builder.node("input",enregistrer);
		var td1 = Builder.node("td",enregistrerInput);
		//alert("Test technique : Mise en place du tableau (après onclick) des donneés");
		//parametre : 15 : nombre de champs, et indice dans tableaux 
		//0 : titre, 5: dateNaissance
		var revenir = {	type : "button",value: "Revenir en arrière",onclick:"modificationNouveauMembreForm(14,0,5)"};
		var revenirInput = Builder.node("input",revenir);
		var td2 = Builder.node("td", revenirInput);
		var tr14 = Builder.node("tr",[td1,td2]);	
		//alert("Test technique :Mise en place du tableau (bouton) des donneés");
		var tbody = Builder.node("tbody",[tr0,tr1,tr2,tr3,tr4,tr5,tr6,tr7,tr8,tr9,tr10,tr11,tr12,tr13,tr14]);
		var table = Builder.node("table",{
			id:"table_confirmation"
			},[tbody]);
		//alert("Test technique : Mise en place du tableau (après table) des donneés");
		$("conteneurTexte").appendChild(table);
	}
	else
		alert("veuillez completez tous les champs SVP...");
		
}


//insertion des données postée dans le formulaire pour modification
function modificationNouveauMembreForm(nbrCellules,titreIndex,dateNaissanceIndex){ 
	//Récupération des données de la table de vérification
	table = $("table_confirmation");
	//tablebody = table.getElementsByTagName("tbody")[0];
	var valeurTab = new Array();//
	for(var i=0 ; i<nbrCellules; i++){ 
		row  = table.getElementsByTagName("tr")[i];
		valeur = row.getElementsByTagName("td")[1].firstChild.data;
		/*var reg=new RegExp("(:)", "g");
		cle = cle.replace(reg,"").strip();*/
		if(row.length == 1)
			valeur = "-";
		valeurTab[i] = valeur.strip();
	}
	//rechargement du formulaire
	nouveauMembreForm();
	//extration du titre
	var titre = valeurTab[titreIndex];
	if(titre == "M.")
		document.nouveauMembre.titre[0].checked = true;
	else
		document.nouveauMembre.titre[1].checked = true;
	
	//extraction de la date de naissance
	var dateNaissance = valeurTab[dateNaissanceIndex];
	var reg = new RegExp(" ", "g");
	var dateNaissanceTab = dateNaissance.split(reg);
	
	$('nm_jour').options[$('nm_jour').selectedIndex].text = dateNaissanceTab[0];
	$('nm_mois').options[$('nm_mois').selectedIndex].text = dateNaissanceTab[1];
	$('nm_annee').options[$('nm_annee').selectedIndex].text = dateNaissanceTab[2];
	
	//Rechargement des valeur entrées	
	document.nouveauMembre.nom.value = valeurTab[1] ;
	document.nouveauMembre.prenom.value= valeurTab[2];
	document.nouveauMembre.email.value= valeurTab[3];
	afficheEmailParent(dateNaissanceTab[2]);
	document.nouveauMembre.emailParents.value= valeurTab[4];
	document.nouveauMembre.adresse.value= valeurTab[6] ;
	document.nouveauMembre.npa.value= valeurTab[7];
	var localiteTab = extractionSegment(valeurTab[7]," ");
	document.nouveauMembre.npa.value= localiteTab[0] ;
	document.nouveauMembre.localite.value= localiteTab[1];
	document.nouveauMembre.telephone.value= valeurTab[8];
	document.nouveauMembre.portable.value= valeurTab[9];
	
	document.nouveauMembre.utilisateur.value = valeurTab[10];
	document.nouveauMembre.motDePasse.value = valeurTab[11];
	document.nouveauMembre.sitePerso.value = valeurTab[12];
	document.nouveauMembre.parcours.value = valeurTab[13];
}


function extraireValeurTag(chaine,clef){
	var tagOuverture = '<'+clef+'>';
	var tagFermeture = '</'+clef+'>';
	var debut = chaine.indexOf(tagOuverture) + tagOuverture.length;
	chaine = chaine.substring(debut,chaine.indexOf(tagFermeture));
	return chaine;
	
}
//-----------------------------------------Fonction affichant le formulaire d'inscription pour nouveau membre
function majMembreForm(chargementBDD){ 
	
	//mise en place de la liste déroulante de la date de naissance
	var optionJours = "<option disabled selected value='0'>jour</option>";
	for(var i=1;i<=31;i++){
		optionJours += "<option value="+i+">"+i+"</option>";
	}
	
	var nomMoisTab = new Array("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre");
	var optionMois = "<option disabled selected value='0'>mois</option>";
	for(var i=1;i<=12;i++){
		optionMois += "<option value="+i+">"+nomMoisTab[i-1]+"</option>";
	}
	
	var ladate = new Date()
	var annee = ladate.getFullYear() - 60;
	var optionAnnees = "<option disabled selected value='0'>annee</option>";
	for(var i=annee;i< annee + 50;i++){
		optionAnnees += "<option value="+i+">"+i+"</option>";
	}
	
	
	$('majProfil').update("Mises à jour du profil - Etape 1/3");
	var avertissement = 'Les champs indexés par un * doivent être (ou rester) renseignés'.fontcolor('blue');
	var contenu = '<div id="majUtilisateur"></div>';
	contenu += '<div id="majMessageRetour">'+avertissement+'</div>';
	contenu += '<form id= "majMembre" name="majMembre">';
	contenu += '<table>';
	contenu += '<tr><td>Titre* :</td>';
	contenu += '	<td id="maj_titre"><input type="radio" name="titre" value="M.">M. <input type="radio" name="titre" value="Mme.">Mme.</td></tr>';
	contenu += '<tr><td>Nom* :</td>';
	contenu += '	<td><input id="maj_nom" name="nom" type="text" maxlength="20" /></td></tr>';
	contenu += '<tr><td>Prenom* :</td>';
	contenu += '	<td><input id="maj_prenom" name="prenom" type="text" maxlength="20" /></td></tr>';
	contenu += '<tr><td>Email* :</td>';
	contenu += '	<td><input id="maj_email" name="email" type="text" size="30" maxlength="100" onblur="verifEmail(document.majMembre.email.value);"/></td></tr>';
	contenu += '<tr><td>Date de naissance* :</td>';
	contenu += '	<td><span id="maj_selectJour">';
	contenu += '		<select id="maj_jour" name="jour" size="1">'+optionJours+'</select></span>';
	contenu += '		<span id="maj_selectMois">'; 
	contenu += '		<select id="maj_mois" name="mois" size="1">'+optionMois+'</select></span>';
	contenu += '		<span id="maj_selectAnnee">';
	contenu += '		<select id="maj_annee" name="annee" size="1" onchange="afficheEmailParent(document.majMembre.annee.options[document.majMembre.annee.selectedIndex].text);">'+optionAnnees+'</select></span></td></tr>';
	contenu += '<tr><td><span id="libelleEmailParent" style="color:blue" class="Invisible">Email des parents* :</span></td>';
	contenu += '	<td><span id="champEmailParent" class="Invisible"><input id="maj_emailParents" name="emailParents" type="text" maxlength="100" onblur="verifEmail(document.majMembre.emailParents.value);"/></span></td></tr>';
	contenu += '<tr><td></td>';
	contenu += '<tr><td>Adresse* :</td>';
	contenu += '	<td><input id="maj_adresse" name="adresse" type="text" size="40" maxlength="40" /></td></tr>';
	contenu += '<tr><td>NPA / Localite* :</td>';
	contenu += '	<td><input id="maj_npa" name="npa" type="text" size="8" maxlength="8" />/<input id="maj_localite" name="localite" type="text" maxlength="20" /></td></tr>';
	contenu += '<tr><td>Téléphone* :</td>';
	contenu += '	<td><input id="maj_telephone" name="telephone" type="text" maxlength="20" /></td></tr>';
	contenu += '<tr><td>Téléphone portable* :</td>';
	contenu += '	<td><input id="maj_portable" name="portable" type="text" maxlength="20" /></td></tr>';
	contenu += '<tr><td></td>';
	contenu += '	<td><input type="button", value="Suivant" name="envoi" onclick="majMembreEtape2('+chargementBDD+')" /></td></tr>';
	contenu += '</table>';
	
	contenu += '<input name="utilisateur" type="hidden" value=""/>';
	contenu += '<input name="motDePasse" type="hidden" value="" />';
	contenu += '<input name="nouveauMotDePasse" type="hidden" value="" />';
	contenu += '<input name="sitePerso" type="hidden" value="" />';
	contenu += '<input name="parcours" type="hidden" value="" />';
	contenu += '</form>';
	$("MAJ").innerHTML = contenu;
	if(chargementBDD){
		var url = $("infoURL").innerHTML+"ajaxTriathlon.php"; 
		var param = {page:'liste des membres',majMembre:1};
		
		o_options = new Object();
		o_options = {method:'post', parameters:param,
		onSuccess: function (xmlHttp){
			var resultat = xmlHttp.responseText.strip();
			resultat = extraireValeurTag(resultat,'infosPersonnelles');
			var titre = extraireValeurTag(resultat,'titre');
			if(titre == "Mme.")
				document.majMembre.titre[1].checked = true;
			else
				document.majMembre.titre[0].checked = true;
			var nom = extraireValeurTag(resultat,'nom');
			document.majMembre.nom.value = nom; 
			var prenom = extraireValeurTag(resultat,'prenom');
			document.majMembre.prenom.value = prenom;
			var email = extraireValeurTag(resultat,'email');
			document.majMembre.email.value = email;
			var emailParents = extraireValeurTag(resultat,'emailParents');
			document.majMembre.emailParents.value = emailParents;
			var dateNaissance = extraireValeurTag(resultat,'dateNaissance');
			tab = extractionSegment(dateNaissance,"-");
			$('maj_jour').options[$('maj_jour').selectedIndex].text = tab[2];
			$('maj_mois').options[$('maj_mois').selectedIndex].text = nomMoisTab[eval(tab[1])-1]; 
			$('maj_annee').options[$('maj_annee').selectedIndex].text = tab[0];
			var adresse = extraireValeurTag(resultat,'adresse');
			document.majMembre.adresse.value = adresse;
			var npa = extraireValeurTag(resultat,'NPA');
			document.majMembre.npa.value = npa;
			var localite = extraireValeurTag(resultat,'localite');
			document.majMembre.localite.value = localite;
			var telephone = extraireValeurTag(resultat,'telephone');
			document.majMembre.telephone.value = telephone;
			var portable = extraireValeurTag(resultat,'portable');
			document.majMembre.portable.value = portable;
			
			var utilisateur = extraireValeurTag(resultat,'utilisateur');
			document.majMembre.utilisateur.value = utilisateur;
			var motDePasse = extraireValeurTag(resultat,'motDePasse');
			document.majMembre.motDePasse.value = motDePasse;
			var sitePerso = extraireValeurTag(resultat,'sitePerso');
			document.majMembre.sitePerso.value = sitePerso;
			var parcours = extraireValeurTag(resultat,'parcours');
			document.majMembre.parcours.value = parcours;
			
			
		}};
		var laRequete = new Ajax.Request(url,o_options);
	}
	
}

function majMembreEtape2(chargementBDD){	
	var titreM = document.majMembre.titre[0].checked;
	var titreMme = document.majMembre.titre[1].checked;
	var titre = "Mme.";
	if(titreM)
		titre = "M.";
	var nom = document.majMembre.nom.value;
	var prenom = document.majMembre.prenom.value;
	var email = document.majMembre.email.value;
	var jour = $('maj_jour').options[$('maj_jour').selectedIndex].text;
	var mois = $('maj_mois').options[$('maj_mois').selectedIndex].text;
	var annee = $('maj_annee').options[$('maj_annee').selectedIndex].text;
	var adresse = document.majMembre.adresse.value;
	var npa = document.majMembre.npa.value;
	var localite = document.majMembre.localite.value;
	var telephone = document.majMembre.telephone.value;
	var portable = document.majMembre.portable.value;
	
	var utilisateur = document.majMembre.utilisateur.value;
	var motDePasse = document.majMembre.motDePasse.value;
	var nouveauMotDePasse = document.majMembre.nouveauMotDePasse.value;
	var sitePerso = document.majMembre.sitePerso.value;
	var parcours = document.majMembre.parcours.value;
	var saisie = true;
	var champ = new Array(nom,prenom,email,adresse,npa,localite,telephone,portable);
	var champId = new Array('nom','prenom','email','adresse','npa','localite','telephone','portable');
	//Si email des parents absent il est remplacé par un --
	if($("champEmailParent").className==""){
		var emailParents = document.majMembre.emailParents.value;
		var champ = new Array(nom,prenom,email,emailParents,adresse,npa,localite,telephone,portable);
		var champId = new Array('nom','prenom','email','emailParents','adresse','npa','localite','telephone','portable');
	}
	else
		var emailParents = "--";
	//On vérifie si tous les champs ont été saisie
	saisie = signalerChampsTextVide(champ,champId,saisie,'maj_');
		
	var avertissement = 'Les champs indexés par un * doivent restés ou être renseignés'.fontcolor('blue');
	var contenu = '<div id="majUtilisateur"></div>';
	contenu += '<div id="majMessageRetour">'+avertissement+'</div>';
	contenu += '<form id= "majMembre" name="majMembre">';
	contenu += '<table>';
	contenu += '<tr><td>Nom d\'utilisateur* :</td>';
	contenu += '	<td><input id="maj_utilisateur" name="utilisateur" type="text" maxlength="20" onblur="verifUtilisateur(\'maj_utilisateur\')"/></td></tr>';
	contenu += '<tr><td>Mot de passe Actuel* :</td>';
	contenu += '	<td><input id="maj_motDePasse" name="motDePasse" disabled type="password"/></td></tr>';
	contenu += '<tr><td>Confirmation du mot de passe Actuel* :</td>';
	contenu += '	<td><input id="maj_motDePasseVerif" name="motDePasseVerif" type="password"/></span></td></tr>';
	var libelleNouveauMP = 'Nouveau mot de passe si nécessaire :'.fontcolor('grey'); 
	contenu += '<tr><td>'+libelleNouveauMP+'</td>';
	contenu += '	<td><input id="maj_nouveauMotDePasse" name="nouveauMotDePasse" type="password" maxlength="20"/></td></tr>';
	var libelleNouveauMPConfirm = 'Confirmation du nouveau mot de passe:'.fontcolor('grey');
	contenu += '<tr><td>'+libelleNouveauMPConfirm+'</td>';
	contenu += '	<td><input id="maj_nouveauMotDePasseVerif" name="nouveauMotDePasseVerif" type="password" maxlength="20" onchange="verifMotDePasse(\'maj_nouveauMotDePasse\',\'maj_nouveauMotDePasseVerif\')" /></td></tr>';
	contenu += '<tr><td>Site web personnel :</td>';
	contenu += '	<td><input id="maj_sitePerso" name="sitePerso" type="text" maxlength="50"/></span></td></tr>';
	contenu += '<tr><td>Parcours :</td>';
	contenu += '	<td><textarea id="maj_parcours" name="parcours" cols="40" rows="12"></textarea></td></tr>';
	contenu += '	<td><input type="button", value="Suivant" name="envoi" onclick="verifierEnvoiMAJMembre()" /></td></tr>';
	contenu += '</table>';
	
	contenu += '<input name="titre" type="hidden" value="'+titre+'"/>';
	contenu += '<input name="nom" type="hidden" value="'+nom+'"/>';
	contenu += '<input name="prenom" type="hidden" value="'+prenom+'" />';
	contenu += '<input name="email" type="hidden"value="'+email+'" />';
	contenu += '<input name="jour" type="hidden" value="'+jour+'"/>';
	contenu += '<input name="mois" type="hidden" value="'+mois+'" />';
	contenu += '<input name="annee" type="hidden" value="'+annee+'"/>';
	contenu += '<input name="adresse" type="hidden" value="'+adresse+'"/>';
	contenu += '<input name="npa" type="hidden" value="'+npa+'"/>';
	contenu += '<input name="localite" type="hidden" value="'+localite+'" />';
	contenu += '<input name="telephone" type="hidden"value="'+telephone+'" />';
	contenu += '<input name="portable" type="hidden"value="'+portable+'" />';
	contenu += '</form>';
	if(saisie){
		$('majProfil').update("Mises à jour du profil - Etape 2/3");
		$("MAJ").innerHTML = contenu;
	}
	//remplissage des champs depuis la bdd ou depuis le formulaire de modification
	document.majMembre.utilisateur.value = utilisateur;
	document.majMembre.motDePasse.value = motDePasse;
	document.majMembre.nouveauMotDePasse.value = nouveauMotDePasse;
	document.majMembre.nouveauMotDePasseVerif.value = nouveauMotDePasse;
	document.majMembre.sitePerso.value = sitePerso;
	document.majMembre.parcours.value= parcours;

	
}
//-----------------------------------------Fonction de vérification de saisie totale des champs
function verifierEnvoiMAJMembre(){	
	var titre = document.majMembre.titre.value;
	var nom = document.majMembre.nom.value;
	var prenom = document.majMembre.prenom.value;
	var email = document.majMembre.email.value;
	var jour = document.majMembre.jour.value;
	var mois = document.majMembre.mois.value;
	var annee = document.majMembre.annee.value;
	var sitePerso = document.majMembre.sitePerso.value;
	var parcours = document.majMembre.parcours.value;
	var telephone = document.majMembre.telephone.value;
	var portable = document.majMembre.portable.value;
	var adresse = document.majMembre.adresse.value;
	var npa = document.majMembre.npa.value;
	var localite = document.majMembre.localite.value;
	var utilisateur = document.majMembre.utilisateur.value;
	var motDePasse = document.majMembre.motDePasse.value;
	var motDePasseVerif = document.majMembre.motDePasseVerif.value;
	var nouveauMotDePasse = document.majMembre.nouveauMotDePasse.value;
	var nouveauMotDePasseVerif = document.majMembre.nouveauMotDePasseVerif.value;
	//vérification de saisie des champs
	var champ = new Array(utilisateur,motDePasseVerif);
	var champId = new Array('utilisateur','motDePasseVerif');
	var saisie = true;
	saisie = signalerChampsTextVide(champ,champId,saisie,'maj_');
	if(motDePasse !=  motDePasseVerif){
		alert("La verification du mot de passe a échoué. Veuillez SVP introduire le même mot de passe...");
		$('maj_motDePasseVerif').style.backgroundColor = "red";
		$('maj_motDePasseVerif').value = "";
		saisie = false;
	}
	else
		$('maj_motDePasseVerif').style.backgroundColor = "white";
		
	if(nouveauMotDePasse !=  nouveauMotDePasseVerif){
		alert("La confirmation du nouveau mot de passe n'est pas correcte. Veuillez SVP introduire le bon...");
		$('maj_nouveauMotDePasse').style.backgroundColor = "red";
		$('maj_nouveauMotDePasseVerif').style.backgroundColor = "red";
		$('maj_nouveauMotDePasse').value = "";
		$('maj_nouveauMotDePasseVerif').value = "";
		saisie = false;
	}
	else{
		$('maj_nouveauMotDePasse').style.backgroundColor = "white";
		$('maj_nouveauMotDePasseVerif').style.backgroundColor = "white";
	}		
	if(parcours == "")
		parcours = "Non renseigné";
	
	//Construction de la table de vérification  
	if(saisie){
		
		$("MAJ").update("");
		var dateNaissance = jour+" "+mois+" "+annee;
				
		//élément à tranmettre par Ajax à la bdd
		var menu = 'Membres'; 
		var page = 'liste des membres';
		var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
		var idDiv = 'majMessageRetour';
		$('majProfil').update("Mises à jour du profil - Etape 3/3");
		
		//Mise en place de l'affichage pour la vérification
		var td1 = Builder.node("td","Titre :");	var td2 = Builder.node("td",titre);	
		var tr0 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Nom :");	var td2 = Builder.node("td",nom);	
		var tr1 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Prénom :");	var td2 = Builder.node("td",prenom);	
		var tr2 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Email :");	var td2 = Builder.node("td",email);	
		var tr3 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Date de naissance :");	var td2 = Builder.node("td",dateNaissance);	
		var tr4 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Nom d'utilisateur :");	var td2 = Builder.node("td",utilisateur);	
		var tr5 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Site web personnel :");	var td2 = Builder.node("td",sitePerso);	
		var tr6 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Parcours :");	var td2 = Builder.node("td",parcours);	
		var tr7 = Builder.node("tr",[td1,td2]);
		//on n'affiche pas les mots de passe
		var td1 = Builder.node("td","Ancien Mot de Passe :");	var td2 = Builder.node("td",motDePasse);	
		var tr8 = Builder.node("tr",[td1,td2]);
		if(nouveauMotDePasse !=""){
			alert("Vous êtes sur le point de changer votre mot de passe. Ceci prendra effet lorsque vous cliquerez sur 'Enregistrer' de la prochaine étape!");
			var pass = nouveauMotDePasse;	
		}
		else{ 
			nouveauMotDePasse = "--"; 
			var pass = motDePasse; 
		}
		var td1 = Builder.node("td","Nouveau Mot de Passe :");	var td2 = Builder.node("td",nouveauMotDePasse);
		var tr9 = Builder.node("tr",[td1,td2]);
		var pass = nouveauMotDePasse;
		
		var td1 = Builder.node("td","Adresse :");	var td2 = Builder.node("td",adresse);	
		var tr10 = Builder.node("tr",[td1,td2]);
		
		var residence = npa+' '+localite
		var td1 = Builder.node("td","NPA / Localite:");	var td2 = Builder.node("td",residence);	
		var tr11 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Téléphone :");	var td2 = Builder.node("td",telephone);	
		var tr12 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Portable :");	var td2 = Builder.node("td",portable);	
		var tr13 = Builder.node("tr",[td1,td2]);
		
		adresse = echapperCaract(adresse);
		parcours = echapperCaract(parcours);
		var enregistrer = {type : "button",	value: "Enregistrer",
			onclick:"contenuAjax('"+url+"','"+idDiv+"',{majProfil:1,page:'"+page+"',titre:'"+titre+"',nom:'"+nom+"',prenom:'"+prenom+"',"
				 +"email:'"+email+"',jour:'"+jour+"',mois:'"+mois+"',annee:'"+annee+"',user:'"+utilisateur+"',pass:'"+pass+"',"
				 +"sitePerso:'"+sitePerso+"',parcours:'"+parcours+"',adresse:'"+adresse+"',npa:'"+npa+"',localite:'"+localite+"',"
				 +"telephone:'"+telephone+"',portable:'"+portable+"'},0,'"+menu+"')"};
		var enregistrerInput = Builder.node("input",enregistrer);
		var td1 = Builder.node("td",enregistrerInput);
		//alert("Test technique : Mise en place du tableau (après onclick) des donneés");
		//parametre : 14 : nombre de champs, et indice dans tableaux 
		//0 : titre, 5: dateNaissance, 
		var revenir = {	type : "button",value: "Revenir en arrière",onclick:"modificationMAJMembreForm(14,0,4)"};
		var revenirInput = Builder.node("input",revenir);
		var td2 = Builder.node("td", revenirInput);
		var tr14 = Builder.node("tr",[td1,td2]);		
		
		var tbody = Builder.node("tbody",[tr0,tr1,tr2,tr3,tr4,tr5,tr6,tr7,tr8,tr9,tr10,tr11,tr12,tr13,tr14]);
		var table = Builder.node("table",{
			id:"table_confirmation"
			},[tbody]);
		$("MAJ").appendChild(table);
	}
	else
		alert("veuillez completez tous les champs SVP...");
	
		
}
//fonction remplaçat ' par \'
function echapperCaract(chaine){
	for (var i=0;i<chaine.length;i++) {
	if(chaine.charCodeAt(i) == 10 || chaine.charCodeAt(i) == 13)
		var reg=new RegExp(chaine.charAt(i), "g");
		chaine = chaine.replace(reg,"<br>");
	}
	var reg=new RegExp("'", "g");
	var retour = chaine.replace(reg,"\\'");
	return retour;
}

//insertion des données postée dans le formulaire pour modification
function modificationMAJMembreForm(nbrCellules,titreIndex,dateNaissanceIndex){ 
		//Récupération des données de la table de vérification
	var table = $("table_confirmation");
	//var tablebody = table.getElementsByTagName("tbody")[0];
	var valeurTab = new Array();
	for(var i=0 ; i<nbrCellules; i++){ 
		row  = table.getElementsByTagName("tr")[i];
		valeur = row.getElementsByTagName("td")[1].firstChild.data;
		/*var reg=new RegExp("(:)", "g");
		cle = cle.replace(reg,"").strip();*/
		if(row.length == 1)
			valeur = "-";
		valeurTab[i] = valeur.strip();
	}
	
	//rechargement du formulaire
	majMembreForm(0);
	//Rechargement des valeur entrées	
	document.majMembre.nom.value = valeurTab[1];
	document.majMembre.prenom.value= valeurTab[2];
	document.majMembre.email.value= valeurTab[3];
	document.majMembre.utilisateur.value= valeurTab[5];
	document.majMembre.sitePerso.value= valeurTab[6];
	document.majMembre.parcours.value= valeurTab[7];
	//si pas de nouveau de passe saisie on le remplace par ""
	if(valeurTab[7] == valeurTab[9])
		valeurTab[7] = ""; 
	document.majMembre.motDePasse.value= valeurTab[8];
	if(valeurTab[8] == "--")
		valeurTab[8] = "";
	document.majMembre.nouveauMotDePasse.value= valeurTab[9];
	document.majMembre.adresse.value= valeurTab[10];
	var localiteTab = extractionSegment(valeurTab[11]," ");
	document.majMembre.npa.value= localiteTab[0] ;
	document.majMembre.localite.value= localiteTab[1];
	document.majMembre.telephone.value= valeurTab[12];
	document.majMembre.portable.value= valeurTab[13];
	
	//extration du titre
	var titre = valeurTab[titreIndex];
	if(titre == "M.")
		document.majMembre.titre[0].checked = true;
	else
		document.majMembre.titre[1].checked = true; 
	
	//extraction de la date de naissance
	var dateNaissance = valeurTab[dateNaissanceIndex];
	var reg = new RegExp(" ", "g");
	var dateNaissanceTab = dateNaissance.split(reg);
	
	$('maj_jour').options[$('maj_jour').selectedIndex].text = dateNaissanceTab[0];
	$('maj_mois').options[$('maj_mois').selectedIndex].text = dateNaissanceTab[1];
	$('maj_annee').options[$('maj_annee').selectedIndex].text = dateNaissanceTab[2];
	
	
}


//-----------------------------------------Fonction de validation des mots de passe
function identifier() {
	var menu = $("infoMenu").innerHTML;
	var utilisateur = document.identification.utilisateur.value;
	var motDePasse = document.identification.motDePasse.value;
	//toutes les pages sécurisé ont un parametre secure égale 1. Le forum n'a pas de sous-menu
	
	var page = $('infoSousMenu').innerHTML;
	var url = '/utilitaire_php/ajaxTriathlon.php';
	//mémoire du mot de passe et du nom d'utilisateur
	var memoriser = 0;
	var param = { utilisateur: utilisateur, motDePasse : motDePasse};
	o_options = new Object();
	o_options = {method:'post', parameters:param,
	onSuccess: function (xmlHttp){
		var resultat = xmlHttp.responseText; //alert(page+"("+resultat.strip()+")"+menu);
		if(page == 'forum')
			tousLesMessages();
		else if(page =='flash')
			flashForm();
		else if(page =='presences')
			afficherFrequentation('','','Toutes les disciplines','Tous les groupes',0);
		else
		  pageSecurisee(page);
	 		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);	
	
}

//-----------------------------------------Fonction affichant le formulaire d'identification
function identificationForm(){
	var contenu = '<div id="identification_message"></div>';
	contenu += '<form onSubmit="identifier();return false;" name="identification">';
	contenu +='<table width="100%" >';
	contenu += '<tr><td align="right"><label>Utilisateur</label></td><td><input name="utilisateur" type="text" maxlength="20"/></td></tr>';
	contenu += '<tr><td align="right"><label>Mot de passe</label></td><td><input name="motDePasse"  type="password" maxlength="20" /></td></tr>';
	contenu += '<tr><td></td><td align="left"><input name="Identifier" type="submit" value="identifier" return false;" /></td></tr>';
	contenu += '<tr><td></td><td align="left"><a href="#" onclick="oublierUserPassForm(\'utilisateur\');return false;" >Oublié le nom d\'utilisateur?</a></td></tr>';
	contenu += '<tr><td></td><td align="left"><a href="#" onclick="oublierUserPassForm(\'motDePasse\');return false;" >Oublié le mot de passe?</a></td></tr>';
	contenu += '<tr><td></td><td align="left"><a href="/contact/" >Vous n\'êtes pas inscrit?</a></td></tr>';
	contenu +='</tr></table></form>';
	$("identForm").update(contenu);
	
}
function oublierUserPassForm(demande){
	var avertissement = 'Saisisez SVP les champs requis et votre requête vous sera envoyée à votre adresse email.'.fontcolor('blue');;
	
	var contenu = '<div id="o_confirmationEnvoi">'+avertissement+'</div>';
	contenu += '<form id= "oubliPassUser" name="oubliPassUser">';
	contenu += '<table>';
	contenu += '<tr><td><span class="Invisible" id="o_libelleUtilisateur">Nom d\'utilisateur</span></td>';
	contenu += '	<td ><span class="Invisible" id="o_champUtilisateur"><input id="o_utilisateur" name="utilisateur" type="text" size="20" maxlength="20" /></span></td></tr>';
	contenu += '<tr><td></td>';
	contenu += '	<td><input id="o_demande" name="demande" type="hidden" value="'+demande+'" size="20" maxlength="20" /></td></tr>';
	contenu += '<tr><td>Votre Email :</td>';
	contenu += '	<td><input id="di_email" name="email" type="text" size="40" maxlength="40" onchange="verifEmail(document.demandeInfos.email.value);"/></td></tr>';
	contenu += '<tr><td></td>';
	contenu += '	<td><input type="button", value="Envoyer"  name="suivant" onclick="oublierUserPass()" /></td></tr>';
	contenu += '</table>';
	contenu += '</form>';
	regulationAffichage("identForm");
	$("identForm").update(contenu);
	if(demande=='motDePasse'){
		$("o_libelleUtilisateur").className = "";
		$("o_champUtilisateur").className = "";
	}
	else{
		$("o_libelleUtilisateur").className = "Invisible";
		$("o_champUtilisateur").className = "Invisible";
	}
		
}

function oublierUserPass(){
	var demande = document.oubliPassUser.demande.value;
	var utilisateur = document.oubliPassUser.utilisateur.value;
	var email = document.oubliPassUser.email.value;
	if(demande == "motDePasse")
		var param = {demande:demande,email:email,utilisateur:utilisateur};
	else 
		var param = {demande:demande,email:email};
	
	var url = $("infoURL").innerHTML+"email.php";
	o_options = new Object();
	o_options = {method:'post', parameters:param,
	onSuccess: function (xmlHttp){
		var resultat = xmlHttp.responseText;
		identificationForm();
		$('identification_message').update(resultat);
		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);
		
}
//-----------------------------------------Fonction affichant le formulaire de demande d'info
function demandeInfosForm(){
	//on cache le formulaire s'il est affiché et on affiche la balise du formulaire
	regulationAffichage("conteneurTexte");
			
	$('barreTitre').update("Demande d\'infos - Etape 1/2");
	var avertissement = 'Les champs indexés d\'un * doivent être saisis avec au minimum de 3 caractères'.fontcolor('blue');
	var contenu = '<div id="confirmationEnvoi">'+avertissement+'</div>';
	contenu += '<form id= "demandeInfos" name="demandeInfos">';
	contenu += '<table>';
	contenu += '<tr><td>Titre* :</td>';
	contenu += '	<td id="di_titre"><input type="radio" name="titre" value="M.">M. <input type="radio" name="titre" value="Mme.">Mme.</td></tr>';
	contenu += '<tr><td>Nom* :</td>';
	contenu += '	<td><input id="di_nom" name="nom" type="text" size="20" maxlength="20" /></td></tr>';
	contenu += '<tr><td>Prenom* :</td>';
	contenu += '	<td><input id="di_prenom" name="prenom" type="text"size="20" maxlength="20" /></td></tr>';
	contenu += '<tr><td>Email* :</td>';
	contenu += '	<td><input id="di_email" name="email" type="text" size="40" maxlength="40" onchange="verifEmail(document.demandeInfos.email.value);"/></td></tr>';
	contenu += '<tr><td>Sujet* :</td>';
	contenu += '	<td><input id="di_sujet" name="sujet" type="text" size="60" maxlength="60" /></td></tr>';
	contenu += '<tr><td>Message* :</td>';
	contenu += '	<td><textarea id="di_message" name="message" cols="60" rows="12"></textarea></td></tr>';
	contenu += '<tr><td></td>';
	contenu += '	<td><input type="button", value="Suivant"  name="suivant" onclick="verifierDemandeInfos()" /></td></tr>';
	contenu += '</table>';
	contenu += '</form>';
	regulationAffichage("conteneurTexte");
	$("conteneurTexte").update(contenu);
}
//-----------------------------------------Fonction de vérification de saisie totale des champs
function verifierDemandeInfos(){	
	var titreM = document.demandeInfos.titre[0].checked;
	var titreMme = document.demandeInfos.titre[1].checked;
	var nom = document.demandeInfos.nom.value;
	var prenom = document.demandeInfos.prenom.value;
	var email = document.demandeInfos.email.value;
	var sujet = document.demandeInfos.sujet.value;
	var message = document.demandeInfos.message.value;
	//vérification de saisie des champs
	var saisie = true;
	var titre = "";
	if(titreM)
		titre = "M.";
	else if(titreMme)
		titre = "Mme.";
	if(titre ==""){
		$("di_titre").style.backgroundColor = "red";
		saisie = false;
	}
	else
		$("di_titre").style.backgroundColor = "";
	var champ = new Array(nom,prenom,email,sujet,message);
	var champId = new Array('nom','prenom','email','sujet','message');
	saisie = signalerChampsTextVide(champ,champId,saisie,'di_');
				
	//Construction de la table de vérification  
	if(saisie){
		$("conteneurTexte").update("");
		var titre = "Mme.";
		if(titreM)
			titre = "M.";
		
		//élément à tranmettre par Ajax à la bdd
		var menu = 'Membres'; 
		var page = 'demande infos';
		var url = $("infoURL").innerHTML+"email.php";
		var idDiv = 'confirmationEnvoi';
		$('barreTitre').update("Membres : demande d\'infos - Etape 2/2");
		
				
		//Mise en place de l'affichage pour la vérification
		var td1 = Builder.node("td","Titre :");	var td2 = Builder.node("td",titre);	
		var tr0 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Nom :");	var td2 = Builder.node("td",nom);	
		var tr1 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Prénom :");	var td2 = Builder.node("td",prenom);	
		var tr2 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Email :");	var td2 = Builder.node("td",email);	
		var tr3 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Sujet :");	var td2 = Builder.node("td",sujet);	
		var tr4 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("td","Texte :");	var td2 = Builder.node("td",message);	
		var tr5 = Builder.node("tr",[td1,td2]);
		
		var td1 = Builder.node("input",{
				type : "button",
				value: "Envoyer l\'email",
				onclick:"contenuAjax('"+url+"','"+idDiv+"',{page:'"+page+"',titre:'"+titre+"',nom:'"+nom+"',prenom:'"+prenom+"',"
							 +"email:'"+email+"',sujet:'"+sujet+"',"
							 +"message:'"+message+"'},0,'"+menu+"')"
			}
		);	
		var td2 = Builder.node("input",{
				type : "button",
				value: "Modifier",
				//parametre : 6 : nombre de champs, et indice dans tableaux 
				//0 : titre
				onclick:"modificationDemandeInfosForm(6,0)"
			}
		);
		var tr6 = Builder.node("tr",[td1,td2]);
		var tbody = Builder.node("tbody",[tr0,tr1,tr2,tr3,tr4,tr5,tr6]);
		var table = Builder.node("table",{
			id:"di_table_confirmation"
			},[tbody]);
		$("conteneurTexte").appendChild(table);
	}
	else
		return;
	
		
}

//insertion des données postée dans le formulaire pour modification
function modificationDemandeInfosForm(nbrCellules,titreIndex){
	//Récupération des données de la table de vérification
	table = $("di_table_confirmation");
	//tablebody = table.getElementsByTagName("tbody")[0];
	var valeurTab = new Array();
	for(var i=0 ; i<nbrCellules; i++){ 
		row  = table.getElementsByTagName("tr")[i];
		valeur = row.getElementsByTagName("td")[1].firstChild.data;
		/*var reg=new RegExp("(:)", "g");
		cle = cle.replace(reg,"").strip();*/
		if(row.length == 1)
			valeur = "-";
		valeurTab[i] = valeur.strip();
	}
	
	//rechargement du formulaire
	demandeInfosForm();
	
	//Rechargement des valeur entrées	
	document.demandeInfos.nom.value = valeurTab[1] ;
	document.demandeInfos.prenom.value= valeurTab[2];
	document.demandeInfos.email.value= valeurTab[3];
	document.demandeInfos.sujet.value= valeurTab[4];
	document.demandeInfos.message.value= valeurTab[5];
	
	for(var i=0 ; i<nbrCellules; i++){ 
		var valeurChamp = valeurTab[i];
		if(i == titreIndex){
			if(valeurChamp == "M.")
				document.demandeInfos.titre[0].checked = true;
			else
				document.demandeInfos.titre[1].checked = true;
		}
		
	}
}


//-----------------------------------------Fonction de choix d'affichage de rubriques dans la liste des membres
function rubriqueOption(valeur){
	var menu = "Membres";
	var page = "liste des membres";
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	var idDiv = "listeMembres";
	var statut = $("statut_liste").innerHTML;
	var groupe = $("groupe_liste").innerHTML;
	var parametres = { page : "liste des membres", statut_liste : statut,groupe_liste:groupe, rubrique_liste: valeur};
	contenuAjax(url,idDiv, parametres,0,menu);
	$('rubrique_liste').update(valeur);
																																		//alert('Rubrique: '+valeur+'/statut: '+valeur+'/groupe: '+groupe);
}

//-----------------------------------------Fonction de choix d'affichage des membres en fonction du statut
function statutOption(valeur){ 
	var menu = "Membres";
	var page = "liste des membres";
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	var idDiv = "listeMembres";
	var rubrique = $("rubrique_liste").innerHTML;
	var groupe = $("groupe_liste").innerHTML;
																															//alert('rubrique: '+rubrique+'/statut: '+valeur+'/groupe: '+groupe);
	var parametres = { page : "liste des membres", rubrique_liste: rubrique, groupe_liste:groupe,statut_liste: valeur};
	contenuAjax(url,idDiv, parametres,0,menu);
	$("statut_liste").update(valeur);
}
//-----------------------------------------Fonction de choix d'affichage des membres en fonction du groupe
function groupeOption(valeur){
	var menu = "Membres";
	var page = "liste des membres";
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	var idDiv = "listeMembres";
	var rubrique = $("rubrique_liste").innerHTML;
	var statut = $("statut_liste").innerHTML;
	var parametres = { page : "liste des membres", rubrique_liste: rubrique, statut_liste : statut, groupe_liste: valeur};
	contenuAjax(url,idDiv, parametres,0,menu);
	$("groupe_liste").update(valeur);
}
//-----------------------------------------Fonction de MAJ de privilege des membres (réservé aux membres ayant un privilège élevé)
function privilegeMAJ(id){
	var idSelect = "privilege"+id;
	var privilege = $(idSelect).options[$(idSelect).selectedIndex].text;
	var idSpanNom = "nom"+id;
	var idSpanPrenom = "prenom"+id;
	var elementSpanNom = $(idSpanNom);
	var elementSpanPrenom = $(idSpanPrenom);
	var nom = elementSpanNom.innerHTML;
	var prenom = elementSpanPrenom.innerHTML;
	var qui = prenom+" "+nom;
	var texte = "Voulez-vous modifier le privilege d'accès de "+prenom+" "+nom+"?";
	var menu = "Membres";
	var page = "liste des membres";
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	var idDiv = "listeMembres";
	if(confirm(texte))
		var parametres = { page : "liste des membres",rubrique_liste: "privilege", idMembre: id, privilege : privilege};
	else
		var parametres = { page : "liste des membres", rubrique_liste: "privilege"};
	contenuAjax(url,idDiv, parametres,0,menu);
	$("rubrique_liste").update("privilege");
}

//-----------------------------------------Fonction de MAJ de statut des membres (réservé aux membres ayant un privilège élevé)
function statutMAJ(id){
	var idSelect = "statut"+id;
	var statut_liste = $(idSelect).options[$(idSelect).selectedIndex].text;
	var idSpanNom = "nom"+id;
	var idSpanPrenom = "prenom"+id;
	var elementSpanNom = $(idSpanNom);
	var elementSpanPrenom = $(idSpanPrenom);
	var nom = elementSpanNom.innerHTML;
	var prenom = elementSpanPrenom.innerHTML;
	var qui = prenom+" "+nom;
	var texte = "Voulez-vous modifier le statut de "+prenom+" "+nom+"?";
	var menu = "Membres";
	var page = "liste des membres";
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	var idDiv = "listeMembres";
	if(confirm(texte))
		var parametres = { page : "liste des membres", rubrique_liste: "statut",idMembre: id, statut_liste: statut_liste};
	else
		var parametres = { page : "liste des membres", rubrique_liste: rubrique_liste};
	contenuAjax(url,idDiv, parametres,0,menu);
	$("rubrique_liste").update("statut");
	
}
//-----------------------------------------Fonction de MAJ de groupe des membres (réservé aux membres ayant un privilège élevé)
function groupeMAJ(id){
	var idSelect = "groupe"+id;
	var groupe_liste = $(idSelect).options[$(idSelect).selectedIndex].text;
	var idSpanNom = "nom"+id;
	var idSpanPrenom = "prenom"+id;
	var elementSpanNom = $(idSpanNom);
	var elementSpanPrenom = $(idSpanPrenom);
	var nom = elementSpanNom.innerHTML;
	var prenom = elementSpanPrenom.innerHTML;
	var qui = prenom+" "+nom;
	var texte = "Voulez-vous modifier le groupe de "+prenom+" "+nom+"?";
	var menu = "Membres";
	var page = "liste des membres";
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	var idDiv = "listeMembres";
	if(confirm(texte))
		var parametres = { page : "liste des membres", rubrique_liste: "groupe",idMembre: id, groupe_liste: groupe_liste};
	else
		var parametres = { page : "liste des membres", rubrique_liste: rubrique_liste};
	contenuAjax(url,idDiv, parametres,0,menu);
	$("rubrique_liste").update("groupe");
	
}


//-----------------------------------------Fonction de MAJ de durée de session des membres (réservé aux membres)
function sessionMAJ(id){
	var idSelect = "session"+id;
	var sessionTexte = $(idSelect).options[$(idSelect).selectedIndex].text;
	var session = $(idSelect).options[$(idSelect).selectedIndex].value;
	var texte = "Voulez-vous modifier la durée de votre session?";
	var menu = "Membres";
	var page = "liste des membres";
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	var idDiv = "listeMembres";
	var statut = $("statut_liste").innerHTML;
	var groupe = $("groupe_liste").innerHTML;
	if(confirm(texte))
		var parametres = { page : "liste des membres", statut_liste:statut,groupe_liste:groupe, rubrique_liste: "dureeSession", session: session, sessionTexte: sessionTexte};
	else
		var parametres = { page : "liste des membres", statut_liste:statut,groupe_liste:groupe, rubrique_liste: "dureeSession"};
	contenuAjax(url,idDiv, parametres,0,menu);
	$("rubrique_liste").update("session");
	
}
//-----------------------------------------Fonction de MAJ de la taille de police personnalisée des membres (réservé aux membres)
function policeMAJ(id){
	var idSelect = "police"+id;
	var police = $(idSelect).options[$(idSelect).selectedIndex].text;
	var texte = "Voulez-vous modifier votre taille de police d'affichage?";
	var menu = "Membres";
	var page = "liste des membres";
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	var idDiv = "listeMembres";
	var statut = $("statut_liste").innerHTML;
	var groupe = $("groupe_liste").innerHTML;
	if(confirm(texte))
		var parametres = { page : "liste des membres",statut_liste:statut,groupe_liste:groupe,rubrique_liste: "tailleTexte", police: police};
	else
		var parametres = { page : "liste des membres",statut_liste:statut,groupe_liste:groupe, rubrique_liste: "tailleTexte"};
	contenuAjax(url,idDiv, parametres,0,menu);
	$("rubrique_liste").update("police");
	$("vertical_container").style.fontSize = police;
}
//-----------------------------------------Fonction appellées depuis chaque page pour appliquer la taille de police personnalisée du membre connecté
function tailleTexte(id){
	var valeur = $("tailleTexte").innerHTML;
	$(id).style.fontSize = valeur;
}
//-----------------------------------------Fonction de tri de la liste des membres
function trier(id){
	var idSpan = "libelle"+id;
	var elementSpanlibelle = $(idSpan);
	var libelle_liste = elementSpanlibelle.innerHTML;
	var tri_liste = $("tri_liste").innerHTML;
	var libelle_liste_trie = $("libelle_liste").innerHTML;
	
	var libelle_liste_pre = $("libelle_liste_precedant").innerHTML;
	if(tri_liste == 'up' && libelle_liste_trie == libelle_liste)
		$("tri_liste").update('down');
		
	if(tri_liste == 'down' && libelle_liste_trie == libelle_liste)
		$("tri_liste").update('up');
	//cette condition permet d'assuer le tri ascenant et descendant même en cliquant 
	//plusieurs fois sur le libelle. C'est en stocquant la valeur du libellé du précédant tri
	// que l'on compare avec la valeur du libellé du tri actuel. S'il y a changement on force
	//un tri descendant (contraire à la valeur stocqué dans la balise tri_liste et insère up dans la balise
	if(libelle_liste_trie.strip() != libelle_liste_pre.strip()){
			tri_liste = 'down';
			$("tri_liste").update('up');//alert("-"+libelle_liste_trie.strip()+"-"+libelle_liste_pre.strip()+"-");
	}
	$("libelle_liste").update(libelle_liste);
	var elementSpanRubrique = $("rubriqueSupplementaire");
	var rubrique_liste = elementSpanRubrique.innerHTML;
	var statut = $('statut_liste').innerHTML;
	var groupe = $("groupe_liste").innerHTML;
	var menu = "Membres";
	var page = "liste des membres";
	var url = $("infoURL").innerHTML+"ajaxTriathlon.php";
	var idDiv = "listeMembres";
	var parametres = { page : page, libelle_liste: libelle_liste, tri_liste:tri_liste, rubrique_liste: rubrique_liste,statut_liste:statut,groupe_liste:groupe};
	contenuAjax(url,idDiv, parametres,0,menu);
	$("libelle_liste_precedant").update(libelle_liste_trie);
}

//-----------------------------------------Fonction de deconnexion des pages sécurisées
function deconnecter(fichier){
	//$("deconnexion").className = "Invisible";
	//le chiffre 0 indique qu'il s'agit d'une page dynamique
	
	var url = $("infoURL").innerHTML+fichier;
	var idDiv = "deconnexion";
	var parametres = { deconnecter : "true"};
	o_options = new Object();
	o_options = {method:'post', parameters:parametres,
	onSuccess: function (xmlHttp){
	  $("deconnexion").update('');
	  $('nomUtilisateur').update('');
	  regulationAffichage("identForm");
	  identificationForm();
		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);
	
}
//-----------------------------------------Fonction de selection globale des cases à cocher pour email
function toutSelectionner(nombreEmails){
	//var police = document.listeMembres.elements[id].options[document.listeMembres.elements[id].selectedIndex].value;
	//var nombreEmail = document.listeMembres.email.length;
	var rubriqueEnCours = $('rubrique_liste').innerHTML;
	
	if(rubriqueEnCours =='email')
		var emailGroupe = $('emailsGroupes').checked;
	else
		var emailGroupe = $('emailParentsGroupes').checked;
	if(emailGroupe == true){ 
		for(var i=1;i<= nombreEmails;i++){
			if(rubriqueEnCours =='emailParents')
				var email = 'emailParents'+i;
			else
				var email = 'email'+i;
			//on verifie si l'email est valable	
			if($(email).value !='--' && $(email).value !='')
				$(email).checked = true;
		}
	}
	else{
		for(var i=1;i<= nombreEmails;i++){
			if(rubriqueEnCours =='emailParents')
				var email = 'emailParents'+i;
			else
				var email = 'email'+i;
			$(email).checked = false;
		}
	}
}
//-----------------------------------------Fonction d'envoi d'email à travers le logiciel mail local
function envoyerEmail(nombreEmails){
	//on lit la rubrique en cours stocquée dans les balises span
	var rubriqueEnCours = $('rubrique_liste').innerHTML;
	var emails = "";
	var nombreEmailsEnvoyes = 0;
	for(var i=1;i<= nombreEmails;i++){
		//on teste le contenu de rubrique : emailParents ou email
		if(rubriqueEnCours =='emailParents')
			var email = 'emailParents'+i;
		else
			var email = 'email'+i;
		
		if($(email).checked == true){
			nombreEmailsEnvoyes++;
			// a chaque nouveau email on fait une séparation 
			if(nombreEmailsEnvoyes != 1)
				emails += ",";
			emails += $(email).value;
			
		}
	}
	if(rubriqueEnCours =='emailParents'){
		$('emailParentsGroupes').checked = true;
		$('emailParentsGroupes').value = emails; 

	}
	else{
		$('emailsGroupes').checked = true;
		$('emailsGroupes').value = emails; 
	}
	location.href="mailto:"+emails;
	
}
//-----------------------------------------Fonction d'affichage de photo du membre lorsque la souris survol les photos
function montrerPhoto(idMembre){
	var url = $('infoURL').innerHTML+"chargementPhotoLM.php";
	var param = {idMembre:idMembre};
	o_options = new Object();
	o_options = {method:'post', parameters:param,
	onSuccess: function (xmlHttp){
		var resultat = xmlHttp.responseText.strip();
		$('menuVertical').style.display = 'none';
		$('photoMembre').style.display = 'block';
		var lien = '<div class="img-shadow" ><img src="/mesimages/images_profil/'+resultat+'"  border="0"></div>';
		$('photoMembre').update(lien);
		
		
	}};
	
	var laRequete = new Ajax.Request(url,o_options);
	
}
//-----------------------------------------Fonction de masquage de la photo en cours
function cacherPhoto(){
	$('photoMembre').style.display = 'none';
	$('menuVertical').style.display = 'block';
	
}
//on sépare une chaine en deux segments de part et d'autre du séparateur. 
function extractionSegment(chaine,separateur){
	var reg1=new RegExp(separateur,"g");
	if (chaine.match(reg1)) {
 		var reg=new RegExp(separateur, "g");
		var chaineTab = chaine.split(reg);
	}
	else
		chaineTab=Array(0,0);
	return chaineTab;
		
}