
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Inscription | FRONTLINE</title>
	<link type="text/css" rel="stylesheet" href="/css/ftl-profile-all_FR.css" />
	<link type="text/css" rel="stylesheet" href="/js/fancybox/jquery.fancybox-1.3.1.css" />
	<link type="text/css" rel="stylesheet" href="/css/pagination.css" media="screen" />
	<script type="text/javascript" src="/js/char-0.9.js"></script>
	<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="/js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
	<script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.1.js"></script>
	<script type="text/javascript" src="/js/fancybox/jquery.easing-1.3.pack.js"></script>
	<script type="text/javascript" src="/js/script.js"></script>
</head>
<body>
<!--[if lte IE 8]><div class="ISIE678"><![endif]-->
<!--[if lte IE 7]><div class="ISIE67"><![endif]-->
<div id="container">
	<div id="header">
		<h1 class="logo"><a href="/index.asp"><img src="/images/logo.png" alt="FRONTLINE Combo<sup>®</sup>"/></a></h1>
		<div class="access">
			<a href="http://www.coachingcombo.fr" target="_blank" title="Accès vet" class="vet"><span>Accès veto</span></a>
			<a href="http://www.labelcom2010.com/" title="Accès ASV" class="breeders"><span>Breeders Access</span></a>

			<ul class="language">
				<li>
						<a href="#"><img src="/illu/flag_fr.png" alt="Français" />France</a>
						<ul id="sous-menu">
							<li><a href="http://frontline.ru.merial.com"><img src="/illu/flag_ru.png" alt="Russkii" />Россия</a></li>
						</ul>
				</li>
			</ul>		 
			<form onSubmit="return form_test_2();" action="/search/search.asp" method="get" id="f_search"> 	 
			<div id="ftlSearch">
				<label for="search-area"><span>Recherche</span></label><input type="text" name="zoom_query" id="zoom_searchbox_2" class="zoom_searchbox text">
				<input type="submit" class="zoom_button button" id="btn_submit" value="">
			</div>
		  	</form>
		</div> <!--.access-->
	</div><!--#header-->
	
	<ul id="menu">
		<li><a href="/index.asp" class="part1"><span>Accueil</span></a></li>
		<li><a href="/puce-tique/index.asp" class="part2"><span>Puce et Tique</span></a></li>
		<li><a href="/produits/index.asp" class="part3"><span>FRONTLINE<sup>®</sup></span></a></li>
		<li><a href="/actualites/index.asp" class="part4"><span>Actualités</span></a></li>
		<li><a href="/goodies/index.asp" class="part5"><span>Goodies</span></a></li>
		<li><a href="/ou-acheter.asp" class="part6"><span>Trouver FRONTLINE<sup>®</sup></span></a></li>
	</ul><!--#menu-->
<div id="content">

