// JavaScript Document

//REND VISIBLE 1 CALQUE OU UN ENSEMBLE DE CALQUE

function rend_visible(nomdesbalises) {
	tableau = nomdesbalises.split("+");  
	nbtableau=tableau.length;
	for (n=0;n<nbtableau;n++) {
		document.getElementById(tableau[n]).style.visibility="visible";
	}
}

//REND INVISIBLE 1 CALQUE OU UN ENSEMBLE DE CALQUE
function rend_invisible(nomdesbalises) {
	tableau = nomdesbalises.split("+");  
	nbtableau=tableau.length;
	for (n=0;n<nbtableau;n++) {
		document.getElementById(tableau[n]).style.visibility="hidden";
	}
}

//REND VISIBLE ET/OU INVISIBLE 1 CALQUE OU UN ENSEMBLE DE CALQUE
function rend_switch(affiche,masque) {
	rend_visible(affiche);
	rend_invisible(masque);
}

//CHANGER LA CSS D'UN ELEMENT
function change_css (element,css) {
	document.getElementById(element).className  = css;
}

//CHANGE LE BACKGROUND IMAGE D'UN ELEMENT
function change_style (element,image) {
	
	document.getElementById(element).style.backgroundImage = image;
	
}

//SPECIAL ROLL BOUTIQUE
function change_boutique (element,image) {
	
	ext=image.substring(image.indexOf("."),image.length);
	nom=image.substring(0,image.indexOf("."));
	chemin_over='url(images/boutique/'+nom+'_over'+ext+')';
	chemin_big='url(images/boutique/'+nom+'_big'+ext+')';
	

	document.getElementById(element).style.backgroundImage = chemin_over;
	document.getElementById("boutique-cesson-big").style.backgroundImage = chemin_big;
}

//SPECIAL ROLL BOUTIQUE OVER
function change_boutique2 (element,image) {
	
	/*ext=image.substring(image.indexOf("."),image.length);
	nom=image.substring(0,image.indexOf("."));*/
	chemin_over='url(images/boutique/'+image+')';
	chemin_big='url(images/boutique/defaut_big.jpg)';
	

	document.getElementById(element).style.backgroundImage = chemin_over;
	document.getElementById("boutique-cesson-big").style.backgroundImage = chemin_big;
}

//PERMET DE VALIDER UN FORMULAIRE DEPUIS UN LIEN TEXTE
function submitform(nomduformulaire) {
	if(document.forms[nomduformulaire].onsubmit()) { 
		document.forms[nomduformulaire].submit(); 
	} 
} 

//CHANGE LE STYLE CSS D'UNE DIV
function change_opacity(ref,nomcss) {


	for (i=1;i<9;i++) {
		if (i!=ref) { temp='menu_'+i; document.getElementById(temp).className  = nomcss; }
	}
	
	if (nomcss=='bloc_image_over') {
		switch (ref) {
			case ('1'): texte='<font color="#cb0e0e">Retour &agrave; la page d\'accueil</font>'; break;
			case ('3'): texte='<font color="#ac5d09">Pr&eacute;sentation du Comit&eacute; des F&ecirc;tes de Cesson-S&eacute;vign&eacute;</font>'; break;
			case ('5'): texte='<font color="#429411">Tout savoir sur la Braderie</font>'; break;
			case ('7'): texte='<font color="#8c1194">Rr&eacute;server votre emplacement pour la prochaine braderie</font>'; break;
			case ('8'): texte='<font color="#0980b1">Remplissez notre formulaire ou contactez directement les responsables</font>'; break;
			default: texte='';
		}
	} else { texte=''; }
	document.getElementById('bloc_sstitre').innerHTML = texte;
}

//CHANGE LA SOURCE D'UNE IMAGE
function change_img(element,url) {
	document.getElementById(element).src  = url;
}

//CHANGE LA COULEUR D'UN CHAMP TEXTE
function setColor(el, bg) { 
	if (el.style) el.style.backgroundColor = bg
	} 

