/* fonction de recupération d'une liste de boutons qui fonctionne sous ie */
	function getElementsByName_iefix(tag, name) {
		var elem=document.getElementsByTagName(tag);
		var arr=new Array();
		for(i=0,iarr=0; i < elem.length; i++) {
			att=elem[i].getAttribute("name");
			if(att == name) {
				arr[iarr]=elem[i];
				iarr++;
			}
		}
		return arr;
	}
	
	
	/* création de la Div du choix de voeux étape 2*/
	function etape2() {
		var radioType = getElementsByName_iefix("input","question_etape1");
		var id = 0;
		for (var cpt = 0 ; cpt < radioType.length ; cpt++) {
			if (radioType[cpt].checked) {
				id = radioType[cpt].value;
			}
		}
		
		var subsidiaire = new Array();
		var texte_voeux = "";
		if (id != 0) {
			/* y a-t-il une question subsidiaire ? */
			for (var i=0 ; i<voeux_promo.length ; i++) {
				if (voeux_promo[i][2] == id) {
					subsidiaire.push(voeux_promo[i][1]);
				}
			}
		} 
			
		/* voeux en une étape, on doit mettre le champs "voeux_choisis" à jour */
		var tmp = document.getElementById("voeux_choisis");
		for (var i=0 ; i<voeux_promo.length ; i++) {
			if (voeux_promo[i][0] == id) {
				tmp.value=voeux_promo[i][1];
				document.getElementById("texte_voeu").value = tmp.value;
			}
		}		
		
		
		
		if (subsidiaire.length != 0) {
			/* il y a une question subsidiaire */
			var divancienne = document.getElementById("un");
			divancienne.style.display="none";
			
			var div = document.getElementById("deux");
			div.style.display="block";
			div.innerHTML="";
			
			var span = document.createElement("span");
			span.style.color="white";
			var u = document.createElement("b");
			u.innerHTML="Plus précisément ?<br />";
			span.style.marginLeft = "10px";
			span.appendChild(u);
			div.appendChild(span);
			var br = document.createElement("br");
			div.appendChild(br);
			
			var table = document.createElement("table");
			table.width="90%";
			table.border="0";
			div.appendChild(table);
			
			var tbody = document.createElement("tbody");
			table.appendChild(tbody);
			
			for (var j=0; j<subsidiaire.length ; j++) {
				
				var tr = document.createElement("tr");
				tbody.appendChild(tr);
				
				var td = document.createElement("td");
				td.width="25";
				tr.appendChild(td);
				var radio = document.createElement("input");
				if(document.all){radio=document.createElement("<input name='question_etape2'>");}
				radio.type="checkbox";
				radio.style.cursor="pointer";
				radio.name="question_etape2";
				radio.value=subsidiaire[j];
				radio.onclick = etapePrenom;
				td.style.paddingLeft = "30px";
				td.appendChild(radio);
				
				var td2 = document.createElement("td");
				span = document.createElement("span");
				var font = document.createElement("font");
				font.color="white";
				font.size="2";
				
				font.innerHTML=subsidiaire[j];
				td2.width="380";
				span.appendChild(font);
				td2.appendChild(span);
				tr.appendChild(td2);
								
			} 
			
			br = document.createElement("br");
			div.appendChild(br);
			span = document.createElement("span");
			span.style.color="white";
			span.style.fontSize = "11px";
			var em = document.createElement("em");
			em.innerHTML="<br /><br /><center>Vous devez cocher une case pour continuer<center><br /><br /><br />";
			span.appendChild(em);
			div.appendChild(span);
			
		} else {
			etapePrenom();
		}
		
		
	}
	
	/* création de la div du choix du prénom si besoin */
	function etapePrenom() {
	
		var version = 0;
			
		if (navigator.appVersion.indexOf("MSIE")!=-1)
		{
			temp=navigator.appVersion.split("MSIE");
			version=parseFloat(temp[1]);
		}
		
		var divancienne = document.getElementById("un");
		divancienne.style.display="none";
		
		divancienne = document.getElementById("deux");
		divancienne.style.display="none";
		
		var saisieprenom = 0;
		var id = 0;
		var radioType = getElementsByName_iefix("input","question_etape2");
		for (var cpt = 0 ; cpt < radioType.length ; cpt++) {
			if (radioType[cpt].checked) {
				id = radioType[cpt].value;
			}
		}
		/* si id = 0 , le voeux était en 1 étape, on ne met donc rien à jour */
		var tmp = document.getElementById("voeux_choisis");
		if (id != 0) {
			tmp.value=id;
			document.getElementById("texte_voeu").value = id;
		} 
		
		var cle = tmp.value;
		for (var k=0 ; k<texte_promo.length ; k++) {
			if (texte_promo[k][1] == cle) {
				saisieprenom = texte_promo[k][2];
				break;
			}
		}
		
		
		
		if (saisieprenom == 1) {
			div = document.getElementById("trois");
			div.style.display="block";
			
			var span = document.createElement("span");
			span.style.color = "white";
			span.style.marginLeft = "10px";
			span.innerHTML="Quel est son prenom ?";
			//span.style.marginLeft ="10px";
			div.appendChild(span);
			var br = document.createElement("br");
			div.appendChild(br);
			br = document.createElement("br");
			div.appendChild(br);
			
			var champprenom = document.createElement("input");
			if(document.all){champprenom = document.createElement("<input name='question_prenom'>");}
		
			champprenom.type="text";
			champprenom.name="question_prenom";	
			
			champprenom.size="35";
			champprenom.id="prenomproche";
			if(document.all) 
			{	
				if (version>=8)
					champprenom.style.marginLeft = "10px";
				else
					champprenom.style.marginLeft = "190px";
			}
			
			else champprenom.style.marginLeft = "10px";
			setTimeout(function(){champprenom.focus();},1);
			
			div.appendChild(champprenom);
				
			span = document.createElement("span");
			span.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;";
			div.appendChild(span);
			var bouton1 = document.createElement("input");
			bouton1.onclick = function () {fin_saisie_prenom()};
		    champprenom.onkeypress = function enter(event) { 
															var touche;
															if(!event) var event = window.event;
															
															if (event.keyCode) touche = event.keyCode;
															else touche = event.which;
													
															if(touche == 13) fin_saisie_prenom();
															}
			
			bouton1.type="button";
			bouton1.style.cursor="pointer";
			bouton1.style.width="80px";
			bouton1.style.color="red";
			//bouton1.onclick=fin_saisie_prenom;
			bouton1.value="Validez";
			div.appendChild(bouton1);
			
			br = document.createElement("br");
			div.appendChild(br);
			span = document.createElement("span");
			span.style.color="red";
			var em = document.createElement("em");
			em.innerHTML="<br /><br /><br />";
			span.appendChild(em);
			div.appendChild(span);
			
		}
		else
		{
			var divancienne = document.getElementById("demandeprenom");
			divancienne.style.display="none";
			
			divancienne = document.getElementById("transparent");
			divancienne.style.display="none";
			
			//divancienne = document.getElementById("pseudo");
			//divancienne.style.display="block";
			
			//divancienne = document.getElementById("pseudo");
			//document.getElementById("pseudouser").innerHTML =document.getElementById("saisiprenom").value;
			//divancienne.style.display="block";
			
			//divancienne = document.getElementById("chat_reponse_internaute_attente");
			//divancienne.style.display="block";
			scenario();
		}
		var idd = document.getElementById("voeu");
		idd.options[idd.selectedIndex].text = document.form_v4.voeux_choisis.value.substring(0,20)+"...";
		
		
	}

	
	/* masque la div de choix du prénom une fois que celui-ci est choisi */
	function valid_prenom() {
		alert("okokok");
		if (document.getElementById("prenomproche").value != "") {
			var im = document.getElementById("demandeprenom");
			im.style.display="none";
		}
	}
	

	
	/* fonction de création de la div pour la première étape du choix du voeu */
	function etape(id) {
		
		window.onbeforeunload = unloadvoeu;
		document.getElementById("popuprose2").style.display="none";
		document.getElementById("SelectVoeu").style.display="none";
		document.getElementById("demandeprenom").style.background = "transparent";
		document.getElementById("demandeprenom").style.border = "0px";
		//document.getElementById("demandeprenom").style.backgroundImage = "url()";
		//var idd = document.getElementById("voeu");
		//var id = idd.options[idd.selectedIndex].value;
		//idd.disabled=true;
		var div = document.getElementById("un");
		div.style.display="block";
		document.getElementById("texte_voeu_1").value = voeux_promo[id-1][1];
		div.innerHTML="";
		
		var span = document.createElement("span");
		span.style.color="white";
		var u = document.createElement("b");
		span.style.marginLeft = "10px";
		u.innerHTML="Ce serait quoi exactement :<br />";
		span.appendChild(u);
		div.appendChild(span);
		
		var br = document.createElement("br");
		div.appendChild(br);
		
		var table = document.createElement("table");
		table.width="90%";
		table.border="0";
		div.appendChild(table);
		
		var tbody = document.createElement("tbody");
		table.appendChild(tbody);
		
		for (var j=0; j<voeux_promo.length ; j++) {
	
			if (voeux_promo[j][2] == id) {
				var tr = document.createElement("tr");
				tbody.appendChild(tr);
				var td = document.createElement("td");
				td.width="25";
				tr.appendChild(td);
				var radio = document.createElement("input");
				if(document.all){radio=document.createElement("<input name='question_etape1'>");}
				radio.type="checkbox";
				radio.style.cursor="pointer";
				radio.name="question_etape1";
				radio.id="question_etape1_"+j;
				radio.value=voeux_promo[j][0];
				radio.onclick = etape2;
				td.appendChild(radio);
				td.style.paddingLeft = "30px";
				var td2 = document.createElement("td");
				td2.align="left";
				span = document.createElement("span");
				
				/*var label = document.createElement("label");
				label.for="question_etape1_"+j;
				label.value=voeux_promo[j][1];*/
				
				var font = document.createElement("font");
				font.color="white";
				font.size="2";
							
				font.innerHTML=voeux_promo[j][1];
				td2.width="380";
				//font.appendChild(label);
				span.appendChild(font);
				td2.appendChild(span);
				tr.appendChild(td2);
			}
		}
		
		br = document.createElement("br");
		div.appendChild(br);
		span = document.createElement("span");
		span.style.color="white";
		span.style.fontSize = "11px";
		var em = document.createElement("em");
		em.innerHTML="<br /><br /><center>Vous devez cocher une case pour continuer<center><br /><br /><br />";
		span.appendChild(em);
		div.appendChild(span);
	}
	
	
	/* masque toutes les div de choix du voeu */
	function fin_saisie_prenom() {
	
		if (document.getElementById("prenomproche").value != "") 
		{
			document.getElementById("question_prenom").value = document.getElementById("prenomproche").value;
			var divancienne = document.getElementById("un");
			divancienne.style.display="none";
			
			divancienne = document.getElementById("deux");
			divancienne.style.display="none";
			
			divancienne = document.getElementById("trois");
			divancienne.style.display="none";
			divancienne = document.getElementById("demandeprenom");
			divancienne.style.display="none";
			
			divancienne = document.getElementById("transparent");
			divancienne.style.display="none";
		
			//divancienne = document.getElementById("pseudo");
			//document.getElementById("pseudouser").innerHTML =document.getElementById("saisiprenom").value;
			//divancienne.style.display="block";
			
			//divancienne = document.getElementById("chat_reponse_internaute_attente");
			//divancienne.style.display="block";
			scenario();
		}
		
	}
	
	/* vérifie que le mail a un format cohérant */
	function verif_mail(email) { // vérif validité email par REGEXP
	   var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/
	   return (reg.exec(email)!=null)
	}
	
	function verif_prenom(prenom) {
	   var reg = /^[\sa-z0-9._-]+$/
	   return (reg.exec(prenom)!=null)
	}
	
	/* validation du formulaire avec tous les contrôles nécessaires */
	function validation_formulaire() {
		/* on remet tout en bleu */
		var p = document.getElementById("prenom");
		p.style.color="#000066";
		p = document.getElementById("ddn");
		p.style.color="#000066";
		p = document.getElementById("choix_voeu");
		p.style.color="#000066";
		p = document.getElementById("choix_chiffre");
		p.style.color="#000066";
		p = document.getElementById("choix_email");
		p.style.color="#000066";
		p = document.getElementById("choix_email_confirmation");
		p.style.color="#000066";
		var zone = document.getElementById("zone_erreur");
		zone.innerHTML="";
			
			
			
		var erreur = false;
		if (document.form_v4.prenom.value == "") {
			var p = document.getElementById("prenom");
			p.style.color="red";
			erreur = true;
		}
		
		erreur5 = false;
		if (document.form_v4.prenom.value == "" || ! verif_prenom(document.form_v4.prenom.value)) {
			var p = document.getElementById("prenom");
			p.style.color="red";
			erreur5 = true;
		}
		
		if (document.form_v4.ddn_jour.value == 0 || document.form_v4.ddn_mois.value == 0 || 
			document.form_v4.ddn_annee.value == 0) {
			var p = document.getElementById("ddn");
			p.style.color="red";
			erreur = true;
		}
		
		if (document.form_v4.voeu.value == 0) {
			var p = document.getElementById("choix_voeu");
			p.style.color="red";
			erreur = true;
		}
		
		if (document.form_v4.chiffre1.value == 0 || document.form_v4.chiffre2.value == 0 || 
			document.form_v4.chiffre3.value == 0) {
			var p = document.getElementById("choix_chiffre");
			p.style.color="red";
			erreur = true;
		}
		
		erreur4 = false;
		if (document.form_v4.chiffre1.value == document.form_v4.chiffre2.value ||
			document.form_v4.chiffre1.value == document.form_v4.chiffre3.value ||
			document.form_v4.chiffre2.value == document.form_v4.chiffre3.value) {
			var p = document.getElementById("choix_chiffre");
			p.style.color="red";
			erreur4 = true;
		}
		
		erreur2 = false;
		if (document.form_v4.mail.value == "" || ! verif_mail(document.form_v4.mail.value)) {
			var p = document.getElementById("choix_email");
			p.style.color="red";
			erreur2 = true;
		}
		
		if (document.form_v4.mail2.value == "") {
			var p = document.getElementById("choix_email_confirmation");
			p.style.color="red";
			erreur = true;
		}
		
		erreur3 = false;
		/* on regarde si les 2 emails sont identiques */
		if (document.form_v4.mail.value != document.form_v4.mail2.value) {
			var p = document.getElementById("choix_email_confirmation");
			p.style.color="red";
			p = document.getElementById("choix_email");
			p.style.color="red";
			erreur3 = true;
		}
		
		if (erreur) {
			var zone = document.getElementById("zone_erreur");
			zone.innerHTML="Vous devez saisir toutes les informations";
			return false;
		}
		
		if (erreur2) {
			var zone = document.getElementById("zone_erreur");
			zone.innerHTML="Votre email ne semble pas valide. Merci de le ressaisir.";
			return false;
		}
		
		if (erreur3) {
			var zone = document.getElementById("zone_erreur");
			zone.innerHTML="Les 2 emails que vous avez saisis sont différents. Merci de les ressaisir.";
			return false;
		}
		
		if (erreur4) {
			var zone = document.getElementById("zone_erreur");
			zone.innerHTML="Vos 3 chiffres doivent être différents.";
			return false;
		}
		
		if (erreur5) {
			var zone = document.getElementById("zone_erreur");
			zone.innerHTML="Votre prénom n'est pas bien formé.";
			return false;
		}
		
		var divancienne = document.getElementById("un");
		divancienne.style.display="none";
		
		divancienne = document.getElementById("deux");
		divancienne.style.display="none";
		
		divancienne = document.getElementById("trois");
		divancienne.style.display="none";
		
		var tmp = document.getElementById("choix_etude");
		tmp.value="1";
		document.form_v4.submit();
		
	}
	
	/* validation du cormulaire si l'utilisateur est d'accord pour faire son étude */
	function form_submit() {
		var tmp = document.getElementById("choix_etude");
		tmp.value="1";
		document.form_v4.submit();
	}
	
	/* validation du cormulaire si l'utilisateur n'est pas d'accord pour faire son étude */
	function form_submit2() {
		var tmp = document.getElementById("choix_etude");
		tmp.value="0";
		document.form_v4.submit();
	}