// DOCUMENT JAVASCRIPT

// fonction aide au client

function help_me() {

<!-- APPARITION FOND NOIR  -->
$("#fond-noir").ready(function () {
$('#fond-noir').fadeIn(100)
$('#menu_de_droite').animate ({zIndex: "0"});
});  
<!-- APPARITION Boite 1  -->
$("#boxyman0").ready(function () {		
$('#boxyman0').fadeIn(100);

});    
}
<!-- APPARITION Boite 2  -->
  function suivant0() {
	  	 $("#boxyman0").ready(function () {
			 $('#menu_de_droite').animate({zIndex:"5" })
			 $('#boxyman0').fadeOut(100);
 });

		 $("#boxyman2").ready(function () {	
		 $('#boxyman2').fadeIn(100)
		 $('#menu_de_droite').animate({zIndex:"5"})
	     $('#boxyman2').animate({left: (document.getElementById("menu_de_droite").offsetLeft - document.getElementById("boxyman2").offsetWidth - document.getElementById("fleche_droite").offsetWidth) ,top: (document.getElementById("menu-a-droite").offsetTop + 300)}) 

  });    
  } 
  <!-- APPARITION boite 3  -->
    function suivant1() {
	  	 $("#boxyman2").ready(function () {
			 $('#menu-a-droite').animate({zIndex:"0"})
	         $('#boxyman2').animate({left: "-=1000" }) 
			 $('#boxyman2').fadeOut(100);
 });
		 

 $("#boxyman").ready(function () {	
		 $('#boxyman').fadeIn(100);
	     $('#boxyman').animate({left: (document.getElementById("menu_de_droite").offsetLeft - document.getElementById("boxyman").offsetWidth  - document.getElementById("fleche_droite").offsetWidth)}) 
		 $('#boxyman').effect("bounce", 200); 
  }); 
  } 
	
	<!-- APPARITION boite 3  -->
function suivant2() {
	  	 $("#boxyman").ready(function () { 	
			 $('#boxyman').animate({left: "-=1000"}) 
			 $('#boxyman').fadeOut(100);
			 $('#block_recherche13').animate({zIndex:"0"})
							   document.getElementById("input_reference").style.textDecoration = "none";
 });
	
	
	 $("#boxyman3").ready(function () {		
		 $('#boxyman3').fadeIn(100);
	    
		 $('#boxyman3').effect("bounce", 200); 
  });    

}
 
 <!--Fermeture des boites   -->
   function closebox() {
	  	 $("#boxyman0").ready(function () {
			 $('#boxyman0').fadeOut(100);
			 $('#fond-noir').fadeOut(100);
 			});
		 $("#boxyman").ready(function () {
			 $('#boxyman').fadeOut(100);
			});
		 
		 $("#boxyman3").ready(function () {
			 $('#boxyman3').fadeOut(100);
			 $('#boxyman3').animate({top: "-=50" }) 
			 $('#boxyman2').fadeOut(100);
			 $('#boxyman2').animate({left: g3 }) 
 			});
		 
		 $("#fond-noir").ready(function () {
			 $('#fond-noir').fadeOut(100);
 			});
  
} 
  
// Initialisation cookie

       function setCook_ok() {
        document.cookie = "visite" + "=" + "1";
			  	 $("#boxyman0").ready(function () {
			 $('#boxyman0').fadeOut(100);
 });
		 	  	 $("#boxyman").ready(function () {
			 $('#boxyman').fadeOut(100);
 });
		 
		 	  	 $("#boxyman3").ready(function () {
			 $('#boxyman3').fadeOut(100);
 });
				 	  	 $("#fond-noir").ready(function () {
			 $('#fond-noir').fadeOut(100);
 });
  
}
		
		
function SetCookie()
{

//nouvel objet date
var aujourdhui = new Date() ;
 
//nouvel objet date
var expdate = new Date() ;
 
//plus an an à partir d'aujourdh'ui le cookie ne s'efface jamais
expdate.setTime( aujourdhui.getTime() + ( 365*24*60*60*1000 ) );
 
//creation du cookie
document.cookie = "visiting" + "=" + "1"  + ";expires=" + expdate.toGMTString() ;

closebox();


}

