//URL nouvelle : http://estc.msn.com/br/intl/spec/fr-fr/annuaires/js/default_new_v2.js
//URL d'origine : http://estc.msn.com/br/intl/spec/en-gb/annuaires/js/1/default_new.js

var x = document.getElementsByTagName('h3');
for (var i=0;i<x.length;i++)
{
	if (x[i].innerHTML.indexOf("Publici"))
		x[i].innerHTML = "Publicité";
}
document.charset='iso-8859-1';


var g_form1prompt1 = "Précisez une activité ou un nom";
var g_form1prompt2 = "Précisez une localité ou un département";
var g_form2prompt1 = "Merci d'indiquer un nom et une localité et/ou un département";
var g_form2prompt4 = "Merci d'indiquer une localité ou un département";

var g_form1input1 = null;
var g_form1input2 = null;
var g_form2input1 = null;
var g_form2input4 = null; 
var g_form3input1 = null;
var g_form4input1 = null;
var g_form4input2 = null;



var g_form1 = null;

var g_hostURL = "http://estc.msn.com/br/intl/spec/en-gb/annuaires/css/1/";
// var g_hostURL = "http://st.sand.msn-int.com/br/intl/spec/en-gb/v-jonyy/4913/css/1/";

function $(id)
{
    return document.getElementById(id);
}

function addHeadImg()
{
    var imgLogo= document.createElement("img");
    imgLogo.src=g_hostURL+"decoration/customlogo.jpg";
    imgLogo.alt="pages aunes";
    imgLogo.style.width="132px";
    imgLogo.style.height="38px";
    $("logo").appendChild(imgLogo);
}




function init()
{
    addHeadImg();
    createForm1();
    createForm2();
    createForm3();
    createForm4();
}


function createForm1()
{
    var parent = $("form1container");
    var html = '';
    html+='<form name="rechercherClassiqueForm" id="formClassiqueHaut" method="post" action="http://www.pagesjaunes.fr/trouverlesprofessionnels/rechercheClassique.do?portail=MSN" target="_blank">';
    html+='<span class="formfont1">Trouver les professionnels</span><br />';
    html+='<table class="table1" border="0" cellpadding="0" cellspacing="0">';
    html+='<tr><td valign="top" align="right" class="formfont1 table1td1">Quoi, Qui</td><td valign="top"><input type="text" id="quoiqui" name="quoiqui" onfocus="clearForm1Prompt();" class="form1textbox" /><br /><span class="formfont2">Ex : restaurant, médecin, marque, service</span></td></tr>';
    html+='<tr><td valign="top" align="right" class="formfont1">Où</td><td valign="top"><input type="text" id="PJ_ou" name="ou" onfocus="clearForm1Prompt();" class="form1textbox" /><br /><span class="formfont2">Ex : ville, région, code postal, métro</span></td></tr>';                        
    html+='<tr><td></td><td valign="bottom"><input type="checkbox" id="proximite" name="proximite" onclick="changeForm1Action(this.checked);"/><label for="proximite" class="formfont1" style="padding:0px">à côté de...</label><input type="image" id="submit1" src="'+g_hostURL+'decoration/submitbutton.jpg" onclick="return validateForm1Input();" /></td></tr>';
    html+='</table>';
    html+='</form>';
    
    parent.innerHTML=html;
    
    g_form1input1 = $("quoiqui");
    g_form1input2 = $("PJ_ou");
    g_form1 = $("formClassiqueHaut");
    
    /*
    
    <form name="rechercherClassiqueForm" id="formClassiqueHaut" method="post" action="http://www.pagesjaunes.fr/trouverlesprofessionnels/rechercheClassique.do?quoiqui=%%Contenu_du_champ_QuoiQui%%&ou=%%Contenu_du_champ_OU%%&portail=MSN" target="_blank">
                            <span class="formfont1">Trouver les professionnels</span><br />
                            <table class="table1" border="0" cellpadding="0" cellspacing="0">
                                <tr><td valign="top" align="right" class="formfont1 table1td1">Quoi, Qui</td><td valign="top"><input type="text" id="quoiqui" name="quoiqui" onfocus="clearForm1Prompt();" /><br /><span class="formfont2">Ex : restaurant, hôtel 3 étoiles, activité, marque, service...</span></td></tr>
                                <tr><td valign="top" align="right" class="formfont1">Où</td><td valign="top"><input type="text" id="PJ_ou" name="ou" onfocus="clearForm1Prompt();" /><br /><span class="formfont2">Ex : ville, région, code postal, monument, métro...</span></td></tr>
                                <tr><td></td><td valign="bottom"><input type="checkbox" id="proximite" name="proximite" onclick="changeForm1Action(this.checked);"/><label for="proximite" class="formfont1" style="padding:0px">à côté de...</label><input type="image" id="submit1" src="css/decoration/submitbutton.jpg" onclick="return validateForm1Input();" /></td></tr>
                            </table>
                            </form>
    */    
}

