var html_haut;
var html_mil;
var html_bas;
	
html_haut = "<TABLE border=0 WIDTH=\"100%\" HEIGHT=\"100%\"><TR><TD VALIGN=middle ALIGN=center>";
html_bas = "</TD></TR></TABLE>";

/* 
A VOUS DE MODIFER CES LIGNES 
N'OUBLIEZ UN LIEN DE CE TYPE :
<A HREF=# onClick="closeSup();return(false)">texte ou image</A>
POUR POUVOIR REFERMER LA FENETRE SI LE VISITEUR N'EST PAS INTERESSE
*/
//html_mil = "<MAP NAME=kitgrafik>  <AREA SHAPE=rect COORDS=560,5,590,40 HREF=# onClick=\"closeSup();return(false)\">  <AREA SHAPE=rect COORDS=\"20,9,252,40\" HREF=http://www.soerotic.fr TARGET=_blank>  <AREA SHAPE=rect COORDS=\"12,58,591,459\" HREF=http://www.soerotic.fr TARGET=_blank></MAP><TABLE WIDTH=600 CELLPADDING=0 CELLSPACING=0 BORDER=0>";
//html_mil = "<form name=\"formulaire\" id=\"formulaire\" method=\"post\" action=\"form.php\" onSubmit=\"return verifierFormulaire();\">";
html_mil = "<TABLE WIDTH=500 CELLPADDING=0 CELLSPACING=0 BORDER=0 style=\"margin: auto;\">";
html_mil += "	<tr>";
html_mil += "<td class=\"rappel\" width=500 height=178><div style=\"margin-left:470px; margin-bottom: 130px;\"><a HREF=# onClick=\"closeSup();return(false)\"><img src=../images/croix.png BORDER=0  HSPACE=0 VSPACE=0 /></a></div></td>";
html_mil += "</tr>";
html_mil += "<tr>";
html_mil += "<td style=\"background-color:#DBDBDB;\"  width=\"500\" height=\"159\">";
html_mil +="<center><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=440 style=\"margin-top:5px;\" >";
html_mil +="<td class=\"champ\">Civilit&eacute;</td><td colspan=\"2\"><select style=\"border:1px solid #484748;\" name=\"form_civilite\" id=\"form_civilite\" ><option value=\"Mlle.\" >Mlle.</option><option value=\"Mme.\" >Mme.</option><option value=\"Mr.\" >Mr.</option></select></td>";
html_mil +="<tr><td class=\"champ\">Votre nom</td><td><input style=\"border:1px solid #484748;\" type=\"text\" name=\"form_nom\" id=\"form_nom\" onblur=\"verifNom('form_nom');\"/></td><td style=\"width:100px;\"><span id=\"form_nom_err\" style=\"color: red;\"></span></td></tr>";
html_mil +="<tr><td class=\"champ\">Votre pr&eacute;nom</td><td><input style=\"border:1px solid #484748;\" type=\"text\" name=\"form_prenom\" id=\"form_prenom\" onblur=\"verifNom('form_prenom');\"/></td><td style=\"width:100px;\"><span id=\"form_prenom_err\" style=\"color: red;\"></span></td></tr>";
html_mil +="<tr><td class=\"champ\">Votre t&eacute;l&eacute;phone</td><td><input style=\"border:1px solid #484748;\"  type=\"text\" name=\"form_telephone\" id=\"form_telephone\" onBlur=\"verifierNumeroTel('form_telephone');\" /></td><td style=\"width:100px;\"><span id=\"form_telephone_err\" style=\"color: red;\"></span></td></tr>";
html_mil +="<tr><td  class=\"champ\">Vous souhaitez &ecirc;tre rappel&eacute;*</td><td colspan=\"2\"><select style=\"border:1px solid #484748;\"  name=\"form_rappel\" id=\"form_rappel\" style=\"width:150px;\">";
html_mil +="<option value=\"Dans une demi journ&eacute;e\" >Dans une demi journ&eacute;e</option><option value=\"Dans 24 heures\">Dans 24 heures</option></select></td></tr>";
html_mil +="<tr><td colspan=\"3\"><center><span style=\"color:#812614;\">*Valable de 9h &agrave; 17h du lundi au vendredi</span></center></td></tr>";
html_mil +="<tr><td colspan=\"3\"><center><span id=\"form_err\" style=\"color: red;\"></span></center></td></tr>";
html_mil +="</td></tr></table></center>";
html_mil += "</td></tr>";
html_mil += "<tr>";
html_mil += "<td width=500 height=57 class=\"bordure\"><input type=\"hidden\" value=\"0\" name=\"form_valid\" id=\"form_valid\" /><input type=\"hidden\" value=\"1\" name=\"form_post\" id=\"form_post\" /><button class=\"button\" value=\"Valider\" onclick=\"document.getElementById('form_valid').value=1;verifierFormulaire();\" ><span style=\"color:#FFFFFF; font-weight:bold; font-size: 13px;\">Appelez-moi</span></button></td>";
html_mil += "</tr>";
html_mil += "</TABLE>";
//html_mil += "</form>";
//window.onload = showsup;
	
