var elementDiv;
var longueur;
var i;
var j;
var k;
var intervalleDeTemps;
var string;
var limite;
var hauteur;
var couleur;
var etatNom = false;
var etatPrenom = false;
var etatMail = false;
var etatMessage = false;
var btnEnvoyer;
var imageOk;
var userAgent=navigator.userAgent;

/* /!\ pour les modifications des soustitres, cf le switch(nomDiv) dans la fonction montrerDiv(nomDiv) /!\ */

function initialisation(variable){
	if (userAgent.indexOf('MSIE 6.0') != -1) { //le 7.0 gere les png transparents (enfin !)
		IE_CorrectAlpha_PNG();
	}
	
	if(variable != "contact")
		montrerDiv('soustitre'+variable,'directement');
	
	MM_preloadImages('img/presentation-over.jpg','img/realisations-over.jpg','img/contact-over.jpg');
	
	if(variable == "contact"){
		if(document.getElementById){ // getElementById = standard javascript, mais IE et opera ne prennent en compte que document.all
			document.getElementById("btnEnvoyer").disabled = true; //desactive le bouton envoyer
			document.getElementById("btnEnvoyer").value = "Veuillez remplir tous les champs"; //change le texte du bouton envoyer
		}
		if(document.all){
			document.all["btnEnvoyer"].disabled = true;
			document.all["btnEnvoyer"].value = "Veuillez remplir tous les champs";
		}
	}
}