function createForm2()
{
    var parent = $("form2container");
    var html = '';
    html+='<form name="RecherchePagesBlanchesForm" id="formAccueil" method="post" action="http://www.pagesjaunes.fr/trouverunnom/RecherchePagesBlanches.do?portail=MSN" target="_blank">';
    html+='<span class="formfont1">Trouver un nom, une personne</span><br />';
    html+='<table class="table2" border="0" cellpadding="0" cellspacing="0">';
    html+='<tr><td valign="top" align="right" class="formfont1">Nom</td><td valign="top"><input type="text" id="nom" name="nom" onfocus="clearForm2Prompt();" class="form2textbox" /><br /><span class="formfont2">Ex : Dupont</span></td></tr>';
    html+='<tr><td valign="top" align="right" class="formfont1"><span style="font-weight:normal;">Prénom</span></td><td valign="top"><input type="text" id="prenom" name="prenom" class="form2textbox" /><br /><span class="formfont2">Ex : Jean</span></td></tr>';
    html+='<tr><td valign="top" align="right" class="formfont1"><span style="font-weight:normal;">Adresse</span></td><td valign="top"><input type="text" id="voieLibelle" name="voieLibelle" class="form2textbox"/><br /><span class="formfont2">Ex : 7 av de la cristallerie</span></td></tr>';
    html+='<tr><td valign="top" align="right" class="formfont1">Localite</td><td valign="top"><input type="text" id="localiteLibelle" name="localiteLibelle" onfocus="clearForm2Prompt();" class="form2textbox"/><br /><span class="formfont2">Ex : paris 9, 75009</span></td></tr>';
    html+='<tr><td valign="top" align="right" class="formfont1 table2td1">Département ou région</td><td valign="top"><input type="text" id="depRegLibelle" name="depRegLibelle" class="form2textbox"/><br /><span class="formfont2">Ex : 92, idf</span></td></tr>';
    html+='<tr><td></td><td  align="right" valign="bottom"><input type="image" id="submit2" src="'+g_hostURL+'decoration/submitbutton.jpg" onclick="return validateForm2Input();" /><input type="hidden" name="actionForwardName" value="reponse" /></td></tr>';
    html+='</table>';
    html+='</form>';
    
    parent.innerHTML=html;
    
    g_form2input1 = $("nom");
    g_form2input4 = $("localiteLibelle");
    
    /*
    <form name="RecherchePagesBlanchesForm" id="formAccueil" method="post" action="http://www.pagesjaunes.fr/trouverunnom/RecherchePagesBlanches.do?nom=%%NOM%%&prenom=%%PRENOM%%&voieLibelle=%%VOIE%%&localiteLibelle=%%LOCALITE%%&depRegLibelle=%%DEPT%%&actionForwardName=reponse&portail=MSN" target="_blank">
                            <span class="formfont1">Trouver un nom, une personne</span><br />
                            <table class="table2" border="0" cellpadding="0" cellspacing="0">
                            <tr><td valign="top" align="right" class="formfont1">Nom</td><td valign="top"><input type="text" id="nom" name="nom" onfocus="clearForm2Prompt();" class="form2textbox" /><br /><span class="formfont2">Ex : Dupont</span></td></tr>
                            <tr><td valign="top" align="right" class="formfont1">Prénom</td><td valign="top"><input type="text" id="prenom" name="prenom" class="form2textbox" /><br /><span class="formfont2">Ex : Jean</span></td></tr>
                            <tr><td valign="top" align="right" class="formfont1">Adresse</td><td valign="top"><input type="text" id="voieLibelle" name="voieLibelle" class="form2textbox"/><br /><span class="formfont2">Ex : 7 av de la cristallerie</span></td></tr>
                            <tr><td valign="top" align="right" class="formfont1">Localite</td><td valign="top"><input type="text" id="localiteLibelle" name="localiteLibelle" onfocus="clearForm2Prompt();" class="form2textbox"/><br /><span class="formfont2">Ex : paris 9, 75009</span></td></tr>
                            <tr><td valign="top" align="right" class="formfont1 table2td1">Département ou région</td><td valign="top"><input type="text" id="depRegLibelle" name="depRegLibelle" class="form2textbox"/><br /><span class="formfont2">Ex : 92, idf</span></td></tr>
                            <tr><td></td><td  align="right" valign="bottom"><input type="image" id="submit2" src="css/decoration/submitbutton.jpg" onclick="return validateForm2Input();" /><input type="hidden" name="actionForwardName" value="reponse" /></td></tr>
                            </table>
                            </form>
    */
    
}

