//Constantes limitant les délais max et délai minimale des dispo
	var delaiDispoMin = 0;
	var delaiDispoMax = 20;

//--------------------Affichage des bulles contenant les titres de produits----------------------------------------------
		var posX=0;
		var posY=0;
		InitBulle();
		InitBulleDispo();
		InitBulleFicheTechnique();
		InitTexte();
		InitZoom();
		InitBulleDispoCaddy();
		InitDetail();
		InitMarque();
		InitBullePrecommande();
		
//------------------Fabrication d'un tableau de mois---------------------------------------------------------------------
		var tab_mois = new Array();
		tab_mois[0] = 31;
// A tout moment on peut modifier le nombre de jour du mois de février en fonction de l'année en cour
		tab_mois[1] = 28;
		tab_mois[2] = 31;
		tab_mois[3] = 30;
		tab_mois[4] = 31;
		tab_mois[5] = 30;
		tab_mois[6] = 31;
		tab_mois[7] = 31;
		tab_mois[8] = 30;
		tab_mois[9] = 31;
		tab_mois[10] = 30;
		tab_mois[11] = 31;		

//---------------------------------------------------------------------------------------------------------------------
		
		//Je détermine la position maximal de l'abcisse de la bulle
		//Ce qui permet d'éviter à la bulle de dépasser la limite de l'écran
		var posXMax=0;
		posXMax = screen.width - 300
		
		function getMousePos(e){
			if(document.all){
				posX=event.x+document.body.scrollLeft;
				posY=event.y+document.body.scrollTop;
			}else{
				if(document.getElementById){
					posX = e.pageX;
					posY = e.pageY;
				}
			}
		}
		
		
		function ShowBulle(contenu){
			texteForme = "<table width='250'><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td>" + formateTitreInfoBulle(contenu) + "</td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr></table>"
			if(document.all){
				document.all["bulle"].innerHTML=texteForme;
				if(posX > posXMax){
					document.all["bulle"].style.left=posXMax;
				}else{
					document.all["bulle"].style.left=posX;
				}
				
				document.all["bulle"].style.top=posY+20;
				document.all["bulle"].style.visibility='visible';
			}else{
				if(document.getElementById){		
					document.getElementById("bulle").innerHTML=texteForme;
					if(posX > posXMax){
						document.getElementById("bulle").style.left=posXMax+'px';
					}else{
						document.getElementById("bulle").style.left=posX;
					}
					
					document.getElementById("bulle").style.top=(posY + 20)+'px';
					document.getElementById("bulle").style.visibility='visible';
				}
			}
			
			if(document.layers){
				document.layers["bulle"].left=window.event.pagex;
				document.layers["bulle"].top=window.event.pagey;
				document.layers["bulle"].visibility='show';
				document.layers["bulle"].innerHTML=texteForme;
			}
		}
		function HideBulle(){
			
			if(document.all){
				document.all["bulle"].style.visibility='hidden';
			}else{
			
				if(document.getElementById){
					document.getElementById("bulle").style.visibility='hidden';
				}
			}
			
			if(document.layers){
				document.layers["bulle"].visibility='hidden';
			}
		}
		
		function InitBulle(){
			if(document.all){
				document.write("<div id='bulle' class='dessus' style='background-color:#FFFF99; position:absolute; left:0; top:0; visibility:hidden' ></div>");
				document.onmousemove=getMousePos;
			}else{			
				if(document.getElementById){
					document.write("<div id='bulle' style='background-color:#FFFF99; position:absolute; left:0px; top:0px; visibility:hidden' ></div>");
					document.onmousemove=getMousePos;
				}
			}
			if(document.layers){
				document.layers["bulle"].document.write('<table bgcolor=#FFFF99 width=400 heigth=200 align=center><tr><td align=center><b>&nbsp;</b></td></tr></table>');
			}
		}
		
		
		
		//''--------------------------Fonction permettant de formater les titre de façon à avoir des 
	//''-------------------------sauts de ligne en fonction de la position des virgules
	//''--------------------------Le titre formaté sera intégré dans une bulle
	function formateTitreInfoBulle(titre){
		titre = new String(titre);
		titreForme = "";
		posDeuxPoints = titre.indexOf(":");
		if (posDeuxPoints == -1){
			posDeuxPoints = titre.indexOf(",");
		}
		if (posDeuxPoints > 0) {
			longueurTotaleTitre = titre.length;
			titreAvantDeuxPoints = titre.substring(0,posDeuxPoints);
			titreApresDeuxPoints = titre.substring(posDeuxPoints + 1,longueurTotaleTitre - 1);
			chaines = titreApresDeuxPoints.split(",");
			titreformate = "";
			for(i=0;i<chaines.length; i++){
				
				if (i == chaines.length - 1){
					titreformate = titreformate + chaines[i];
				}else{
					titreformate = titreformate + chaines[i] + ", <br>";
				}
			}
			titreForme = "<b>" + titreAvantDeuxPoints + ":</b> <br>" + titreformate;
		}else{
			titreForme = titre;
		}
		
		
		return titreForme;
	}

