$(document).ready(function()
{
	$("#mail").click(function(e)
	{
		e.preventDefault();
		lienMail();
	});
	
	$("#appel").click(function(e)
	{
		e.preventDefault();
		lienTel();
	});
});

function lienMail(){
	var n = "";
	n += "<div id='messMail'>";
	n += "<h1>Demande d'information</h1>";
	n += "<form method='post' action='envoyerMail_new.php' name='formuMail' id='formuMail'>";
	n += "<div id='form1'>";
	n += "<table>";
	n += "<caption>Vos coordonn&eacute;es</caption>";
	n += "<tr><td class='colgch'><label for='civilite'>Civilit&eacute; *</label></td><td><select name='civilite' id='civilite' value='' title='select' ><option>---</option><option>Mlle</option><option>Mme</option><option>M.</option></select></td></tr>";
	n += "<tr><td class='colgch'><label for='nom'>Nom *</label></td><td><input type='text' name='nom' id='nom' value='' title='text' /></td></tr>";
	n += "<tr><td class='colgch'><label for='prenom'>Pr&eacute;nom *</label></td><td><input type='text' name='prenom' id='prenom' value='' title='text' /></td></tr>";
	n += "<tr><td class='colgch'><label for='adresse'>Adresse *</label></td><td><textarea name='adresse' id='adresse' title='text' rows='3'></textarea></td></tr>";
	n += "<tr><td class='colgch'><label for='code_postal'>Code postal *</label></td><td><input type='text' name='code_postal' id='code_postal' value='' title='postal'class='petit' /></td></tr>";
	n += "<tr><td class='colgch'><label for='ville'>Ville  *</label></td><td><input type='text' name='ville' id='ville' value='' title='text' class='petit'/></td></tr>";
	n += "<tr><td class='colgch'><label for='telephone'>t&eacute;l&eacute;phone *</label></td><td><input type='text' name='telephone' id='telephone' value='' title='tel' class='petit'/><em style='opacity:0.5; filter:alpha(opacity=50); font-size:10px;'> (ex: 00 00 00 00 00)</em></td></tr>";
	n += "<tr><td class='colgch'><label for='mailContact'>E-mail *</label></td><td><input type='text' name='mailContact' id='mailContact' value='' title='mail'/></td></tr>";
	
	/*----------- Votre demande concerne -----------*/
	n += "<tr><td class='colgch'><label for='demande'>Votre demande concerne :</label></td><td id='demandeContact'>";
	n += "<input type='radio' name='demande' value='bouteille' checked class='radio'/>les bouteilles ?<br />";
	n += "<input type='radio' name='demande' value='citerne' class='radio'/>le gaz citerne ?<br />";
	n += "<input type='radio' name='demande' value='carburant_vehicule' class='radio'/>le carburant v&eacute;hicule ?<br />";
	n += "<input type='radio' name='demande' value='boutique' class='radio'/>la boutique ?<br />";
	n += "<input type='radio' name='demande' value='autre' class='radio'/> autre ?<br />";
	n += "</td></tr>";
	/*---------- / Votre demande concerne ----------*/
	
	n += "<tr id='TRpro'><td class='colgch'><label for='pro'>Vous &ecirc;tes  :</label></td><td id='pro'>";
	n += "<div class='pPro' style=''><input type='radio' value='professionel' name='pro' id='pro' class='radio'/> professionel </div>"
	n += "<div class='pPro' style=''><input type='radio' value='particulier' name='pro' id='part' checked class='radio'/> particulier</div>";
	n += "<input type='radio' value='prescripteur' name='pro' id='presc' class='radio'/> prescripteur<br /></td></tr>";
	
	/*-------------- Etes-vous clients -------------*/
	n += "<tr id='TRclient' style='opacity:0.5;filter:alpha(opacity=50)'><td class='colgch'><label for='client'>&Ecirc;tes-vous clients Antargaz ? :</label></td><td id='client'>";
	n += "<input type='radio' value='oui' name='client' id='oui' disabled  class='radio'/> oui <input type='radio' value='non' name='client' id='non' checked disabled  class='radio'/> non";
	n += "</td></tr>";
	n += "<tr id='TRcodeClient' style='opacity:0.5;filter:alpha(opacity=50)'><td class='colgch'><label for='codeClient'>Code client : </label></td><td><input type='text' name='codeClient' value='' title='codeClient' disabled id='codeClient'/></td></tr>";
	/*------------ / Etes-vous clients -------------*/
	
	n += "<tr><td class='colgch'><label for='subject'>Sujet *</label></td><td id='subject'><input type='text' name='subject' title='text' /></td></tr>";
	n += "<tr><td class='colgch'><label for='message'>Votre message *</label></td><td><textarea name='message' id='message' title='text' style='height:80px'></textarea></td></tr>";
	n += "</table>"; 
	n += "</div>";
	n += "<input type='submit' value='validez' name='valid' id='validMail' title='valid' />" ;
	n += "</form>";
	n += "</div>"
	var lightBox = new classLightBox("#dialog","#ffffff","#ffffff","all",n,450);
	lightBox.init();
	
	
	
	/*----------- Activation/desactivation Client -----------*/
	$("#demandeContact").find("input:radio").click(function()
	{
		if($(this)[0].value == "citerne")
		{
			$("#TRclient").css("opacity", "1");
			//$(".pPro").css("opacity", "1");
			$("#client").find("input.radio").removeAttr("disabled") ;
			//$("#pro").find(".pPro input.radio").removeAttr("disabled") ;
		}
		else
		{
			$("#TRclient").css("opacity", "0.5");
			//$(".pPro").css("opacity", "0.5");
			$("#client").find("input.radio").attr("disabled", true) ;
			//$("#pro").find(".pPro input.radio").attr("disabled", true) ;
		}
	});
	/*---------  / Activation/desactivation Client ---------*/
	
	var sujetClient1 = "";
	sujetClient1 += "<select name='subject'>";
	sujetClient1 += "<option value='2' >Modifier vos coordonnées téléphoniques</option>";	
	sujetClient1 += "<option value='3' >Modifier votre adresse</option>";
	sujetClient1 += "<option value='10' >Votre commande en cours</option>";
	sujetClient1 += "<option value='4' >Votre dernière livraison</option>";
	sujetClient1 += "<option value='5' >Votre facture</option>";
	sujetClient1 += "<option value='8' >Les moyens de paiement</option>";
	sujetClient1 += "<option value='6' >Votre réservoir / Votre installation</option>";
	sujetClient1 += "<option value='7' >Au sujet du site web</option>";
	sujetClient1 += "<option value='11' >Autre</option>";
	sujetClient1 += "</select>";
	

	
	var sujetClient2 = "";
	sujetClient2 += "<input type='text' name='subject' title='text' />";
	
	/*----------- Activation/desactivation code Client & Sujet-----------*/
	$("#client").find("#oui").click(function()
	{
		$("#codeClient").removeAttr("disabled") ;
		$("#TRcodeClient").css("opacity", "1");
		$("#TRcodeClient").css("filter", "alpha(opacity=100)");
		$("#subject").html(sujetClient1);
	}).end().find("#non").click(function()
	{
		$("#codeClient").attr("disabled", true);
		$("#TRcodeClient").css("opacity", "0.5");
		$("#TRcodeClient").css("filter", "alpha(opacity=50)");
		$("#subject").html(sujetClient2);
	});
	/*---------  / Activation/desactivation code Client & Sujet ---------*/
	
	
	
	/*----------- verification formulaire -----------*/
	$("#validMail").click(function(e)
	{
		e.preventDefault();
		formMail.form = "formuMail";
		formMail.init();
	});
	/*---------  / verification formulaire ----------*/
	
	
	var cadreformu1 = new classFdRound("#form1", "#ffffff", "#8CBE14", 5, "hd, bd");
	cadreformu1.init();
}