// récupération Cookie
function GetCookie()
		{
		//position de "=" dans le cookie
		var egal= document.cookie.indexOf( "visiting=" ) ;
		cookName = document.cookie.substring ( 0, egal ) ;
		//on prend la sous-chaine comprise entre le "=" et le ";" donc sa valeur
		cookValue = document.cookie.substring ( egal +9) ;
			alert(cookValue);
			if  (cookValue != "1") {
		  }
		}
		
		function showHint(str)
		{
		var xmlhttp;
		if (str.length==0)
		  { 
			  document.getElementById("txtHint").innerHTML="";
			  return;
		  }
		// code for IE7+, Firefox, Chrome, Opera, Safari
		if (window.XMLHttpRequest)
			  {
			  xmlhttp=new XMLHttpRequest();
		  }
		else
		  {
		// code for IE6, IE5
		  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		  }
		xmlhttp.onreadystatechange=function()
		  {
		  if (xmlhttp.readyState==4 && xmlhttp.status==200)
			{
				isitok();
			}
		  }
		xmlhttp.open("GET","../../ajax/ajaxfile2.asp?q="+str,true);
		xmlhttp.send();
		}
		
		// OUVERTURE POPUP RADIO
		function Ouvre(fichier) {
			window.open(fichier,'legal','toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=0,width=350,height=150');return(false);
		}
		
