// JavaScript Document
//verification des saisies
function envoyer() 
{
	var message = document.getElementById("champ");
	var contenu = ['numrue','numvoie','cp','ville','habitable','nom','prenom','mail','tel','etage1','etage2'];
	var erreur = false;
//test de formulaire vide
	for( i = 0 ; i < 11 ; i++ ) 
	{
		if(document.getElementById(contenu[i]).value == "") 
		{
			document.getElementById("libelle_"+contenu[i]).style.color = "#f00";
			erreur = true;
		} else 
			{
				document.getElementById("libelle_"+contenu[i]).style.color = "#000";
			}
	}
	
	if(( document.getElementById('etage1').value) > (document.getElementById('etage2').value )){
		document.getElementById("libelle_etage1").style.color = "#f00";
		document.getElementById("libelle_etage2").style.color = "#f00";
		erreur = true;
		}
	if(erreur)
		message.innerHTML = '<div class="alerte_rouge">(* Les champs en rouge ne sont pas remplis correctement)</div>';
	else 
	{
		//alert("ok");//document.estimation.submit();
		message.innerHTML = '<em id="champ">(* Ces champs sont obligatoires)</em>';
		document.forms.estimation.submit();
	}
}


//fonction de verification des mails
function verifMail()
	{
		b = document.getElementById("mail");
		a = document.getElementById('mail').value;
		valide1 = false;
	if ( a == "")
		//sortir si vide
		(sortir);
	for(var j=1;j<(a.length);j++)
	{
		if(a.charAt(j)=='@')
		{
			if(j<(a.length-4))
			{
				for(var k=j;k<(a.length-2);k++)
				{
					if(a.charAt(k)=='.') valide1=true;
				}
			}
		}
	}
	if(valide1==false) {
		alert("Veuillez saisir une adresse email valide s'il vous plait.");
		document.getElementById('mail').value='';

	}
}



//function permettant d'afficher la liste deroulant du type de chauffage individuel
function individuel() 
{
	var source = document.getElementById("type_chauffage");
	var destination = document.getElementById("individuel");
	if(source.value == "individuel") 
	{
		destination.innerHTML = '<div id="individuel"><div class="libelle"><font class="petit_libelle">type chauffage individuel</font></div> <div class="element_form"><select name="chauffage_indiv" size="1" class="largeur_liste"><option value="gaz">gaz</option><option value="fuel">fuel</option><option value="autre">autre</option><option value="electrique">electrique</option></select></div> <div class="fin_2"></div></div>';
	} else 
	{
		destination.innerHTML = '<div id="individuel"></div>';
	}
}

//function permettant d'afficher le champs surface
function affiche() 
{
	
	var source = document.getElementById("terasse").checked;
	var destination = document.getElementById("surface_terasse");
	if(source) 
	{
		destination.innerHTML =' <div id="surface"><div class="libelle3">Surface </div><div class="element_form3"> &nbsp;<input name="surface_terasse" type="text" size="3" maxlength="3" onkeypress="if((event.keyCode < 48 || event.keyCode > 57) && event.keyCode > 31 && event.keyCode != 32) event.returnValue = false; if((event.which < 48 || event.which > 57) && event.which > 31 && event.which != 32) return false;"/></div><div class="unite">m&sup2;</div></div>';
	}else 
	{
		destination.innerHTML = '<div id="surface"></div>';
	}
}

//function permettant d'afficher le champs parking
function affiche2() 
{
	var source = document.getElementById("parking").checked;
	var destination = document.getElementById("nombre_parking");

	if(source) 
	{
		destination.innerHTML ='<div id="nombre_parking"><div class="element_form3">&nbsp;<input name="nombre_parking" type="text" size="3" maxlength="3" onkeypress="if((event.keyCode < 48 || event.keyCode > 57) && event.keyCode > 31 && event.keyCode != 32) event.returnValue = false; if((event.which < 48 || event.which > 57) && event.which > 31 && event.which != 32) return false;"/></div><div class="unite" >places</div></div>';
	}else 
	{
		destination.innerHTML = '<div id="nombre_parking"></div>';
	}
}

//function permettant d'afficher le champs garage
function affiche3() 
{
	var source = document.getElementById("garage").checked;
	var destination = document.getElementById("nombre_garage");

	if(source) 
	{
		destination.innerHTML ='<div id="nombre_garage"><div class="element_form3">&nbsp;<input name="nombre_garage" type="text" size="3" maxlength="3" onkeypress="if((event.keyCode < 48 || event.keyCode > 57) && event.keyCode > 31 && event.keyCode != 32) event.returnValue = false; if((event.which < 48 || event.which > 57) && event.which > 31 && event.which != 32) return false;"/></div><div class="unite">places</div></div>';
	}else 
	{
		destination.innerHTML = '<div id="nombre_garage"></div>';
	}
}

//function permettant de verifier les champs vides
function verifier() 
{
	var nom 	= document.forms.souscription.nom.value;
	var prenom	= document.forms.souscription.prenom.value;
	var mail	= document.forms.souscription.mail.value;
	var tel		= document.forms.souscription.tel.value;
	var erreur	= false;
	
	//test des valeurs vide
	if( nom =="") 
	{
		erreur = true;
		document.getElementById("libelle_nom").style.color = "#f00";
	} else 
		document.getElementById("libelle_nom").style.color = "#000";		
	if( prenom =="") 
	{
		erreur = true;
		document.getElementById("libelle_prenom").style.color = "#f00";
	} else
		document.getElementById("libelle_prenom").style.color = "#000";
	
	if( mail =="") 
	{
		erreur = true;
		document.getElementById("libelle_mail").style.color = "#f00";
	} else 
	{
		document.getElementById("libelle_mail").style.color = "#000";
	}

	if( tel =="") 
	{
		erreur = true;
		document.getElementById("libelle_tel").style.color = "#f00";
	} else
		document.getElementById("libelle_tel").style.color = "#000";
		
	//envoye une erreur ou velider le formulaire
	if( erreur) 
	{
		document.getElementById("message").innerHTML = '<em class="alerte_rouge">(* Les champs en rouge ne sont pas remplis correctement)</em>';
	} else
		document.forms.souscription.submit();
	}

//fonction pour l'affichage du formulaire de creation de l'alerte
function alerte() 
{
	document.forms.alerte_mail.submit();
	}
	
	
//fonction pour la verification des champs sur la creation de l'alerte mail pour l'annonce
function alert_verif() 
{
	var contenu = ['nom','mail','tel'];
	var erreur = false;
//test de formulaire vide
	for( i = 0 ; i < 3 ; i++ ) 
	{
		if(document.getElementById(contenu[i]).value == "") 
		{
			document.getElementById("libelle_"+contenu[i]).style.color = "#f00";
			erreur = true;
		} else 
		{
			document.getElementById("libelle_"+contenu[i]).style.color = "#000";
		}
	}
	if(erreur)
		{
			document.getElementById("message").style.color = "#f00";
		}
	else 
	{
		afficheall();
	
	}
}


/*	teste le nombre de chiffre dans le champ telephone	*/
function erreur() {
	var contenu = document.getElementById('tel').value;
	contenu = contenu.toString();
	if( contenu.length < 6 ) {
		alert('Veuillez saisir un numero de telephone valide s\'il vous plait.');
		document.getElementById('tel').value='';
	}
}