//-----------------------------Affichage des dispo sous forme de produit de bulle
	
	function InitBulleDispo(){
		if(document.all){
			document.write("<div id='bulle_dispo' class='dessus' style='background-color:#FFFF99; position:absolute; left:0; top:0; visibility:hidden' ></div>");
			document.onmousemove=getMousePos;
		}else{			
			if(document.getElementById){
				document.write("<div id='bulle_dispo' style='background-color:#FFFF99; position:absolute; left:0px; top:0px; visibility:hidden' ></div>");
				document.onmousemove=getMousePos;
			}
		}
		if(document.layers){
			document.layers["bulle_dispo"].document.write('<table bgcolor=#FFFF99 width=400 heigth=200 align=center><tr><td align=center><b>&nbsp;</b></td></tr></table>');
		}
	}
	
	function ShowBulleDispo(disp,date_disp,date_derniere_maj){
			contenu = "";
			if(date_derniere_maj != "" && date_derniere_maj != "null"){
				
				contenu = contenu + "Dernière mise à jour : " + recupeDateHeure(date_derniere_maj) + "<br>";
			}
			switch(disp){
				case -1:
					if (date_disp != "" && date_disp != "null" ){
						if(getDelai(date_disp) > delaiDispoMin && getDelai(date_disp) <= delaiDispoMax){
							contenu = contenu + "<b>Produit disponible sur commande : </b><br>";
							///contenu = contenu + "Prochaine disponibilité annoncée par notre fournisseur estimée le <b>" + date_disp + ".</b><br>";
							contenu = contenu + "Délai moyen de réapprovisionnement annoncé par notre fournisseur estimé à <br><b>" + getDelai(date_disp) + " Jours.</b><br>";
							contenu = contenu + "Possibilité de pré-commander ce produit en cliquant sur le panier orange.";
						}else{
							///contenu = contenu + "<b>D&eacute;lai : nous consulter</b><br>";
							contenu = contenu + "<b>Demande de d&eacute;lai par mail</b><br>";
							contenu = contenu + "Possibilit&eacute; de nous faire 1 demande de v&eacute;rification ";
							contenu = contenu + "de d&eacute;lai aupr&egrave;s de notre fournisseur en cliquant ici.";
						}
					}else{
						contenu = contenu + "<b>Produit non disponible : </b><br>";
						contenu = contenu + "Nous consulter pour connaître la prochaine disponibilité estimée.";
					}
				break;
				
				case 0:
					contenu = contenu + "<b>Produit disponible : </b><br>";
					contenu = contenu + "Livré en France Métropolitaine sous 3 à 4 jours ouvrés ";
					contenu = contenu + "ou mis à disposition pour enlèvement dans nos locaux sous 1 à 2 jours ouvrés.<br>";
					contenu = contenu + "Livraison DOM/TOM ou International, nous consulter à contact@pc21.fr.";
				break;
			}
			
			
			
			texteForme = "<table width='260'><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td>" + contenu + "</td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr></table>"
			
			if(document.all){
				document.all["bulle_dispo"].innerHTML=texteForme;
				if(posX > posXMax){
					posX = posXMax
				}
				//if(posX > 720){
				//	document.all["bulle_dispo"].style.left=720;
				//}else{
				document.all["bulle_dispo"].style.left=posX;
				//}
				document.all["bulle_dispo"].style.top=posY+20;
				document.all["bulle_dispo"].style.visibility='visible';
			}else{
				if(document.getElementById){		
					document.getElementById("bulle_dispo").innerHTML=texteForme;
					if(posX > posXMax){
						posX = posXMax
					}
					//if(posX > 720){
					//document.getElementById("bulle_dispo").style.left=720+'px';
					//}else{
					document.getElementById("bulle_dispo").style.left=posX+'px';
					//}
					document.getElementById("bulle_dispo").style.top=(posY + 20)+'px';
					document.getElementById("bulle_dispo").style.visibility='visible';
				}
			}
			
			if(document.layers){
				document.layers["bulle_dispo"].left=window.event.pagex;
				document.layers["bulle_dispo"].top=window.event.pagey;
				document.layers["bulle_dispo"].visibility='show';
				document.layers["bulle_dispo"].innerHTML=texteForme;
			}
		}
		
		
		
		
		
		
		function HideBulleDispo(){
			
			if(document.all){
				document.all["bulle_dispo"].style.visibility='hidden';
			}else{
			
				if(document.getElementById){
					document.getElementById("bulle_dispo").style.visibility='hidden';
				}
			}
			
			if(document.layers){
				document.layers["bulle_dispo"].visibility='hidden';
			}
		}