function IE_CorrectAlpha_PNG(){
	/* les background-image ne sont pas pris en compte par ce script :
		rajouter dans le css de la balise sur laquelle il y a un background : 
							
				background-image:url(img/fond-menu.png) !important;
				background-repeat:repeat;
				background-image:none;
	
	le !important est reconnu par tout les navigateurs sauf ce f***ing internet explorer 6. Ainsi, celui-ci ne prend en compte que le none du background-image et est content d'appliquer son filtre, ci-dessous
	*/
	document.getElementById("corps").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fond-menu.png', sizingMethod='scale')"; //tout les background-images en png transparent devront faire l'objet d'une ligne de code comme celle-ci.
	for(i=0; i<document.images.length; i++){
		img    = document.images[i];
		imgExt  = img.src.substring(img.src.length-3, img.src.length);
		imgExt  = imgExt.toUpperCase();
		if (imgExt == "PNG"){
			imgID    = (img.id) ? "id='" + img.id + "' " : "";
			imgClass= (img.className) ? "class='" + img.className + "' " : "";
			imgTitle= (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
			imgStyle= "display:inline-block;" + img.style.cssText;
			if (img.align == "left") { imgStyle = "float:left;"  + imgStyle; } else if (img.align == "right"){ imgStyle = "float:right;" + imgStyle; }
			if (img.parentElement.href)   { imgStyle = "cursor:hand;" + imgStyle; }       
			strNewHTML    = '<span '+imgID+imgClass+imgTitle+' style="width:'+img.width+'px; height:'+img.height+'px;'+imgStyle+';'+'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+img.src+'\', sizingMethod=\'scale\');"></span>';
			img.outerHTML = strNewHTML;
			i = i-1;
		}
	}	
}

function montrerDiv(nomDiv,typeDeDescente){
	elementDiv = document.getElementById(nomDiv);
	/* mettre à jour la condition du if si rajout de soustitre
		ici, le cas est que la div soustitre8 est vide */
	if(nomDiv == "soustitre8"){}
	else
	{
		elementDiv.style.height = "0px";
		elementDiv.style.display = "block"; //montre les soustitre
		hauteur = 0;
		
		
		/* /!\ mettre à jour le switch en cas de rajout de texte dans les soustitres
		   pour calculer la hauteur finale (limite), il faut prendre en compte le padding, le font-size, l'interligne et le margin-top négatif
		il n'y a qu'à indiquer le nombre de ligne du soustitre dans le switch, le calcul de la limite se faisant plus bas /!\ */
		switch(nomDiv)
		{
			//les correspondances (exemple : soustitre1 = maçonnerie paysagère) sont passibles de changement si l'ordre dans le menu est changé
			case "soustitre1": //plantation
				nbDeLigne = 2;
				document.getElementById("soustitre2").style.height = "0px";
				document.getElementById("soustitre3").style.height = "0px";
				document.getElementById("soustitre4").style.height = "0px";
				document.getElementById("soustitre5").style.height = "0px";
				document.getElementById("soustitre6").style.height = "0px";
				document.getElementById("soustitre2").style.display = "none";
				document.getElementById("soustitre3").style.display = "none";
				document.getElementById("soustitre4").style.display = "none";
				document.getElementById("soustitre5").style.display = "none";
				document.getElementById("soustitre6").style.display = "none";
				break;
			case "soustitre2": //engazonnement
				nbDeLigne = 2;
				document.getElementById("soustitre1").style.height = "0px";
				document.getElementById("soustitre3").style.height = "0px";
				document.getElementById("soustitre4").style.height = "0px";
				document.getElementById("soustitre5").style.height = "0px";
				document.getElementById("soustitre6").style.height = "0px";
				document.getElementById("soustitre1").style.display = "none";
				document.getElementById("soustitre3").style.display = "none";
				document.getElementById("soustitre4").style.display = "none";
				document.getElementById("soustitre5").style.display = "none";
				document.getElementById("soustitre6").style.display = "none";
				break;
			case "soustitre3": //maçonnerie paysagere
				nbDeLigne = 4;
				document.getElementById("soustitre1").style.height = "0px";
				document.getElementById("soustitre2").style.height = "0px";
				document.getElementById("soustitre4").style.height = "0px";
				document.getElementById("soustitre5").style.height = "0px";
				document.getElementById("soustitre6").style.height = "0px";
				document.getElementById("soustitre1").style.display = "none";
				document.getElementById("soustitre2").style.display = "none";
				document.getElementById("soustitre4").style.display = "none";
				document.getElementById("soustitre5").style.display = "none";
				document.getElementById("soustitre6").style.display = "none";
				break;
			case "soustitre4": //constructions bois
				nbDeLigne = 5;
				document.getElementById("soustitre1").style.height = "0px";
				document.getElementById("soustitre2").style.height = "0px";
				document.getElementById("soustitre3").style.height = "0px";
				document.getElementById("soustitre5").style.height = "0px";
				document.getElementById("soustitre6").style.height = "0px";
				document.getElementById("soustitre1").style.display = "none";
				document.getElementById("soustitre2").style.display = "none";
				document.getElementById("soustitre3").style.display = "none";
				document.getElementById("soustitre5").style.display = "none";
				document.getElementById("soustitre6").style.display = "none";
				break;
			case "soustitre5": //portails
				nbDeLigne = 2;
				document.getElementById("soustitre1").style.height = "0px";
				document.getElementById("soustitre2").style.height = "0px";
				document.getElementById("soustitre3").style.height = "0px";
				document.getElementById("soustitre4").style.height = "0px";
				document.getElementById("soustitre6").style.height = "0px";
				document.getElementById("soustitre1").style.display = "none";
				document.getElementById("soustitre2").style.display = "none";
				document.getElementById("soustitre3").style.display = "none";
				document.getElementById("soustitre4").style.display = "none";
				document.getElementById("soustitre6").style.display = "none";
				break;
			case "soustitre6": //entretien
				nbDeLigne = 2;
				document.getElementById("soustitre1").style.height = "0px";
				document.getElementById("soustitre2").style.height = "0px";
				document.getElementById("soustitre3").style.height = "0px";
				document.getElementById("soustitre4").style.height = "0px";
				document.getElementById("soustitre5").style.height = "0px";
				document.getElementById("soustitre1").style.display = "none";
				document.getElementById("soustitre2").style.display = "none";
				document.getElementById("soustitre3").style.display = "none";
				document.getElementById("soustitre4").style.display = "none";
				document.getElementById("soustitre5").style.display = "none";
				break;
		}
		limite = ((nbDeLigne * 14) + 10);
		string = "descendre();";
		if(typeDeDescente != "directement")
			intervalleDeTemps = setInterval(string,75);
		else
			elementDiv.style.height = limite+"px";
	}
}

function descendre(){
	if( hauteur < limite){
		hauteur += 10;
		elementDiv.style.height = hauteur+"px";
	}
	else {
		hauteur = limite;
		elementDiv.style.height = hauteur+"px";
		clearInterval(intervalleDeTemps);
	}
}

function changerCouleurH2(nomDiv,couleur){
	longueur = nomDiv.length;
	longueur--;
	i = nomDiv.charAt(longueur); /* on recueille ainsi le numero de la div (en selectionnant le dernier caractere de la chaine "soustitre1" par exemple) */
	i--;
	document.getElementsByTagName("h2")[i].style.backgroundColor  = couleur; //change le bgColor du h2 concerné /!\ LES PREMIERS h2 du code de la page DOIVENT etre ceux du menu. Si non, il faudra décrémenter en consequence le i (ligne précédente)
}

function verifTexte(texte, id){
	if(document.getElementById){
		imageOk = document.getElementById(id);
		btnEnvoyer = document.getElementById("btnEnvoyer");
	}
	if(document.all){
		imageOk = document.images[id];
		btnEnvoyer = document.all["btnEnvoyer"];
	}
	if (userAgent.indexOf('MSIE 6.0') != -1) {
		imageOk = document.getElementById(id);
	}
	switch(id){
		case "nom" :
			if(texte.length<2){imageOk.src = "img/non.png";}
			else{imageOk.src = "img/oui.png";etatNom = true;}
			break;
		case "prenom" :
			if(texte.length<2){imageOk.src = "img/non.png";}
			else{imageOk.src = "img/oui.png";etatPrenom = true;}
			break;
		case "email" :
			for(j=1;j<texte.length;j++){
				if(texte.charAt(j) == "@"){ //verification de la presence du @
					if(j<(texte.length-4)){	//verification que l'@ a bien du texte derriere lui
						for (k=j ; k<(texte.length-2) ; k++) { //verification de la presence du point apres l'@
     						if (texte.charAt(k)=='.'){
								imageOk.src = "img/oui.png";
								etatMail = true;
								break;
							}
						}
					}
				}
			}
			break;
		case "message" :
			if(texte.length<2){}
			else{etatMessage = true;}
			break;
	}
	if(etatNom == true && etatPrenom == true && etatMail == true && etatMessage == true ){
		btnEnvoyer.disabled = false;
		btnEnvoyer.value = "Envoyer";
	}
}

/* générer par dreamweaver */

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
  var w=window.open(theURL,winName,features);
  w.document.close();
  w.focus();
}