// Corrige bug transparence png IE
function setpng(img) { if(document.all && (IEver=parseFloat(navigator.appVersion.split("MSIE")[1])) && (IEver>=5.5) && (IEver<7) && document.body.filters && img) {
	imgName=img.src.toUpperCase();
	if(imgName.substring(imgName.length-3,imgName.length)=="PNG") img.outerHTML=
		"<span "+(img.id?"id='"+img.id+"' ":"")+(img.className?"class='"+img.className+"' ":"")+(img.title?"title=\""+img.title+"\" ":"")
		+"style=\"width:"+img.width+"px;height:"+img.height+"px;"+(img.align=="left"?"float:left;":(img.align=="right"?"float:right;":""))
		+(img.parentElement.href?"cursor:hand;":"")+"display:inline-block;"+img.style.cssText+";"
		+"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img.src+"',sizingMethod='scale');\"></span>";
		
		
}}


<!-- AJAX - CHANGEMENT DE PAGE -->
function envoieRequete(url,id) {
	var xhr_object = null;
	var position = id;
	if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
	else
	if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");

	// On ouvre la requete vers la page désirée
	xhr_object.open("GET", url, true);
	xhr_object.onreadystatechange = function(){
	if ( xhr_object.readyState == 4 )
		{
		// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
		document.getElementById(position).innerHTML = xhr_object.responseText;
		}
	}
	// dans le cas du get
	xhr_object.send(null);
} 

//INSCRIPTION A LA NEWSLETTER
function register_news(email,nomdudiv) {
	//on vide le contenu du champ e-mail
	document.inscription.email.value="";
     if(email != '') { 
	 	reponse = file('library/script/inscription.php?email='+email);
		
		//on attribut un texte en fonction du résultat et on remet l'adresse e-mail dans le champ e-mail si celle-ci contient une erreur
		if (reponse==1) { texte='Votre inscription a bien &eacute;t&eacute; prise en compte';}
		if (reponse==2) { texte='Une erreur est survenue. Merci de bien vouloir r&eacute;essayer.'; document.inscription.email.value=email; }
		if (reponse==3) { texte='La saisie de votre adresse est incorrecte.'; document.inscription.email.value=email; }
		if (reponse==4) { texte='Cette adresse est d&eacute;j&agrave; enregistr&eacute;e dans notre base.'; document.inscription.email.value=email; }
	  }

	 else { texte = ('Vous devez renseigner votre adresse e-mail'); }
	 
	 writediv (texte,nomdudiv);
	

return false;
}

//DESINSCRIPTION A LA NEWSLETTER
function unregister_news(email,nomdudiv) {
	//on vide le contenu du champ e-mail
	document.desinscription.email.value="";

     if(email != '') { 
	 	reponse = file('library/script/desinscription.php?email='+email);
		//on attribut un texte en fonction du résultat et on remet l'adresse e-mail dans le champ e-mail si celle-ci contient une erreur
		if (reponse==1) { texte='Votre désinscription a bien &eacute;t&eacute; prise en compte';}
		if (reponse==2) { texte='Une erreur est survenue. Merci de bien vouloir r&eacute;essayer.'; document.desinscription.email.value=email; }
		if (reponse==3) { texte='La saisie de votre adresse est incorrecte.'; document.desinscription.email.value=email; }
		if (reponse==4) { texte='Cette adresse n\'existe pas dans notre base.'; document.desinscription.email.value=email; }
	  }

	 else { texte = ('Vous devez renseigner votre adresse e-mail'); }
	 
	 writediv (texte,nomdudiv);
	 return false;
}

//ECRIRE DANS UN DIV
function writediv(texte,nomdudiv) {
	document.getElementById(nomdudiv).innerHTML = texte;
}
		
//AJAX INTERROGATION FICHIER	
function file(fichier)
     {
     if(window.XMLHttpRequest) // FIREFOX
          xhr_object = new XMLHttpRequest(); 
     else if(window.ActiveXObject) // IE
          xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
     else 
          return(false); 
     xhr_object.open("GET", fichier, false); 
     xhr_object.send(null); 
     if(xhr_object.readyState == 4) return(xhr_object.responseText);
     else return(false);
     }
	  