function createForm3()
{
    var parent =$("form3container");
    var html='';
    
    html+='<form name="formqui" id="formqui" action="http://www.pagesjaunes.fr/quidonc/aquiestcenumero.do?portail=MSN" target="_blank">';
    //html+='<form name="formqui" id="formqui" action="http://www.pagesjaunes.fr/plusdeservices/redirectionFormulaire.do" target="_blank">';
    html+='<table class="table3" border="0" cellpadding="0" cellspacing="0">';
    html+='<tr><td colspan="2" valign="top" align="left"><div class="formfont1" id="form3title">A qui donc il est ce numéro ?</div><div class="formfont2" id="form3desc">Recherchez un particulier ou un professionnel<br /> en France à partir d\'un numéro de téléphone ou de télécopie.</div></td></tr>';
    html+='<tr><td  colspan="2" valign="top" align="left" class="formfont1">Tapez les 10 chiffres du numéro :</td></tr>';
    html+='<tr><td valign="top" align="left"><input type="" id="FRM_TEL" name="FRM_TEL" class="form3textbox" /><div class="formfont2" id="form3inputprompt">Ex : 0146203000</div></td><td valign="top" align="right"><input type="image" id="submit3" src="'+g_hostURL+'decoration/submitbutton.jpg" onclick="return validateForm3Input();" /></td></tr>';
    html+='<input type="hidden" name="urlServeur" value="quiDoncNumero" /><input type="hidden" name="faire" value="decode_input_image" /><input type="hidden" name="pId" value="P1" /><input type="hidden" name="portail" value="quidonc" /><input type="hidden" name="DEFAULT_ACTION" value="if_tester" /><input type="hidden" name="srv" value="INV" /><input type="hidden" name="lang" value="FR" /><input type="hidden" name="InitQuid" value="quidonc" />';
    html+='</table>';
    //html+='<div class="formfont2">Service Payant. Le service vous sera facturé 0,5€ TTC par recherche.</div>';
    html+='</form>';
    
    parent.innerHTML=html;
    
    g_form3input1=$("FRM_TEL");
    
    /*
    <form name="formqui" id="formqui" action="http://www.pagesjaunes.fr/plusdeservices/redirectionFormulaire.do" target="_blank">
                            <table class="table3" border="0" cellpadding="0" cellspacing="0">
                                <tr><td colspan="2" valign="top" align="left"><div class="formfont1" id="form3title">A qui donc il est ce numéro ?</div><div class="formfont2" id="form3desc">Recherchez un particulier ou un professionnel<br /> en France à partir d'un numéro de téléphone ou de télécopie.</div></td></tr>
                                <tr><td  colspan="2" valign="top" align="left" class="formfont1">Tapez les 10 chiffres du numéro :</td></tr>
                                <tr><td valign="top" align="left"><input type="" id="FRM_TEL" name="FRM_TEL" class="form3textbox" /><div class="formfont2" id="form3inputprompt">Ex : 0146203000</div></td><td valign="top" align="right"><input type="image" id="submit3" src="css/decoration/submitbutton.jpg" onclick="return validateForm3Input();" /></td></tr>
                                <input type="hidden" name="urlServeur" value="quiDoncNumero" /><input type="hidden" name="faire" value="decode_input_image" /><input type="hidden" name="pId" value="P1" /><input type="hidden" name="portail" value="quidonc" /><input type="hidden" name="DEFAULT_ACTION" value="if_tester" /><input type="hidden" name="srv" value="INV" /><input type="hidden" name="lang" value="FR" /><input type="hidden" name="InitQuid" value="quidonc" />
                            </table>
                            <div class="formfont2">Service Payant. Le service vous sera facturé 0,5€ TTC par recherche.</div>
                            </form>
    */
}