var formMail = (function()
{
	function verif()
	{
		var mess = "";
		// vérifie la "civilité"
		if($("#"+formMail.civilite).val() == "---")
		{
			mess += formMail.mess.civilite+formMail.separator;
		}
		
		// vérifie le "Nom"
		if($("#"+formMail.name).val() == "")
		{
			mess += formMail.mess.name1+formMail.separator;
		}
		else
		{
			if(formMail.reg.name.test($("#"+formMail.name).val()))
			{
				mess += formMail.mess.name2+formMail.separator;
			}
		}
		// vérifie le "Prénom"
		if($("#"+formMail.firstName).val() == "")
		{
			mess += formMail.mess.firstName1+formMail.separator;
		}
		else
		{
			if(formMail.reg.firstName.test($("#"+formMail.firstName).val()))
			{
				mess += formMail.mess.firstName2+formMail.separator;
			}
		}
		// vérifie l' "adresse"
		if($("#"+formMail.adress).val() == "")
		{
			mess += formMail.mess.adress+formMail.separator;
		}
		// vérifie le "code postal"
		if($("#"+formMail.codeP).val() == "")
		{
			mess += formMail.mess.codeP1+formMail.separator;
		}
		else
		{
			if(!formMail.reg.codeP.test($("#"+formMail.codeP).val()))
			{
				mess += formMail.mess.codeP2+formMail.separator;
			}
		}
		// vérifie l' "adresse e-mail"
		if($("#"+formMail.mail).val() == "")
		{
			mess += formMail.mess.mail1+formMail.separator;
		}
		else
		{
			if(!formMail.reg.mail.test($("#"+formMail.mail).val()))
			{
				mess += formMail.mess.mail2+formMail.separator;
			}
		}
		// vérifie le code client
		if($("#"+formMail.codeC).attr("disabled") == false)
		{
			if(!formMail.reg.codeC.test($("#"+formMail.codeC).val()))
			{
				mess += formMail.mess.codeC+formMail.separator;
			}
		}
		// vérifie le "téléphone"
		if($("#"+formMail.tel).val() == "")
		{
			mess += formMail.mess.tel1+formMail.separator;
		}
		else
		{
			if(!formMail.reg.tel.test($("#"+formMail.tel).val()))
			{
				mess += formMail.mess.tel2+formMail.separator;
			}
		}
		// vérifie le "message"
		if($("#"+formMail.message).val() == "")
		{
			mess += formMail.mess.message+formMail.separator;
		}
		
		formMail.alert = mess;
	}
	
	return {
		form:		"formuMail",
		civilite :	"civilite",
		name:		"nom",
		firstName:	"prenom",
		adress:		"adresse",
		codeP:		"code_postal",
		city:		"ville",
		tel:		"telephone",
		mail:		"mailContact",
		message:	"message",
		object:		"demandeContact",
		codeC:		"codeClient",
		reg:		{
						name:		/^(.{40})$/i,
						firstName:	/^(.{40})$/i,
						mail:		/^([_a-z0-9-]+(\.[_a-z0-9-]+)*)@([_a-z0-9-]+(\.[_a-z0-9-]+)*)\.([a-z]{2,6})$/i,
						//tel:		/^([0-9]{2}) ([0-9]{2}) ([0-9]{2}) ([0-9]{2}) ([0-9]{2})$/i,
						tel:		/^([0-9 ]+)$/i,
						codeP:		/^([0-9]{5})$/i,
						codeC:		/^(.{8})$/i
					},
		mess:		{
						civilite:	"Vous devez choisir votre civilité",
						name1:		"Vous devez remplir le champ 'nom' ",
						name2:		"Le nom n'est pas au bon format",
						firstName1:	"Vous devez remplir le champ 'prénom' ",
						firstName2:	"Le 'prénom' n'est pas au bon format ",
						adress:		"Vous devez remplir le champ 'adresse'",
						codeP1:		"Vous devez remplir le champ 'code postal'",
						codeP2:		"Le code postal n'est pas au bon format",
						tel1:		"Vous devez remplir le champ 'téléphone'",
						tel2:		"Le téléphone n'est pas au bon format",
						mail1: 		"Vous devez remplir le champ 'e-mail'",
						mail2:		"L'e-mail n'est pas au bon format",
						message:	"Vous devez remplir le champ 'message'",
						codeC:		"Merci de saisir votre 'code client' pour que nous puissions traiter votre demande."
					},
		alert:		"",
		separator:	",\n",
		init:		function()
					{
						verif();
						if(  formMail.alert == "" )
						{
							$("#"+formMail.form).submit();
						}
						else
						{
							alert(formMail.alert);	
						}
					}
	}
})();