// accordéon menu
ddaccordion.init({
	headerclass: "silverheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})




function help_me_res() {
		 $("#boxyman_res_1").ready(function () {	
		 $('#boxyman_res_1').fadeIn(100);
 g1 = (document.getElementById("boxyman_res_1").offsetLeft - document.getElementById("resultat_recherche_1").offsetLeft + document.getElementById("boxyman_res_1").offsetWidth + document.getElementById("fleche_droite").offsetWidth);
 g2 = "-=" + g1 + "px" ;
 g3 = "+=" + g1 + "px" ;
	     $('#boxyman_res_1').animate({left: (document.getElementById("resultat_recherche_1").offsetLeft - document.getElementById("boxyman_res_1").offsetWidth - document.getElementById("fleche_droite").offsetWidth )  }) 
		 $('#boxyman_res_1').effect("bounce", 100); 

  });    
 
}

function help_me_ref() {
	$("#boxyman_help_ref").ready(function () {	
	$('#boxyman_help_ref').fadeIn(100);
	document.getElementById("boxyman_help_ref").style.top = document.getElementById("block_recherche13").offsetTop + document.getElementById("fleche_droite").offsetHeight ;
	$('#boxyman_help_ref').animate({left: (document.getElementById("block_recherche13").offsetLeft - document.getElementById("boxyman_help_ref").offsetWidth + document.getElementById("fleche_droite").offsetWidth - document.getElementById("fleche_droite4").offsetWidth)  })
	
  });  
}

function help_me_ref_close() {
	$("#boxyman_help_ref").ready(function () {	
	$('#boxyman_help_ref').fadeOut(100);
	document.getElementById("boxyman_help_ref").style.top = document.getElementById("block_recherche13").offsetTop + document.getElementById("fleche_droite").offsetHeight ;
	$('#boxyman_help_ref').animate({right: (document.getElementById("block_recherche13").offsetLeft - document.getElementById("boxyman_help_ref").offsetWidth + document.getElementById("fleche_droite").offsetWidth - document.getElementById("fleche_droite4").offsetWidth)  })
	
  });  
}


function Suite(lien,aff_div,aff_haut_max){
	var objet = document.getElementById(aff_div); // entre les deux ' tu mes le nom du div que tu veux faire apparaître !
	if(objet.style.display == "none" || !objet.style.display){
		objet.style.display = "block";
		objet.style.overflow = "hidden"; 
		lien.innerHTML = "-"; 
        var hFinal      =     aff_haut_max;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     0;	 	//Hauteur initiale (la hauteur dès le début !)    
        var timer;
        var fct =        function ()
        {
                hActuel  +=       30;     //Augmente la hauteur de 20px (tu peux modifier) tous les 40ms !
                objet.style.height     =	 hActuel      +     'px';
                if( hActuel > hFinal)
                {
                        clearInterval(timer);   //Arrête le timer
                        objet.style.overflow    =   'inherit';
                }
        };
        fct();
		timer = setInterval(fct,40);    //Toute les 40 ms
	}else if(objet.style.display == "block"){
		var hFinal      =     0;  //Hauteur finale (la hauteur une fois que ça aura fini de déplier !)
        var hActuel     =     200;	 	//Hauteur initiale (la hauteur dès le début !)
        var timer;
        var fct =        function ()
        {
                hActuel  -=   20;     //Augmente la hauteur de -20px (tu peux modifier) tous les 40ms !
                objet.style.height     =	 hActuel      +     'px';
                if( hActuel < hFinal)
                {
                        clearInterval(timer);   //Arrête le timer
                        objet.style.overflow    =   'inherit';
						objet.style.display     =   "none";
                }
        };
        fct();
		timer = setInterval(fct,40);    //Toute les 40 ms
		lien.innerHTML = "+";
	}
}


function submit_form()  {
	msg();
}

function msg() {
	var message = "";
	adresse = document.mon_form.email.value;
	var place = adresse.indexOf("@",1);
	var point = adresse.indexOf(".",place+1);
	code_postal = document.mon_form.cp.value;
	var place_cp = code_postal.indexOf("97",-1);
	if (!document.mon_form.cgv.checked) {
		message += "- Veuillez lire et accepter les conditions générales de vente.\n";
	}
	if (document.mon_form.nom.value == "") {
		message += "- Veuillez rentrer votre nom.\n";
	}
	if (document.mon_form.prenom.value == "") {
		message += "- Veuillez rentrer votre prénom.\n";
	}
	if (document.mon_form.tel.value == ""){
		message += "- Veuillez rentrer un numéro de téléphone valide.\n";
	}
	if (document.mon_form.tel.length < 10){
		message += "- Veuillez rentrer un numéro de téléphone valide.\n";
	}
	if (document.mon_form.adresse1.value == "") {
		message += "- Veuillez rentrer votre adresse.\n";
	}
	if (document.mon_form.ville.value == "") {
		message += "- Veuillez rentrer votre ville .\n";
	}
	if ((document.mon_form.cp.value == "")||(code_postal.length < 5)) {
		message += "- Veuillez rentrer votre code postal valide.\n";
	}
	if (document.mon_form.moto.value == "") {
		message += "- Veuillez rentrer le modèle de votre moto.\n";
	}
	if (document.mon_form.annee.value == "") {
		message += "- La saisie de l'année de votre moto est obligatoire.\n";
	}
	if((place >-1)&&(adresse.length > 2)&&(point>1)) {
		message+=""; 
		}
	else {
		message+="- Veuillez rentrer une adresse email valide. \n";
	}
	
	if(place_cp == 0) {
		message+= "- Les commandes à déstination des DOM/TOM sont impossibles par Internet, veuillez nous contacter pour commander.";
	} else {
		message +="";
	}
	
	if((code_postal.length <= 4)&&(code_postal.length > 3)) {
		message+= "- Les commandes à déstination de tout pays hors France métropolitaine sont impossibles par Internet, veuillez nous contacter pour commander.";
	} else {
		message +="";	
	}
	
	if (message != "") {
		alert(message);
	} else {		
		Suite(this,'AAA',30);
		document.getElementById('mon_form').submit();

	}
}

function verif() {
	
		Suite(this,'div_name',10);
	
}
		
window.onload=function() {
if(document.getElementById('PNF_radio').checked == true) {
		document.getElementById('cadre_pnf_2').style.display = "block";
		
}
	document.getElementById("menu_gauche").style.height = document.getElementById("centre").offsetHeight ;
	document.getElementById("menu_de_droite").style.height = document.getElementById("centre").offsetHeight ;
}

	function ajax_charge_fichier()
	{
		$.ajax({
		   type: "GET",
		   dataType:"html",
		   error:function(msg){
		     alert( "Error !: " + msg );
		   },
		   success:function(data){
		   	//affiche le contenu du fichier dans le conteneur d&eacute;di&eacute;
			change_img("nom", "#img1");
			change_img("prenom", "#img2");
			change_img("adresse1", "#img3");
			change_img("ville", "#img4");
			change_img_mail();
			change_img_phone();
			change_img_cp() ;		
		}});
	}
	
	
	
	function change_img(id, img) {
			
			if ((document.getElementById(id).value != "") && (document.getElementById(id).value != " "))  {
				$(img).attr("src"," ../../images/symbol-check.png");
			} else {
				$(img).attr("src"," ../../images/symbol-wrong.png");
			}
			
	}
	
	
	function change_img_mail() {
	adresse_email = document.mon_form.email.value;
	var place_email = adresse_email.indexOf("@",1);
	var point_email = adresse_email.indexOf(".",place_email+1);
	
	if((place_email >-1)&&(adresse_email.length > 2)&&(point_email>1)) {
		$("#img5").attr("src"," ../../images/symbol-check.png");
		}  else {
		$("#img5").attr("src"," ../../images/symbol-wrong.png");
		}
}

function change_img_phone() {
		var length_tel =  document.mon_form.tel.value.length;

		if(length_tel < 10) {
			$("#img8").attr("src"," ../../images/symbol-wrong.png");
		} else {
			$("#img8").attr("src"," ../../images/symbol-check.png");		
    }
}

function change_img_cp() {
		var code_postal = document.mon_form.cp.value;
		var place_cp = code_postal.indexOf("97",-1);
		var length_tel =  document.mon_form.tel.value.length;

		if((document.mon_form.cp.value == "")||(code_postal.length < 5)) {
			$("#img6").attr("src"," ../../images/symbol-wrong.png");
		} else {
			$("#img6").attr("src"," ../../images/symbol-check.png");		
    	}
		
		if((place_cp == 0) && (code_postal.length == 5)) {
			document.getElementById("label_cp").innerHTML = "<br/> Les commandes pour DOM/TOM doivent se faire par téléphone. Contactez nous au 02 43 24 82 16 pour que nous puissons calculer les frais de transports à destination de votre ville.";
			$("#img6").attr("src"," ../../images/symbol-wrong.png");
		} else  {
			document.getElementById("label_cp").innerHTML = "";
		}
		
		
}

function ajax_paiement()
	{
		$.ajax({
		   type: "GET",
		   url: "../../ajax/ajaxfile2.asp",
		   dataType:"html",
		   error:function(msg){
		     alert( "Error !: " + msg );
		   },
		   success:function(data){
		   	//affiche le contenu du fichier dans le conteneur d&eacute;di&eacute;
			test_crbt();
			
		}});
	}
	
	function test_crbt() {
	if(mode_paiement2 == 3) {


			document.getElementById("label_CRBT").innerHTML = "<%=montant_CRBT%>" + " €";
			document.getElementById("label_montant_total").innerHTML = "<%=montant%>" + " €";
			document.mon_form.action = "paiement_cr_ok.asp";

	}
	
	if(mode_paiement2 == 1) {

			document.getElementById("label_CRBT").innerHTML = "<%=montant_CRBT%>" + " €";
			document.getElementById("label_montant_total").innerHTML = "<%=montant%>" + " €";
			document.mon_form.action = "paiement2.asp";
	}
	
	if(mode_paiement2 == 2) {

			document.getElementById("label_CRBT").innerHTML = "<%=montant_CRBT%>" + " €";
			document.getElementById("label_montant_total").innerHTML = "<%=montant%>" + " €";
			document.mon_form.action = "paiement_cheque_ok.asp";
	}
	
	if(mode_paiement2 == 4) {

			document.getElementById("label_CRBT").innerHTML = "<%=montant_CRBT%>" + " €";
			document.getElementById("label_montant_total").innerHTML = "<%=montant%>" + " €";
			document.mon_form.action = "paiement_pnf_ok.asp";
	}
	alert(document.mon_form.action);
}

function close_pnf() {
document.getElementById("cadre_pnf_2").style.display = "none";
}