function createForm4()
{

var parent =$("form4container");
    var html='';
    
    html+='<form name="formqui2" id="formqui2" action="http://www.pagesjaunes.fr/quidonc/quiportecenom.do?portail=MSN" target="_blank">';
    html+='<table class="table4" border="0" cellpadding="0" cellspacing="0">';
    html+='<tr><td colspan="2" valign="top" align="left"><div class="formfont1" id="form4title">Mais qui donc porte ce nom ?</div><div class="formfont2" id="form3desc">Recherchez par son nom un particulier ou<br />un professionnel sur la France entière.</div></td></tr>';
    html+='<tr><td align="right" valign="top" class="formfont1 table4td1">Nom</td><td valign="top" align="left"><input type="text" id="FRM_NOM" name="FRM_NOM" class="form4textbox" /><div class="formfont2">Ex : Dupont</div></td></tr>';
    html+='<tr><td align="right" valign="top" class="formfont1 table4td1"><span style="font-weight:normal;">Prénom</span></td><td valign="top" align="left"><input type="text" id="FRM_PRENOM" name="FRM_PRENOM" class="form4textbox" /><div class="formfont2">Vous pouvez le préciser, ex : Jean</div></td></tr>';
    html+='<tr><td colspan="2" align="right"><input type="image" id="submit4" src="'+g_hostURL+'decoration/submitbutton.jpg" onclick="return validateForm4Input();" /></td></tr>';
    //html+='<tr><td colspan="2" class="formfont2">Service Payant. Le service vous sera facturé 0,5€<br />TTC par recherche.</td></tr>';
    html+='<tr><td colspan="2"><input type="hidden" name="urlServeur" value="quiDoncNom" /><input type="hidden" name="faire" value="decode_input_image" /><input type="hidden" name="pId" value="P2" /><input type="hidden" name="portail" value="quidonc" /><input type="hidden" name="DEFAULT_ACTION" value="if_tester" /><input type="hidden" name="srv" value="NFR" /><input type="hidden" name="lang" value="FR" /><input type="hidden" name="InitQuid" value="quidonc" /></td></tr>';
    html+='</table>';
    html+='</form>';
    
    parent.innerHTML=html;
    
    g_form4input1=$("FRM_NOM");
    g_form4input2=$("FRM_PRENOM");


/*
<form name="formqui2" id="formqui2" action="http://www.pagesjaunes.fr/plusdeservices/redirectionFormulaire.do" target="_blank">
                        <table class="table4" border="0" cellpadding="0" cellspacing="0">
                        <tr><td colspan="2" valign="top" align="left"><div class="formfont1" id="form4title">Mais qui donc porte ce nom ?</div><div class="formfont2" id="form3desc">Recherchez par son nom un particulier ou<br />un professionnel sur la France entière.</div></td></tr>
                        <tr><td align="right" valign="top" class="formfont1 table4td1">Nom</td><td valign="top" align="left"><input type="text" id="FRM_NOM" name="FRM_NOM" class="form4textbox" /><div class="formfont2">Ex : Dupont, SQLI</div></td></tr>
                        <tr><td align="right" valign="top" class="formfont1 table4td1">Prénom</td><td valign="top" align="left"><input type="text" id="FRM_PRENOM" name="FRM_PRENOM" class="form4textbox" /><div class="formfont2">Ex : Alexandre, Jean</div></td></tr>
                        <tr><td colspan="2" align="right"><input type="image" id="submit4" src="css/decoration/submitbutton.jpg" onclick="return validateForm4Input();" /></td></tr>
                        <tr><td colspan="2" class="formfont2">Service Payant. Le service vous sera facturé 0,5€<br />TTC par recherche.</td></tr>
                        <tr><td colspan="2"><input type="hidden" name="urlServeur" value="quiDoncNom" /><input type="hidden" name="faire" value="decode_input_image" /><input type="hidden" name="pId" value="P2" /><input type="hidden" name="portail" value="quidonc" /><input type="hidden" name="DEFAULT_ACTION" value="if_tester" /><input type="hidden" name="srv" value="NFR" /><input type="hidden" name="lang" value="FR" /><input type="hidden" name="InitQuid" value="quidonc" /></td></tr>
                        </table>
                        </form>
*/
}