<div id="content-full">
    <div class="fil-ariane"><a href="/index.asp">Accueil</a> &gt; Inscription</div>
    <div class="text">

		<h1>Inscription</h1>
		<p>Inscrivez-vous au service de rappel de traitement antiparasitaire et recevez une alerte par SMS ou par e-mail ! </p>
		<p><em>*champs obligatoires</em></p>
		
		<form action="inscription.asp" method="post" id="fInscription">   
              <div class="details-part1">  
			  <h2>1 - Votre profil</h2>
					<p>
					  <label id="label-firstname" for="name">Prénom *</label>
						<input class="field large" maxlength=50 id="firstname" name="firstname" value="" type="input" />  
                	<br />         
						<label id="label-name" for="name">Nom * </label>
						<input class="field large" maxlength=50 id="lastname" name="lastname" value="" type="input" />  
                	<br />         
						<label id="label-email" for="email">
						Adresse email *
					</label>
						<input class="field large" maxlength=50 id="email" name="email" value="" type="input" />  
                	<br />         
						<label id="label-phone" for="email">Téléphone</label>
						<input class="field large" maxlength=20 id="phone" name="phone" value="" type="input" />  
                	<br />         
						<label id="label-pwd" for="email">Mot de passe *</label>
						<input class="field large" maxlength=50 id="pwd" name="pwd" value="" type="password" />
					</p>
			  </div> 
              <div class="details-part2">
					<h2>2 - Votre animal</h2>
			
					<div id="PetInfo_1">
						<p>
							<a href="javascript:;" id="addPet_1" onClick="duplicatepet();" class="blueTxt">Ajouter un autre animal ?</a> - <a href="javascript:;" id="removePet_1" onClick="deletepet(this);">Supprimer</a>
						</p>
						<p>
							<input id="petId_1" name="petId_1" value="" type="hidden" />
							<input id="OK_1" name="OK_1" value="1" type="hidden" />
                		<br />         
						  <label id="label-specie" for="petType">Chat / chien *</label>
							<select id="petType_1" name="petType_1" onchange='javascript:showDogCat(this,PetFreqChien_1,PetFreqChat_1,PetFreq_1)'>
								<option value="Chien" >Chien</option><!--CUSTOMIZATION-->
								<option value="Chat" >Chat</option><!--CUSTOMIZATION-->
							</select>

                		<br />
							<label id="label-animalName" for="petName">Nom *</label>
							<input class="field large" maxlength=50 id="petName_1" name="petName_1" value="" type="input" />
                		<br />
							<label id="label-lastRappel" for="petDate">Dernier traitement (JJ/MM/AAAA) *</label>
							<input class="field large" maxlength=10 id="petDate_1" name="petDate_1" value="" type="input" />
                		<br />
							<label id="label-frequenceCat" for="PetFreq">Fréquence *</label>
							<select id='PetFreqChien_1' name='PetFreqChien_1' onchange='javascript:setFrequency(petType_1,PetFreqChien_1,PetFreqChat_1,PetFreq_1, this)'><option value='2 semaines'>2 semaines</option>
<option value='1 mois' selected >1 mois</option>
<option value='2 mois'>2 mois</option>
</select><select id='PetFreqChat_1' name='PetFreqChat_1' onchange='javascript:setFrequency(petType_1,PetFreqChien_1,PetFreqChat_1,PetFreq_1, this)' style='display:none;'><option value='2 semaines'>2 semaines</option>
<option value='1 mois' selected >1 mois</option>
<option value='2 mois'>2 mois</option>
</select>
							<input id="PetFreq_1" name="PetFreq_1" type="hidden" value="1 mois" />
						</p>
				  
				  </div>
				  
				  <!--perinfo-->
				  </div> 
	              <p class="details-part3">
	              	
						<label id="label1" for="emailR smsR">Souhaitez vous recevoir votre rappel *</label>
					
						<br />
						<input type="checkbox" name="emailR" class="radio" />par e-mail<br />
						<input type="checkbox" name="smsR" class="radio" />et/ou SMS?		  
                		<br />  
						<input type="checkbox" name="newsletter" class="radio" checked />       
					  	<label id="label-mode" for="emailR smsR">Si vous souhaitez recevoir d'autre informations à propos de MERIAL, FRONTLINE<sup>®</sup> et FRONTLINE Combo<sup>®</sup>, s'il vous plaît cochez ici.</label>
				  </p>
	              <!--details-part3-->
					

					<!-- END NEW PET -->
				<p class="details-part4">										
					<input name="valider" type="button" value="Ok" id="valider" class="blue_button" onclick='submitform()'/>
					<input name="usr_id" id="usr_id" type="hidden" value= />
					<input name="mode" id="mode" type="hidden" value= />
					<input name="login" id="login" type="hidden" value= />
					<input name="ancienLogin" id="ancienLogin" type="hidden" value= />
					<input name="nbPet" id="nbPet" type="hidden" value=1 />
					<input name="nbPetDisplay" id="nbPetDisplay" type="hidden" value=1 />
					<input name="nbPetIni" id="nbPetIni" type="hidden" value=1 />
					
				</p>
		</form>
		