function lienTel(){
	var n = "";
	n += "<div id='messTel'>";
	//n += "<h1>&Ecirc;tre appel&eacute; par un conseiller</h1>";
//	n += "<form method='post' action='envoyerTel.php' name='formuMail'>";
	n += "<div id='form1'>"
	n += "<h3>D&eacute;j&agrave; client ?</h3>";
	n += "<p>";
	n += " <b>0 974 75 75 75</b> <br />(0,022 euros TTC/minute depuis un poste fixe)<br />";
	n += "</p>";
	n += "<h3>Vous n'&ecirc;tes pas encore client ?</h3>";
	n += "<p>";
	n += "<b>3240</b> d&icirc;tes <em>Antargaz</em><br /> (prix d'un appel local depuis un poste fixe)<br />";
	n += "Du lundi au vendredi de 8h à 19h";
	n += "</p>";
	/*n += "<table>";
	n += "<caption>Vos coordonn&eacute;es</caption>";
	n += "<tr><td class='colgch'><label for='civilite'>Civilit&eacute; *</label></td><td><select name='civilite' value='' title='select' ><option>---</option><option>Mlle</option><option>Mme</option><option>M.</option></select></td></tr>";
	n += "<tr><td class='colgch'><label for='nom'>Nom *</label></td><td><input type='text' name='nom' value='' title='text' /></td></tr>";
	n += "<tr><td class='colgch'><label for='prenom'>Pr&eacute;nom *</label></td><td><input type='text' name='prenom' value='' title='text' /></td></tr>";
	n += "<tr><td class='colgch'><label for='telephone'>t&eacute;l&eacute;phone *</label></td><td><input type='text' name='telephone' value='' title='tel'/></td></tr>";
	n += "</table>"; */
	n += "</div>";
	//n += "<input type='submit' value='validez' name='valid' id='validTel' title='valid'/>" ;
	//n += "</form>";
	n += "</div>"
	var lightBox = new classLightBox("#dialog","#ffffff","#ffffff","all",n,400);
	lightBox.init();
	var cadreformu1 = new classFdRound("#form1", "#ffffff", "#8CBE14", 5, "hd, bd");
	cadreformu1.init();
}