function validateForm1Input()
{
    var ret = true;
    
    if(isEmpty(g_form1input1.value)==true || g_form1input1.value.indexOf(g_form1prompt1)>=0)
    {
        ret = false;
        g_form1input1.value=g_form1prompt1;
    }
    
    if(isEmpty(g_form1input2.value)==true || g_form1input2.value.indexOf(g_form1prompt2)>=0)
    {
        ret = false;
        g_form1input2.value=g_form1prompt2;
    }
    
    return ret;
}

function validateForm2Input()
{
    var ret = true;
    
    if(isEmpty(g_form2input1.value)==true || g_form2input1.value.indexOf(g_form2prompt1)>=0)
    {
        ret = false;
        g_form2input1.value=g_form2prompt1;
    }
    
    if(isEmpty(g_form2input4.value)==true || g_form2input4.value.indexOf(g_form2prompt4)>=0)
    {
        ret = false;
        g_form2input4.value=g_form2prompt4;
    } 
    
    return ret;
}

function validateForm3Input()
{
    return true;
}

function validateForm4Input()
{
    return true;
}

function clearForm1Prompt()
{   
    if(g_form1input1.value == g_form1prompt1)
    {
        g_form1input1.value="";
    }
    
     if(g_form1input2.value == g_form1prompt2)
    {
        g_form1input2.value="";
    }
}

function clearForm2Prompt()
{
    if(g_form2input1.value == g_form2prompt1)
    {
        g_form2input1.value="";
    }
    
     if(g_form2input4.value == g_form2prompt4)
    {
        g_form2input4.value="";
    }
}

function clearForm3Prompt()
{
    return;
}

function changeForm1Action(checked)
{
    if(!checked)
    {
        g_form1.action="http://www.pagesjaunes.fr/trouverlesprofessionnels/rechercheClassique.do?quoiqui=%%Contenu_du_champ_QuoiQui%%&ou=%%Contenu_du_champ_OU%%&portail=MSN";
    }
    else
    {
        g_form1.action="http://www.pagesjaunes.fr/trouverlesprofessionnels/rechercheClassique.do?quoiqui=%%Contenu_du_champ_QuoiQui%%&ou=%%Contenu_du_champ_OU%%&proximite=true&portail=MSN";
    }
}

function isEmpty(value)
{
    var pattern = / /igm;
    
    if(value.replace(pattern,"").length == 0)
    {
        return true;
    }
    return false;
}



init();