///---------------------------------Formation d'une bulle pour les précommandes------------------------------------------------------------


	function InitBullePrecommande(){
		if(document.all){
			document.write("<div id='bulle_precommande' class='dessus' style='background-color:#FFFF99; position:absolute; left:0; top:0; visibility:hidden' ></div>");
			document.onmousemove=getMousePos;
		}else{			
			if(document.getElementById){
				document.write("<div id='bulle_precommande' style='background-color:#FFFF99; position:absolute; left:0px; top:0px; visibility:hidden' ></div>");
				document.onmousemove=getMousePos;
			}
		}
		if(document.layers){
			document.layers["bulle_precommande"].document.write('<table bgcolor=#FFFF99 width=400 heigth=200 align=center><tr><td align=center><b>&nbsp;</b></td></tr></table>');
		}
	}
	
	function ShowBullePrecommande(qte,date_disp,date_derniere_maj){
			contenu = "";
			if(date_derniere_maj != "" && date_derniere_maj != "null"){
				
				contenu = contenu + "Dernière mise à jour : " + recupeDateHeure(date_derniere_maj) + "<br>";
			}
			contenu = contenu + "<b>Produit en pré-commande : </b><br>";
			if(date_disp != ''){
				contenu = contenu + "Délai moyen de réapprovisionnement annoncé par notre fournisseur estimé à <br><b>" + getDelai(date_disp) + " Jours.</b><br>";
			}
			contenu = contenu + "Possibilité de pré-commander ce produit en cliquant sur le panier bleu.";
						
			
			
			texteForme = "<table width='260'><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td>" + contenu + "</td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr></table>"
			
			if(document.all){
				document.all["bulle_precommande"].innerHTML=texteForme;
				if(posX > posXMax){
					posX = posXMax
				}
				
				document.all["bulle_precommande"].style.left=posX;
				//}
				document.all["bulle_precommande"].style.top=posY+20;
				document.all["bulle_precommande"].style.visibility='visible';
			}else{
				if(document.getElementById){		
					document.getElementById("bulle_precommande").innerHTML=texteForme;
					if(posX > posXMax){
						posX = posXMax
					}
					
					document.getElementById("bulle_precommande").style.left=posX+'px';
					//}
					document.getElementById("bulle_precommande").style.top=(posY + 20)+'px';
					document.getElementById("bulle_precommande").style.visibility='visible';
				}
			}
			
			if(document.layers){
				document.layers["bulle_precommande"].left=window.event.pagex;
				document.layers["bulle_precommande"].top=window.event.pagey;
				document.layers["bulle_precommande"].visibility='show';
				document.layers["bulle_precommande"].innerHTML=texteForme;
			}
		}
		
		
		
		
		
		
		function HideBullePrecommande(){
			
			if(document.all){
				document.all["bulle_precommande"].style.visibility='hidden';
			}else{
			
				if(document.getElementById){
					document.getElementById("bulle_precommande").style.visibility='hidden';
				}
			}
			
			if(document.layers){
				document.layers["bulle_precommande"].visibility='hidden';
			}
		}
		
		



//----------------------------Formation de la bulle des disponibilités pour le panier virtuel-----------------------------------------------
		
		//Intialise bulle présentant la dispo des produit dans le panier virtuel
		function InitBulleDispoCaddy(){
			if(document.all){
				document.write("<div id='bulle_dispo_caddy' class='dessus' style='background-color:#FFFF99; position:absolute; left:0; top:0; visibility:hidden' ></div>");
				document.onmousemove=getMousePos;
			}else{			
				if(document.getElementById){
					document.write("<div id='bulle_dispo_caddy' style='background-color:#FFFF99; position:absolute; left:0px; top:0px; visibility:hidden' ></div>");
					document.onmousemove=getMousePos;
				}
			}
			if(document.layers){
				document.layers["bulle_dispo_caddy"].document.write('<table bgcolor=#FFFF99 width=400 heigth=200 align=center><tr><td align=center><b>&nbsp;</b></td></tr></table>');
			}
		}

		//Montre la bulle de disponibilité pour le caddy
		function ShowBulleDispoCaddy(disp,delai){
			contenu = "";
			
			switch(disp){
				case -1:
						contenu = contenu + "<b>Produit disponible sur commande : </b><br>";
						contenu = contenu + "Délai moyen de réapprovisionnement annoncé par notre fournisseur estimé à <br><b>" + delai + " Jours.</b><br>";
				break;
				
				case 0:
					contenu = contenu + "<b>Produit disponible : </b><br>";
					contenu = contenu + "Livré en France Métropolitaine sous 3 à 4 jours ouvrés ";
					contenu = contenu + "ou mis à disposition pour enlèvement dans nos locaux sous 1 à 2 jours ouvrés.<br>";
					contenu = contenu + "Livraison DOM/TOM ou International, nous consulter à info@pc21.fr.";
				break;
			}
			
			
			
			texteForme = "<table width='260'><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td>" + contenu + "</td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr></table>"
			
			if(document.all){
				document.all["bulle_dispo_caddy"].innerHTML=texteForme;
				if(posX > posXMax){
					posX = posXMax
				}
				//if(posX > 720){
				//	document.all["bulle_dispo"].style.left=720;
				//}else{
				document.all["bulle_dispo_caddy"].style.left=posX;
				//}
				document.all["bulle_dispo_caddy"].style.top=posY+20;
				document.all["bulle_dispo_caddy"].style.visibility='visible';
			}else{
				if(document.getElementById){		
					document.getElementById("bulle_dispo_caddy").innerHTML=texteForme;
					if(posX > posXMax){
						posX = posXMax
					}
					//if(posX > 720){
					//document.getElementById("bulle_dispo").style.left=720+'px';
					//}else{
					document.getElementById("bulle_dispo_caddy").style.left=posX+'px';
					//}
					document.getElementById("bulle_dispo_caddy").style.top=(posY + 20)+'px';
					document.getElementById("bulle_dispo_caddy").style.visibility='visible';
				}
			}
			
			if(document.layers){
				document.layers["bulle_dispo_caddy"].left=window.event.pagex;
				document.layers["bulle_dispo_caddy"].top=window.event.pagey;
				document.layers["bulle_dispo_caddy"].visibility='show';
				document.layers["bulle_dispo_caddy"].innerHTML=texteForme;
			}
		}
		
		//Cache la bulle de disponibilité du caddy virtuel
		function HideBulleDispoCaddy(){
			
			if(document.all){
				document.all["bulle_dispo_caddy"].style.visibility='hidden';
			}else{
			
				if(document.getElementById){
					document.getElementById("bulle_dispo_caddy").style.visibility='hidden';
				}
			}
			
			if(document.layers){
				document.layers["bulle_dispo_caddy"].visibility='hidden';
			}
		}