//CREATION DYNAMIQUE D'UN FORMULAIRE POUR ENVOI DE VARIABLE EN POST
function form_post (nomdiv,url,nomvariable,valeurvariable) {
	
	var tab_nom_variable=nomvariable.split('+');
	var tab_valeur_variable=valeurvariable.split('+');
	var contenu='<form name="formulaire_post" method="post" action="'+url+'" enctype="multipart/form-data">';
	
	for (var i=0; i<tab_nom_variable.length; i++) {
 		contenu+='<input name="'+tab_nom_variable[i]+'" type="hidden" value="'+tab_valeur_variable[i]+'">';
		//document.write("tableau[" + i + "] = " + tableau[i] + "<BR>");
	}	
	
	contenu+='<input name="'+nomvariable+'" type="hidden" value="'+valeurvariable+'">';
	contenu+='</form>';
	
	document.getElementById(nomdiv).innerHTML = contenu;
	document.forms['formulaire_post'].submit();
}

//FORMULAIRE DE CONTACT
function valid_form() {
	var email=document.form_contact.email.value;
	var nom=document.form_contact.nom.value;
	var prenom=document.form_contact.prenom.value;
	var telephone=document.form_contact.telephone.value;
	var sujet=document.form_contact.sujet.value;
	var message=document.form_contact.message.value;
	var erreur="";
	var texte="";


	//on vérifie que tout est renseigné
	if (document.form_contact.email.value=="") { erreur=1; setColor(document.form_contact.email,"#CC6666"); } else { setColor(document.form_contact.email,"#FFF"); }
	if (document.form_contact.prenom.value=="") { erreur=1; setColor(document.form_contact.prenom,"#CC6666"); } else { setColor(document.form_contact.prenom,"#FFF"); }
	if (document.form_contact.nom.value=="") { erreur=1; setColor(document.form_contact.nom,"#CC6666"); } else { setColor(document.form_contact.nom,"#FFF"); }
	if (document.form_contact.message.value=="") { erreur=1; setColor(document.form_contact.message,"#CC6666"); } else { setColor(document.form_contact.message,"#FFF"); }

	//SI TOUS LES CHAMPS NE SONT PAS RENSEIGNE ON INDIQUE L'OUBLI
	if (erreur==1) { texte = 'Vous devez renseigner tous les champs tous les champs teintés'; } 
	//SI TOUT EST RENSEIGNE
	else { reponse = form_ajax('library/script/contact-handball.php',nom,prenom,telephone,email,sujet,message); }	

	document.getElementById('message_erreur').innerHTML = texte;
	return false;
}


function verif_form(reponse,nom,prenom,telephone,email,sujet,message) {
		texte='';
		if (reponse==1) { texte='Votre message a bien &eacute;t&eacute; envoy&eacute;'; document.form_contact.nom.value=""; document.form_contact.prenom.value=""; document.form_contact.telephone.value=""; document.form_contact.sujet.value="Aucun Sujet"; document.form_contact.email.value=""; document.form_contact.message.value="";}
		if (reponse==2) { texte='Une erreur est survenue.<br>Merci de bien vouloir r&eacute;essayer.'; }
		if (reponse==3) { texte='La saisie de votre adresse e-mail est incorrecte.';   }	
	document.getElementById('message_erreur').innerHTML = texte;
	 	return false;
}


function form_ajax (fichier, valeurnom,valeurprenom,valeurtelephone,valeuremail,valeursujet,valeurmessage){
	
	var xhr_object = null; 
	     
	// ### Construction de l’objet XMLHttpRequest selon le type de navigateur
	if(window.XMLHttpRequest) 
	   	xhr_object = new XMLHttpRequest(); 
	else if(window.ActiveXObject)
	  	 xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	else { 
                // XMLHttpRequest non supporté par le navigateur 
	   	alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    		 return; 
	} 
	 
	xhr_object.open("POST", fichier, true);
	
	//  Définition du comportement à adopter sur le changement d’état de l’objet XMLHttpRequest
	 xhr_object.onreadystatechange  = function() {   
        if(xhr_object.readyState  == 4)	 {
            if(xhr_object.status  == 200) {
				 reponse=xhr_object.responseText; verif_form(reponse,valeurnom,valeurprenom,valeurtelephone,valeuremail,valeursujet,valeurmessage);
			}
            else { reponse=xhr_object.status;  }
        }
    }; 
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	
	//  Envoi de la requête
	xhr_object.send("email="+valeuremail+"&nom="+valeurnom+"&prenom="+valeurprenom+"&telephone="+valeurtelephone+"&sujet="+valeursujet+"&message="+valeurmessage);

}