function verifierFormulaire(){
	var tab=document.getElementsByTagName('input');
	var nbrElt=tab.length;
	var flag=true;
	if(document.getElementById('form_valid') != null)
	{
		if(document.getElementById('form_valid').value==1)
		{
			
			for(var i=0;i<nbrElt;i++){
				var type =tab[i].type;
				var name =tab[i].name;
				var value=tab[i].value;
				if(type=="text"){
					switch(name)
					{
						case 'form_nom'			:flag=verifNom("form_nom"); break;
						case 'form_prenom'		:flag=verifNom("form_prenom"); break;
						case 'form_telephone'	:flag=verifierNumeroTel("form_telephone");break;
						default: '';
					}
					if(flag==false)
					{
						break;
					}
				}
			}
			if(flag==false)
			{
				document.getElementById('form_err').innerHTML="Veuillez remplir les champs du formulaire";
			}
			else
			{
				if(document.getElementById('form_err') != null)
				{
					document.getElementById('form_err').innerHTML="Vous serez mis en relation avec notre service client.";
				}
				$J = jQuery.noConflict();
				$J.post("form.php", { form_post: "1", 
									  form_civilite: document.getElementById('form_civilite').value,
									  form_nom:  document.getElementById('form_nom').value,
									  form_prenom: document.getElementById('form_prenom').value,
									  form_telephone: document.getElementById('form_telephone').value,
									  form_rappel:  document.getElementById('form_rappel').value
									 },
					function success(data){
						closeSup();
					}
				);  
			}
		}
	}
}	
	 
function verifierNumeroTel(id){
	Expression = new RegExp('^0[1-9][0-9]{8}$');
	document.getElementById(id+'_err').innerHTML='';
	elt=document.getElementById(id);
		if(!Expression.test(elt.value))
		{
				document.getElementById('form_telephone_err').innerHTML="Format incorrect";
				return false;
		}
		else{
			document.getElementById('form_telephone_err').innerHTML='';
			return true;
		}
	
}
function verifNom(id){
	if(document.getElementById(id).value==''){
		document.getElementById(id+'_err').innerHTML="Champ requis";
		return false;
	}else{
		document.getElementById(id+'_err').innerHTML="";
		return true;
	}
}

function closeSup()
{
	if(document.getElementById)
	{
	document.getElementById("pub").style.width = '1px';
	document.getElementById("pub").style.height = '1px';
	document.getElementById("pub").innerHTML = '';
	}
}

function ScanCookie(variable)
{
	cook = document.cookie;
	variable += "=";
	place = cook.indexOf(variable,0);
	if (place <= -1)
		return("0");
	else
		{
		end = cook.indexOf(";",place)
		if (end <= -1)
			return(unescape(cook.substring(place+variable.length,cook.length)));
		else
			return(unescape(cook.substring(place+variable.length,end)));
		}
}

function CreationCookie(nom,valeur,permanent)
{
	if(permanent)
	{
	dateExp = new Date(2020,11,11);
	dateExp = dateExp.toGMTString();
	ifpermanent = '; expires=' + dateExp + ';';
	}
	else
		ifpermanent = '';
	document.cookie = nom + '=' + escape(valeur) + ifpermanent;
}

function showsup()
{
	if(document.getElementById)
	{
	document.getElementById("pub").style.width = '100%';
	document.getElementById("pub").style.height = '100%';
	document.getElementById("pub").innerHTML = html_haut+html_mil+html_bas;
	//setTimeout("closeSup()",30000);
	CreationCookie("supersticiel",false);
	}
}