//-----------------------------------------------------------------------------------------------------------------------------------------
		
		
		//Retourne la date et l'heure au bon format
		function recupeDateHeure(uneDate){
			dateConcernee = "" + uneDate;
			posSepDateHeure = dateConcernee.indexOf(" ");
			posPremDeuxPoint = dateConcernee.indexOf(":");
			posSecDeuxPoint = dateConcernee.indexOf(":", posPremDeuxPoint + 1);
			DateCompleteSansHeure = dateConcernee.substr(0,posSepDateHeure);
			//Heures = dateConcernee.substr(posSepDateHeure + 1, (posSecDeuxPoint - posSepDateHeure - 1) );
			Heures = dateConcernee.substr(posSepDateHeure + 1, dateConcernee.length );
			chaine = DateCompleteSansHeure + " à " + Heures;
			return chaine;
		}
		
		
		//------------------------Formation de la bulle de la fiche technique
		
		function ShowBulleFicheTechnique(contenu){
			texteForme = "<table width='250'><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td>" + formateTitreInfoBulle(contenu) + "</td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr></table>"
			if(document.all){
				document.all["bulle_technique"].innerHTML=texteForme;
				if(posX > posXMax){
					document.all["bulle_technique"].style.left=posXMax;
				}else{
					document.all["bulle_technique"].style.left=posX;
				}
				
				document.all["bulle_technique"].style.top=posY+20;
				document.all["bulle_technique"].style.visibility='visible';
			}else{
				if(document.getElementById){		
					document.getElementById("bulle_technique").innerHTML=texteForme;
					if(posX > posXMax){
						document.getElementById("bulle_technique").style.left=posXMax+'px';
					}else{
						document.getElementById("bulle_technique").style.left=posX;
					}
					
					document.getElementById("bulle_technique").style.top=(posY + 20)+'px';
					document.getElementById("bulle_technique").style.visibility='visible';
				}
			}
			
			if(document.layers){
				document.layers["bulle_technique"].left=window.event.pagex;
				document.layers["bulle_technique"].top=window.event.pagey;
				document.layers["bulle_technique"].visibility='show';
				document.layers["bulle_technique"].innerHTML=texteForme;
			}
		}
		function HideBulleFicheTechnique(){
			
			if(document.all){
				document.all["bulle_technique"].style.visibility='hidden';
			}else{
			
				if(document.getElementById){
					document.getElementById("bulle_technique").style.visibility='hidden';
				}
			}
			
			if(document.layers){
				document.layers["bulle_technique"].visibility='hidden';
			}
		}
		
		function InitBulleFicheTechnique(){
			if(document.all){
				document.write("<div id='bulle_technique' class='dessus' style='background-color:#FFFF99; position:absolute; left:0; top:0; visibility:hidden' ></div>");
				document.onmousemove=getMousePos;
			}else{			
				if(document.getElementById){
					document.write("<div id='bulle_technique' style='background-color:#FFFF99; position:absolute; left:0px; top:0px; visibility:hidden' ></div>");
					document.onmousemove=getMousePos;
				}
			}
			if(document.layers){
				document.layers["bulle_technique"].document.write('<table bgcolor=#FFFF99 width=400 heigth=200 align=center><tr><td align=center><b>&nbsp;</b></td></tr></table>');
			}
		}
		
		//------------------Affichage du texte  contenu dans la bulle (Entête du site, contenu quelconque) -------------------------------------------------------
		
		//Ceci permet d'afficher n'importe quel texte du site dans la bulle
		function ShowTexte(contenu,err){
			texteForme = "";
			largeurBulle = 0;
			
			//err indique si le message est un message d'erreur, si c'est un message d'erreur alors les texte est écrit en rouge
			if(err){
				largeurBulle = 500;
				texteForme = "<table width='"+ largeurBulle +"'><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td>" + contenu + "</td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr></table>"
			}else{
				largeurBulle = 250;
				texteForme = "<table width='"+ largeurBulle +"'><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td>" + contenu + "</td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr></table>"
			}
			
			posXMax = screen.width - largeurBulle - 50;
			
			if(document.all){
				document.all["bulle_entete"].innerHTML=texteForme;
				if(posX > posXMax){
					posX = posXMax
				}
				document.all["bulle_entete"].style.left=posX;
				document.all["bulle_entete"].style.top=posY+20;
				document.all["bulle_entete"].style.visibility='visible';
			}else{
				
				if(document.getElementById){
					document.getElementById("bulle_entete").innerHTML=texteForme;
					if(posX > posXMax){
						posX = posXMax
					}
					document.getElementById("bulle_entete").style.left=posX;
					document.getElementById("bulle_entete").style.top=(posY + 20)+'px';
					document.getElementById("bulle_entete").style.visibility='visible';
				}
			}
			
			if(document.layers){
				document.layers["bulle_entete"].left=window.event.pagex;
				document.layers["bulle_entete"].top=window.event.pagey;
				document.layers["bulle_entete"].visibility='show';
				document.layers["bulle_entete"].innerHTML=texteForme;
			}
		}
		
		//Cache la bulle contenant le texte
		function HideTexte(){
			
			if(document.all){
				document.all["bulle_entete"].style.visibility='hidden';
			}else{
			
				if(document.getElementById){
					document.getElementById("bulle_entete").style.visibility='hidden';
				}
			}
			
			if(document.layers){
				document.layers["bulle_entete"].visibility='hidden';
			}
		}
		
		
		
		
		//Itilialisation de la bulle contenant les texte
		function InitTexte(){
				
			if(document.all){
				document.write("<div id='bulle_entete' style='background-color:#FFFF99; position:absolute; left:0; top:0; visibility:hidden; z-index:2' ></div>");
				document.onmousemove=getMousePos;
			}else{			
				if(document.getElementById){
					document.write("<div id='bulle_entete' style='background-color:#FFFF99; position:absolute; left:0px; top:0px; visibility:hidden; z-index:2' ></div>");
					document.onmousemove=getMousePos;
				}
			}
			if(document.layers){
				document.layers["bulle_entete"].document.write('<table bgcolor=#FFFF99 width=400 heigth=200 align=center><tr><td align=center><b>&nbsp;</b></td></tr></table>');
			}
		}
		
		
		
		
		
		//Ceci permet d'afficher n'importe quel texte du site dans la bulle
		function ShowMarque(la_marque){
			texteForme = "";
			largeurBulle = 250;
			
			texteForme = "<table width='"+ largeurBulle +"'><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td>Tous les produits de la marque <b>" + la_marque + "<b></td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr></table>"
		
			
			posXMax = screen.width - largeurBulle - 50;
			
			if(document.all){
				document.all["bulle_marque"].innerHTML=texteForme;
				if(posX > posXMax){
					posX = posXMax
				}
				document.all["bulle_marque"].style.left=posX;
				document.all["bulle_marque"].style.top=posY+20;
				document.all["bulle_marque"].style.visibility='visible';
			}else{
				
				if(document.getElementById){
					document.getElementById("bulle_marque").innerHTML=texteForme;
					if(posX > posXMax){
						posX = posXMax
					}
					document.getElementById("bulle_marque").style.left=posX;
					document.getElementById("bulle_marque").style.top=(posY + 20)+'px';
					document.getElementById("bulle_marque").style.visibility='visible';
				}
			}
			
			if(document.layers){
				document.layers["bulle_marque"].left=window.event.pagex;
				document.layers["bulle_marque"].top=window.event.pagey;
				document.layers["bulle_marque"].visibility='show';
				document.layers["bulle_marque"].innerHTML=texteForme;
			}
		}
		
		//Cache la bulle contenant le texte
		function HideMarque(){
			
			if(document.all){
				document.all["bulle_marque"].style.visibility='hidden';
			}else{
			
				if(document.getElementById){
					document.getElementById("bulle_marque").style.visibility='hidden';
				}
			}
			
			if(document.layers){
				document.layers["bulle_marque"].visibility='hidden';
			}
		}
		
		
		
		
		//Itilialisation de la bulle contenant les texte
		function InitMarque(){
				
			if(document.all){
				document.write("<div id='bulle_marque' style='background-color:#FFFF99; position:absolute; left:0; top:0; visibility:hidden; z-index:2' ></div>");
				document.onmousemove=getMousePos;
			}else{			
				if(document.getElementById){
					document.write("<div id='bulle_marque' style='background-color:#FFFF99; position:absolute; left:0px; top:0px; visibility:hidden; z-index:2' ></div>");
					document.onmousemove=getMousePos;
				}
			}
			if(document.layers){
				document.layers["bulle_marque"].document.write('<table bgcolor=#FFFF99 width=400 heigth=200 align=center><tr><td align=center><b>&nbsp;</b></td></tr></table>');
			}
		}
		
		
		
		
		
		
		
		//------------------------Montre la bulle contenant le zoom de la photo de la fiche de produit-------------------------------------
		var hauteur_zoom = 0;
		var largeur_zoom = 0;
		function ShowZoom(chemin){
			texteForme = "";
			largeurBulle = 400;
			hauteurBulle = 300;
			getSablier();
			//err indique si le message est un message d'erreur, si c'est un message d'erreur alors les texte est écrit en rouge
			
			//texteForme = "<table ><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td><a href='javascript:HideZoom();'><img onload='positionnerZoom();' src='" + chemin + "' alt='Cliquez ici pour fermer' title='Cliquez ici pour fermer' border=0 /></a></td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr><tr><td colspan=3>&nbsp;</td></tr></table>";
			
			setTimeout('chargerImageZoom(\''+chemin+'\');',100);
			///chargerImageZoom();
			/*
			document.getElementById("bulle_zoom").innerHTML=texteForme;
			document.getElementById("bulle_zoom").style.visibility='visible';
			*/
			
			//positionnerZoom();
			//endSablier();
			if(document.layers){
				document.layers["bulle_zoom"].left=100;
				document.layers["bulle_zoom"].top=250;
				document.layers["bulle_zoom"].visibility='show';
				document.layers["bulle_zoom"].innerHTML=texteForme;
			}
		}
		
		function chargerImageZoom(chemin){
			texteForme = "";
			///getSablier();
			//err indique si le message est un message d'erreur, si c'est un message d'erreur alors les texte est écrit en rouge
			texteForme = "<table ><tr><td colspan=3></td></tr><tr><td>&nbsp;</td><td><a href='javascript:HideZoom();'><img onload='positionnerZoom();' src='" + chemin + "' alt='Cliquez ici pour fermer' title='Cliquez ici pour fermer' border=0 /></a></td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr><tr><td colspan=3>&nbsp;</td></tr></table>";
				
			
			
			document.getElementById("bulle_zoom").innerHTML=texteForme;
			document.getElementById("bulle_zoom").style.visibility='visible';
		}
		
		
		function positionnerZoom(){
			getDimension(document.getElementById("bulle_zoom").offsetHeight,document.getElementById("bulle_zoom").offsetWidth);
			
			document.getElementById("bulle_zoom").style.left=((screen.width - largeur_zoom)/2)+'px';
			document.getElementById("bulle_zoom").style.top=(document.body.scrollTop + (document.body.clientHeight - hauteur_zoom)/2)+'px';
			endSablier();
		}
		
		function getDimension(haut,largeur){
			hauteur_zoom = haut;
			largeur_zoom = largeur;
			ratio = largeur_zoom / hauteur_zoom; 
			
			if(hauteur_zoom > screen.height * 0.80){
				hauteur_zoom = screen.height * 0.80;
				largeur_zoom = ratio * hauteur_zoom;
			}else{			
				if(largeur_zoom > screen.width * 0.80){
					largeur_zoom = screen.width * 0.80;
					hauteur_zoom = largeur_zoom/ratio;
				}
			}
			
		}
		
		
		function getSablier(){
			document.getElementById('patientez').className='patientez_svp';
			document.getElementById("patientez").style.top=((document.body.clientHeight - document.getElementById('patientez').offsetHeight)/2 + document.body.scrollTop)+'px';
			document.getElementById("patientez").style.left=((document.body.clientWidth - document.getElementById('patientez').offsetWidth)/2) + 'px';
			document.getElementById("patientez").style.visibility='visible';
		}


		function endSablier(){
			document.getElementById("patientez").style.visibility='hidden';
		}
				
		
		
		//Cache la bulle contenant le zoom de l'image de du produit détaillé
		function HideZoom(){
			/*
			if(document.all){
				document.all["bulle_zoom"].style.visibility='hidden';
			}else{
			*/
				if(document.getElementById){
					document.getElementById("bulle_zoom").style.visibility='hidden';
				}
			//}
			
			if(document.layers){
				document.layers["bulle_zoom"].visibility='hidden';
			}
			endSablier();
		}
		
		//Intialise la bulle contenant le zoom
		function InitZoom(){
			/*
			if(document.all){
				document.write("<div id='bulle_zoom' class='dessus' style='background-color:#FFFFFF; position:absolute; left:0; top:0; visibility:hidden' ></div>");
				document.onmousemove=getMousePos;
			}else{			
				*/
				//if(document.getElementById){
				///	document.write("<div id='bulle_zoom' style='background-color:#FFFFFF; position:absolute; left:0px; top:0px; visibility:hidden' ></div>");
					document.onmousemove=getMousePos;
				//}
			//}
			if(document.layers){
				document.layers["bulle_zoom"].document.write('<table bgcolor=#FFFFFF align=center><tr><td align=center><b>&nbsp;</b></td></tr></table>');
			}
		}
		
		
		//-----------------------Déclaration de la bulle qui affichera le contenu d'un texte 
		//---------------dans une grande bulle qui jouera le rôle d'une page superposée sur la page principale du navigateur 
		
		
		function ShowDetail(entete, contenu){
			var offset=0;
			if(window.pageYOffset)
				offset = window.pageYOffset;
			else
				if(document.body && document.body.scrollTop)
					offset=document.body.scrollTop;
					
			texteForme = "";
			largeurBulle = 0;
			
			//err indique si le message est un message d'erreur, si c'est un message d'erreur alors les texte est écrit en rouge
				contenu = contenu.replace(/''/g,"\"");
				largeurBulle = 400;
				texteForme = "<table  ><tr><td colspan=3 align='right' ><a href='javascript:HideDetail();' class='lien'>Fermer</a></td></tr><tr><td colspan=3 align='center' ><font class='texte_noir_gras'>"+entete+"</font></td></tr><tr><td colspan=3 align='right' >&nbsp;</td></tr><tr><td>&nbsp;</td><td>"+contenu+"</td><td>&nbsp;</td></tr><tr><td colspan=3></td></tr><tr><td colspan=3 align='right' ><a href='javascript:HideDetail();' class='lien' >Fermer</a></td></tr></table>";
				
			//posXMax = screen.width - largeurBulle - 50;
			
			if(document.all){
				document.all["detail"].innerHTML=texteForme;
				//document.all["detail"].style.left=100;
				document.all["detail"].style.left=(screen.width - document.all["detail"].offsetWidth)/2;
				document.all["detail"].style.top=offset+210;
				document.all["detail"].style.visibility='visible';
			}else{
				if(document.getElementById){		
					document.getElementById("detail").innerHTML=texteForme;
					//document.getElementById("detail").style.left=100;
					document.getElementById("detail").style.left=(screen.width - document.getElementById("detail").offsetWidth)/2;
					document.getElementById("detail").style.top=(offset+210)+'px';
					document.getElementById("detail").style.visibility='visible';
				}
			}
			/*
			if(document.layers){
				document.layers["bulle_entete"].left=window.event.pagex;
				document.layers["bulle_entete"].top=window.event.pagey;
				document.layers["bulle_entete"].visibility='show';
				document.layers["bulle_entete"].innerHTML=texteForme;
			}
			*/
			if(document.layers){
				document.layers["detail"].left=100;
				document.layers["detail"].top=250;
				document.layers["detail"].visibility='show';
				document.layers["detail"].innerHTML=texteForme;
			}
		}
		
		
		
		
		
		
		//Cache la bulle contenant le zoom de l'image de du produit détaillé
		function HideDetail(){
			
			if(document.all){
				document.all["detail"].style.visibility='hidden';
			}else{
			
				if(document.getElementById){
					document.getElementById("detail").style.visibility='hidden';
				}
			}
			
			if(document.layers){
				document.layers["detail"].visibility='hidden';
			}
		}
		
		//Intialise la bulle contenant le zoom
		function InitDetail(){
			if(document.all){
				document.write("<div id='detail'  style='background-color:#FFFF99; position:absolute; left:0; top:0; visibility:hidden' ></div>");
				document.onmousemove=getMousePos;
			}else{			
				if(document.getElementById){
					document.write("<div id='detail' style='background-color:#FFFF99; position:absolute; left:0px; top:0px; visibility:hidden' ></div>");
					document.onmousemove=getMousePos;
				}
			}
			if(document.layers){
				document.layers["detail"].document.write('<table bgcolor=#FFFF99 align=center><tr><td align=center><b>&nbsp;</b></td></tr></table>');
			}
		}
		
		
		
		// Gestion de l'ouverture des Popups sous forme de navigateurs
		
		function OuvrePopupSAV(nom_page_web){
			//window.open(nom_page_web, "navigateur_fils", "menubar=no, status=no, scrollbars=yes, menubar=no, width=600, height=600, left="+((window.screen.width - 600)/2)+", top="+((window.screen.height - 600)/2)+"");
			var fenetre = window.open(nom_page_web, "navigateur_fils", "resizable=yes, status=no, scrollbars=yes, menubar=no, location=no, left=1, top=1");
			
			
			//window.moveTo(((window.screen.width - window.document.all["nav"].offsetWidth)/2),((window.screen.height - window.document.all["nav"].offsetHeight)/2));
			///window.moveTo(((window.screen.width - 600)/2),((window.screen.height - 600)/2));
			
			//window.moveTo();
		}
		
		function OuvreModaliteLivraison(dispo,delai,ref){
			OuvrePopupTexte('/modalites_expedition.html?dispo='+dispo+'&delai='+delai+'&ref-pc21='+ref);
		}
		
		//Ouverture de la popup des conseil avant vente
		function OuvrePopupPaiement(){
			OuvrePopupTexte('/modalites_paiements.html');
		}
		
		//Ouverture de la popup des conseil avant vente
		function OuvrePopupConseil(logo_agrement){
			OuvrePopupTexte('/conseil.html?icone='+logo_agrement);
		}
		
		
		// Ouverture de la popup de texte
		function OuvrePopupTexte(nom_page_web){
			var Lecran = window.screen.width;
			var Hecran = window.screen.height;
			var Lfenetre;
			var Hfenetre;
			if(Lecran > 800)
				Lfenetre = 2*Lecran/3;
			else
				Lfenetre = 600;
			
			if(Hecran > 600)
				Hfenetre = 2*Hecran/3;
			else
				Hfenetre = 600;
			var fenetre = window.open(nom_page_web, "navigateur_fils", "resizable=yes, status=no, scrollbars=yes, menubar=no, location=no, left=1, top=1, width="+Lfenetre + ", height="+Hfenetre);
		}
		
		
		
		//-----------------Détermination du délais en nombre de jours----------------------------------------------------
		function getDelai(prochaine_dispo){
			var nbJoursDisp;
			var nbJoursEnCours;
			var delais;
			var anneeEnCours;
			var anneeDispo;
			var nbAnneesDispo;
			var DateEnCours;
			var DateDispo;

			//if(""+prochaine_dispo <> "" && ""+prochaine_dispo <> "null"){//Si la date de prochaine dispo est renseignée
				DateEnCours = new Date();
				DateDispo = new Date(getEnglishDate(prochaine_dispo));
				
				//Récupération de l'année en cours et l'année de disponibilité
				anneeEncours = DateEnCours.getYear();//Année en Cours
				anneeDispo = DateDispo.getYear();//Année de la prochaine disponibilité
				//Délais de disponibilité en années
				nbAnneesDispo = anneeDispo - anneeEncours; //Délais de dispo (en année)
				
				//Calcul du nombre de jours de disponibilité
				nbJoursDisp = getNbJoursAnnee(prochaine_dispo);
				for(i=0; i<nbAnneesDispo; i++ ){
					nbJoursDisp = nbJoursDisp + getNbJoursAnnee('31/12/' + (anneeEncours + i));
				}
				//Cacul du nombre de jour écoulés de l'années en cours
				nbJoursEnCours = getNbJoursAnnee(getNow());
				//Calcul du délais de dispo
				delais = nbJoursDisp - nbJoursEnCours + 1;
			/*}else{
				delais = 0;
			}*/
			return delais;
		}
		
		
		//---------------Je calcul le nombre de jours écoulés de l'année en cours------------------------------------------
		function getNbJoursAnnee(laDate){
				maDate = new Date(getEnglishDate(laDate));
				annee = maDate.getYear();
				mois = maDate.getMonth();
				jour = maDate.getDate();
				sommeJours = 0;
				tab_mois[1] = getNbJoursFevrier(annee);
				for(i=0;i<mois;i++){
					sommeJours = sommeJours + tab_mois[i];
				}
				sommeJours = sommeJours + jour;
				return sommeJours;
		}
		
		//Récupération de la date sous forme anglosaxon
		function getEnglishDate(StringDate){
			chaines = StringDate.split("/");
			toEnglishDate = chaines[2] + "/"+ chaines[1] + "/" + chaines[0];
			return toEnglishDate;
		}
		
		
		//--------------Calcul du nombre de jours dans le mois de février (année bissextile ou non) --------------------------
		function getNbJoursFevrier(annee){
			//année bissextile si l'année est divisible par 4 et non divisible par 100 ou divisible par 400
			if(((annee % 4 == 0) && (annee % 100 != 0))||(annee % 400 == 0)){
				return 29;
			}else{
				return 28;
			}
		}
		
		//-------------date d'aujourd'hui-----------------------------------------
		function getNow(){
			var dateDuJour;
			laDate = new Date();
			dateDuJour = (laDate.getDate() < 10?"0"+laDate.getDate():""+laDate.getDate()) + "/" + ((laDate.getMonth() + 1) < 10?"0"+(laDate.getMonth() + 1):""+(laDate.getMonth() + 1)) + "/" + (laDate.getYear()) ;
			return dateDuJour;
		}