<script language="JavaScript">
	var count = 1;
	var fInscription = document.getElementById("fInscription");
	;
	
	showDeleteLink();
	

	function showDogCat(Specie, Dog, Cat, Freq){

			var i = Specie.id.substr(Specie.id.indexOf('_')+1,2);
			var j = i - fInscription.nbPetIni.value

			if((fInscription.nbPet.value == fInscription.nbPetIni.value)||(i<=fInscription.nbPetIni.value)){
				if(Specie.value == 'Chien'){
					Dog.style.display = "Block";
					Cat.style.display = "None";
					Freq.value = Dog.value;
				}else{
					Dog.style.display = "None";
					Cat.style.display = "Block";
					Freq.value = Cat.value;
				}
			}else{
				if(Specie.value == 'Chien'){
					Dog(j).style.display = "Block";
					Cat(j).style.display = "None";
					Freq(j).value = Dog(j).value;
				}else{
					Dog(j).style.display = "None";
					Cat(j).style.display = "Block";
					Freq(j).value = Cat(j).value;
				}
			}
	}

	function setFrequency(Specie, Dog, Cat, Freq, obj){

			var i = obj.id.substr(obj.id.indexOf('_')+1,2);
			var j = i - fInscription.nbPetIni.value

			if((fInscription.nbPet.value == fInscription.nbPetIni.value)||(i<=fInscription.nbPetIni.value)){
				if(Specie.value == 'Chien'){
					Freq.value = Dog.value;
				}else{
					Freq.value = Cat.value;
				}
			}else{
				if(Specie(j).value == 'Chien'){
					Freq(j).value = Dog(j).value;
				}else{
					Freq(j).value = Cat(j).value;
				}
			}
	}

	function duplicatepet() {
		count ++;
		var newLi = document.getElementById("PetInfo_1").cloneNode(true);
		newLi.name = "PetInfo_" + count;
		newLi.id = "PetInfo_" + count;
		var sel = newLi.getElementsByTagName("INPUT")[0];
		sel.name = "petId_" + count;
		sel.id = "petId_" + count;
		sel.value = "";
		var sel = newLi.getElementsByTagName("INPUT")[1];
		sel.name = "OK_" + count;
		sel.id = "OK_" + count;
		sel.value = "1";
		var sel = newLi.getElementsByTagName("SELECT")[0];
		sel.id = "petType_" + count;
		sel.name = "petType_" + count;
		sel.value = "Chien"
		var sel = newLi.getElementsByTagName("INPUT")[2];
		sel.name = "petName_" + count;
		sel.id = "petName_" + count;
		sel.value = "";
		var sel = newLi.getElementsByTagName("INPUT")[3];
		sel.name = "petDate_" + count;
		sel.id = "petDate_" + count;
		sel.value = "";
		var sel = newLi.getElementsByTagName("SELECT")[1];
		sel.id = "PetFreqChien_" + count;
		sel.name = "PetFreqChien_" + count;
		sel.value = "1 Mois - FR";
		var sel = newLi.getElementsByTagName("SELECT")[2];
		sel.id = "PetFreqChat_" + count;
		sel.name = "PetFreqChat_" + count;
		sel.value = "1 Mois - FR";
		var sel = newLi.getElementsByTagName("INPUT")[4];
		sel.name = "PetFreq_" + count;
		sel.id = "PetFreq_" + count;
		sel.value = "1 Mois - FR";
		var sel = newLi.getElementsByTagName("A")[0];
		sel.name = "addPet_" + count;
		sel.id = "addPet_" + count;
		var sel = newLi.getElementsByTagName("A")[1];
		sel.name = "removePet_" + count;
		sel.id = "removePet_" + count;
		document.getElementById("PetInfo_1").parentNode.appendChild(newLi);
		document.getElementById("nbPet").value = count;
		document.getElementById("nbPetDisplay").value ++;
		document.getElementById("PetInfo_"+count).style.display = "Block";
		showDeleteLink();
	}

	function deletepet(obj){
		var i =obj.id.substr(obj.id.indexOf('_')+1,2);

		document.getElementById("PetInfo_" + i).style.display = "None";
		document.getElementById("petName_" + i).value = "";
		document.getElementById("nbPetDisplay").value --;
		document.getElementById("OK_" + i).value = "0";
		showDeleteLink();
	}


	function showDeleteLink(){

		var display = (document.getElementById("nbPetDisplay").value==1?"hidden":"visible")
		for(var i=1; i<=document.getElementById("nbPet").value; i++)
			document.getElementById("removePet_" + i).style.visibility = display;
	}

	function submitform() {
		var str_firstname = new String();
		var str_lastname = new String();
		var str_err_mail = new String();
		var str_valid_mail = new String();
		var str_err_pass = new String();
		var str_err_receive = new String();
		var str_err_mob = new String();
		var str_valid_mob = new String();
		str_firstname = "Merci de renseigner votre prénom";
		str_lastname = "Merci de renseigner votre nom de famille";
		str_err_mail = "Merci de renseigner votre adresse email.";
		str_valid_mail = "Merci de renseigner une adresse email valide";
		str_err_pass = "Merci de renseigner votre mot de passe.";
		str_err_receive = "Merci de renseigner la façon de recevoir votre rappel";
		str_err_mob = "Merci de renseigner votre numéro de téléphone mobile";
		str_valid_mob = "Merci de renseigner un numéro de mobile valide";
		
		var mail = /^[\w\-]+(\.[\w\-]+)*@[\w\-]+(\.[\w\-]+)*\.[\w\-]{2,}$/;
		var phone = new RegExp(/^[0-9]{10}/gi);/*CUSTOMIZATION*/
		fInscription.phone.value = ClearPhoneNumber(fInscription.phone.value);
		var mode = fInscription.mode.value;

		if(fInscription.firstname.value == "")
			alert(str_firstname);
		else
			if(fInscription.lastname.value == "")
				alert(str_lastname);
			else
				if(fInscription.email.value == "")
					alert(str_err_mail);
				else
					if(!(mail.test(fInscription.email.value)))
						alert(str_valid_mail);
					else
						if(fInscription.pwd.value == "")
								alert(str_err_pass);
							else
								if(mode!="edit" && (!(fInscription.emailR.checked))&&(!(fInscription.smsR.checked)))
									alert(str_err_receive);
								else
									if((fInscription.smsR.checked)&&(fInscription.phone.value == ""))
											alert(str_err_mob);
									else
										if((fInscription.smsR.checked)&&(!(phone.test(fInscription.phone.value))))
											alert(str_valid_mob);
										else
											validatePet();
	}

	function validatePet(){		
		var str_err_pass = new String();
		var str_err_receive = new String();
		var str_err_mob = new String();
		var str_valid_mob = new String();
		str_err_sel = "Merci de sélectionner au moins un animal";
		str_err_petname = "Merci de renseigner le nom de votre animal de compagnie";
		str_err_date = "Merci de renseigner la date du dernier traitement";
		str_err_spe = "Merci de sélectionner une espèce";
		str_err_freq = "Merci de sélectionner une fréquence";
		var i = 0, ok = 0; j = 0;
		if(fInscription.nbPetDisplay.value < 1)

			alert(str_err_sel);
		else

			for(i=1;i<=fInscription.nbPet.value;i++){

				if(document.getElementById("OK_" + i).value == "1"){
					j++;

					if(document.getElementById("petName_" + i).value=="")
						alert(str_err_petname + " " + j);
					else
						if(document.getElementById("petDate_" + i).value=="")
							alert(str_err_date + " " + j);
						else
							if(CheckDate(document.getElementById("petDate_" + i).value,i))
								if(document.getElementById("petType_" + i).value=="")
									alert(str_err_spe + " " + j);
								else
									if(document.getElementById("PetFreq_" + i).value=="")
										alert(str_err_freq + " " + j);
									else
										ok++;
				}
			}
	 	if(ok == fInscription.nbPetDisplay.value) fInscription.submit();
	}

	function ClearPhoneNumber(strNumber){

		var i = -1;
		var ClearedNumber = "";

		while(++i<strNumber.length){
			if((strNumber.substr(i,1)>='0')&&(strNumber.substr(i,1)<='9'))
				ClearedNumber += strNumber.substr(i,1);
		}
		return ClearedNumber.substr(0,10);/*CUSTOMIZATION*/
	}

   	function CheckDate(d, i) {
      var str_pet_exp = new String();
      var str_err_month = new String();
	  var str_err_day = new String();
	  var str_err_year = new String();
	  var str_tags_exp = new String();
	  var str_date_exp = new String();
	  var str_inc_exp = new String();
	  var str_plz_exp = new String();
	  str_pet_exp = "Animal de compagnie";
	  str_err_month = "Le mois n'est pas correct. (JJ/MM/AAAA)";
	  str_err_day = "Le jour n'est pas correct. (JJ/MM/AAAA)";
	  str_err_year = "L'année n'est pas correcte. (JJ/MM/AAAA)";
	  str_tags_exp = "entre les balises.";
	  str_date_exp = "Cette date";
	  str_inc_exp = "n'est pas correct.";
	  str_plz_exp = "Merci d'utiliser";
      // Cette fonction vrifie le format JJ/MM/AAAA saisi et la validit de la date.
      // Le sparateur est dfini dans la variable separateur
      var amin=1900; // anne mini
      var amax=2200; // anne maxi
      var separateur="/"; // separateur entre jour/mois/annee
      var reg=new RegExp("[ " + separateur + "]+", "g");
      var tableau=d.split(reg);
      var j=tableau[0];/*CUSTOMIZATION*/
      var m=tableau[1];/*CUSTOMIZATION*/
      var a=tableau[2];/*CUSTOMIZATION*/
      var ok=1;
      if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) ) {
		 alert(str_pet_exp + " " + i + ": " + str_err_month); ok=0;
      }
      if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) {
         alert(str_pet_exp + " " + i + ": " + str_err_day); ok=0;
      }
      if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) ) {
         alert(str_pet_exp + " " + i + ": " + str_err_year); ok=0;
      }
      if ((tableau.length != 3) && (ok==1) ) {
		 alert(str_pet_exp + " " + i + ": " + str_plz_exp + separateur + str_tags_exp); ok=0;
      }
      if (ok==1) {
         var d2=new Date(a,m-1,j);
         j2=d2.getDate();
         m2=d2.getMonth()+1;
         a2=d2.getFullYear();
         if (a2<=100) {a2=1900+a2}
         if ( (m!=m2)||(j!=j2)||(a!=a2) ) {
            alert(str_pet_exp + " " + i + ": " + str_date_exp + d + str_inc_exp);
            ok=0;
         }
      }
      return ok;
   }
	</script>
    </div><!-- text -->
</div><!-- content-full -->
</div><!-- content -->

  <div id="footer">
  <div class="inner">
      <ul>
        <li>&copy;2010 Merial -</li>
        <li><a href="/sitemap.asp">Plan du site</a> -</li>
        <li><a href="/conditions.asp"> Conditions d'utilisation</a> -</li>
        <li><a href="/terms.asp"> Mentions legales</a> -</li>
        <li><a href="/links.asp"> Liens</a> -</li>
        <li><a href="/contact.asp"> Contact</a></li>
      </ul>
      <a class="logo_merial"href="http://www.merial.com"><img src="/images/logo_merial.jpg" alt="Merial"/></a>  </div>
  </div><!--#footer-->
</div>
<!--#container-->
<!--[if lte IE 7]></div><![endif]-->
<!--[if lte IE 8]></div><![endif]-->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-6273162-40");
pageTracker._trackPageview();
</script>
</body>
</html>