



<!--

/*-----------------------------------
GENERIQUE 
paramLayerAjoutArticle est dans param.js
-------------------------------------- */
var layerAjoutArticle = null;
var quantitePrecedente;
function AjouterArticlePanier(numa, couleur, lot, urlArticleLot, callbackFunction) {
	var req = "maroquinerie_valise_bagages_sac.gnc?Destination=ajoutArticle&oldcouleur=0&addcross=0" +
	"&numa=" + numa +
	"&couleur=" + couleur +
	"&qte=1" +
	"&lot=" + lot +
	"&urlArticleLot=" + urlArticleLot;

	var aoLoader1 = new aoLoader(null,"",{backgroundColor:"#ffffff"});
	new Ajax.Request(req,{
		method:'get',
		onComplete: function(transport) {
			aoLoader1.supprimer();
		},
		onSuccess: function(transport){
		var response = transport.responseText || "no response text";
		$('panier_plan2').innerHTML = response;
		if ($('box_details_prod')) {
			//on est sur la page article le layer est positionnée sur le bloc détails
			$('panier_plan2').style.height = $('box_details_prod').getHeight()-30+'px';
			document.location.href = "#";
		} else {
			//on est sur une autre page : on positionne le layer au centre de la page
			dims = document.viewport.getDimensions();
			scrolls = document.viewport.getScrollOffsets();
			posx=scrolls.left+(dims.width-334)/2;
			posy=scrolls.top+(dims.height-152)/2;
			$('panier_plan2').setStyle("left:"+posx+"px");
			$('panier_plan2').setStyle("top:"+posy+"px");
		}
		$('panier_plan2').style.display = 'block';
		
		//raffraichissement du layer panier dans le header
		refreshLayerPanier();

		//appel eventuel de la fonction callback passée en paramètre
		if (callbackFunction){
			callbackFunction();
		}
		
	},
	onFailure: function(){ alert("Problème technique ajax ajout article") }
	});

}

function refreshLayerPanier(){

		var aoLoader2 = new aoLoader(null,"",{backgroundColor:"#ffffff"});
		new Ajax.Request("sites/gsell/jsp/layer_panier.jsp",
				{
			method:'get',
			parameters : "",
			onComplete: function(transport) {
				aoLoader2.supprimer();
			},
		onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			nbArticlesPanier=response.evalScripts();
			/* la variable nbArticlesPanier est positionnée dans le contenu retourné par l'appel ajax précédent*/
			$('nb_produits').innerHTML=nbArticlesPanier[0];
			$('layer_panier').innerHTML=response;
			
		},
		onFailure: function(){ alert('Erreur javaScript lors du chagrement du layer produits') }
		});
}

/*----------------------------------- Fonction ajout au panier a affichage classique pour le site bagages ----------------------------------*/

function AjouterArticlePanierClassique() {
	layerAjoutArticle = new aoLayer("layerAjoutArticle","",
		paramLayerAjoutArticle.propriete,paramLayerAjoutArticle.btfermer,
		paramLayerAjoutArticle.ombre
	);
	createLayerChargement(layerAjoutArticle._cadreContenu.id,"#55343f","0.5","sites/gsell/images/chargement_zoom.gif");
	var req = "maroquinerie_valise_bagages_sac.gnc?Destination=ajoutArticle&oldcouleur=0&addcross=0" +
	     	  "&numa=" + document.formProduit.numa.value +
	      	  "&couleur=" + document.formProduit.couleur.value +
	      	  "&qte=" + document.formProduit.qte.value

	new Ajax.Request(req,{
    method:'get',
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
		layerAjoutArticle.setContenu(response);
      	response.evalScripts();
    },
    onFailure: function(){ alert("Problème technique ajax ajout article") }
  });

}

function validerQuantiteArticle() {
	var qte = document.formProduit.qte.value;
	if(qte == "") {
		alertLayer ("Le champ quantité ne doit pas être vide.", numRayon);
		document.formProduit.qte.value=quantitePrecedente;
	}else if(isNaN(qte)){
		alertLayer ("Veuillez saisir un nombre entier.", numRayon);
		document.formProduit.qte.value=quantitePrecedente;
	}else if(qte == "0"){
		alertLayer ("Le champ quantité ne doit pas être égal à zéro.", numRayon);
		document.formProduit.qte.value=quantitePrecedente;
	}else {
		quantitePrecedente=document.formProduit.qte.value;
	}
}


function valideprod(){
	var obj =  document.forms.formProduit;
	var objcross =  document.forms.fcross;
	for(var i=0;i<objcross.addproduit.length;i++){
		if(objcross.addproduit[i].checked ==true){
				obj.addcross.value=objcross.addproduit[i].value;
			break;
		}
	}
	my_layer.f_cacher(my_layer.is_object('esp_commande'))
	alertLayer ("obj.submit()", numRayon);
}
	/* initPosition sert à n'appeler qu'une faois de script en fin de layer_zoom_imagesarticle
	car sinon il est appelé à chaque fois qu'on bouge le layer */
	var initPosition = true;

	function openPopImagesArticle(numarticle){
		var div = document.getElementById("zoomimagesarticle");
		codeCouleurSelected = document.getElementById("code_couleur_selected");
		div.style.display="block";
		createLayerChargement("zoomimagesarticle","#55343f","0.5","sites/gsell/images/chargement_zoom.gif");
		//centreElement(div);
		initPosition = true;
		new Ajax.Request('maroquinerie_valise_bagages_sac.gnc?Destination=affImagesArticle&numa='+numarticle+'&type=gd&requestedColor='+codeCouleurSelected.innerHTML,
	  {
	    method:'get',
	    onSuccess: function(transport){
	      var response = transport.responseText || "no response text";
	      //alert("Success! \n\n" + response);
	      div.innerHTML = response;
	      response.evalScripts();
	    },
	    onFailure: function(){ alert("Problème technique ajax affichage du zoom") }
	  });
	}

	function openPop360(reference){
		layer360 = new aoLayer("layerPop360","",{width:"360px", height:"503px"},{},{});
		var so = new SWFObject("flash/play_360.swf", reference, "356", "478", "8", "#FFFFFF");
		so.addVariable("refGsell", reference);
		so.write("layerPop360conteneur");
	}	

	
	function changePhotosDetail(imageMoyenne, imageGrande){
		if(loupe != null) {
			loupe.change ("images/imftp/article/" +imageMoyenne, "images/imftp/article/" +imageGrande);
		}
		document.images.photoMoyenne.src = "images/imftp/article/" +imageMoyenne;
	}
		
	function ajoute(numArticle){
		objform = document.formProduit;
		objform.Destination.value="ajoutArticleComparateur";
		objform.numa.value=numArticle;			
		objform.submit();
	}

	function afficheLayerInfos(nom, numArticle, refArticle ){
		
		contenuLayer="<form method=\"post\" action=\"maroquinerie_valise_bagages_sac.gnc\" name=\"formMail\" >";
		contenuLayer+="<input type=\"hidden\" name=\"Destination\" value=\"sendMailGetInfoArticle\">";
		contenuLayer+="<input type=\"hidden\" name=\"typearticle\">";
		contenuLayer+="<input type=\"hidden\" name=\"numa\"  value=\""+numArticle+"\">";
		contenuLayer+="<input type=\"hidden\" name=\"reference\"  value=\""+refArticle+"\">";
		contenuLayer+="<input type=\"hidden\" name=\"couleur\">";
		contenuLayer+="<div class=\"cadre\"><a href=\"javascript:layerInfos.fermer();reactiveLoupe()\" class=\"btfermer\"><img src=\"sites/gsell/images/btn_fermer.gif\" width=\"51\" height=\"14\" border=\"0\"/></a><br>";
		contenuLayer+="<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"blockinfo\">";
		contenuLayer+="	<tr>";
		contenuLayer+="<td colspan=\"3\"><strong><span>";
		if (nom=="avertirDispo"){
			contenuLayer+="Je souhaite &ecirc;tre averti(e) lorsque ce produit sera disponible";
		} else {
			contenuLayer+="Je souhaite avoir plus d'infos sur cet article";
		}
		contenuLayer+="</span></strong></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td colspan=\"3\">&nbsp;</td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="	<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="    <td width=\"20%\"><label>Civilit&eacute;&nbsp;: </label></td>";
		contenuLayer+="    <td width=\"70%\"><select name=\"civilite\" class=\"cssimputext\" style=\"width:140px;\">";
		contenuLayer+="        <option value=\"Madame\" selected>Mme</option>";
		contenuLayer+="        <option value=\"Mademoiselle\">Mlle</option>";
		contenuLayer+="        <option value=\"Monsieur\">Mr</option>";
		contenuLayer+="      </select></td>";
		contenuLayer+="  	</tr>  	";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\"><label>Nom : </label></td>";
		contenuLayer+="		<td width=\"70%\"><input type=\"text\" name=\"nom_info\" size=\"24\" class=\"cssimputext\" style=\"text-align:left;\"/></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\" nowrap ><label>Pr&eacute;nom : </label></td>";
		contenuLayer+="		<td width=\"70%\"><input type=\"text\" name=\"prenom_info\" size=\"24\" class=\"cssimputext\" style=\"text-align:left;\"/></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\" nowrap ><label>Votre Email : </label></td>";
		contenuLayer+="		<td width=\"70%\"><input type=\"text\" name=\"email\" size=\"24\" class=\"cssimputext\" style=\"text-align:left;\"/></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\" nowrap ><label>Commentaires : </label></td>";
		contenuLayer+="		<td width=\"70%\"><textarea  name=\"commentaires\" rows=\"3\" cols=\"17\" class=\"cssimputext\" style=\"text-align:left;\"></textarea></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr><td colspan=\"3\">&nbsp;</td>";
		contenuLayer+="	<tr><td colspan=\"3\"><center><input type=\"button\" onclick=\"javascript:submitForm()\" value=\"Envoyer\" class=\"inputbouton\"/></center></td></tr>";
		contenuLayer+="</table>";
		contenuLayer+="</div>";
		contenuLayer+="</form>";
		
		layerInfos = new aoLayer("aolayer_infoArticle",contenuLayer,
		{
			isDrag:false,borderWidth:"0px",width:"350px", height:"230px"			
		},{},
		{
			width:5
		}
		);			
	}
	
	
	//fonction spécifique à gsell, ajoutée suite à la refonte des layers
	function afficheLayerInfosGsell(nom, numArticle, refArticle ){
		
		contenuLayer="<form method=\"post\" action=\"maroquinerie_valise_bagages_sac.gnc\" name=\"formMail\" >";
		contenuLayer+="<input type=\"hidden\" name=\"Destination\" value=\"sendMailGetInfoArticle\">";
		contenuLayer+="<input type=\"hidden\" name=\"typearticle\">";
		contenuLayer+="<input type=\"hidden\" name=\"numa\"  value=\""+numArticle+"\">";
		contenuLayer+="<input type=\"hidden\" name=\"reference\"  value=\""+refArticle+"\">";
		contenuLayer+="<input type=\"hidden\" name=\"couleur\">";
		contenuLayer+="<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"blockinfo\">";
		contenuLayer+="	<tr>";
		contenuLayer+="<td colspan=\"3\"><strong><span>";
		if (nom=="avertirDispo"){
			contenuLayer+="Je souhaite &ecirc;tre averti(e) lorsque ce produit sera disponible";
		} else {
			contenuLayer+="Je souhaite avoir plus d'infos sur cet article";
		}
		contenuLayer+="</span></strong></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td colspan=\"3\">&nbsp;</td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="	<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="    <td width=\"20%\"><label>Civilit&eacute;&nbsp;: </label></td>";
		contenuLayer+="    <td width=\"70%\"><select name=\"civilite\" class=\"cssimputext\" style=\"width:140px;\">";
		contenuLayer+="        <option value=\"Madame\" selected>Mme</option>";
		contenuLayer+="        <option value=\"Mademoiselle\">Mlle</option>";
		contenuLayer+="        <option value=\"Monsieur\">Mr</option>";
		contenuLayer+="      </select></td>";
		contenuLayer+="  	</tr>  	";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\"><label>Nom : </label></td>";
		contenuLayer+="		<td width=\"70%\"><input type=\"text\" name=\"nom_info\" size=\"24\" class=\"cssimputext\" style=\"text-align:left;\"/></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\" nowrap ><label>Pr&eacute;nom : </label></td>";
		contenuLayer+="		<td width=\"70%\"><input type=\"text\" name=\"prenom_info\" size=\"24\" class=\"cssimputext\" style=\"text-align:left;\"/></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\" nowrap ><label>Votre Email : </label></td>";
		contenuLayer+="		<td width=\"70%\"><input type=\"text\" name=\"email\" size=\"24\" class=\"cssimputext\" style=\"text-align:left;\"/></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\" nowrap ><label>Commentaires : </label></td>";
		contenuLayer+="		<td width=\"70%\"><textarea  name=\"commentaires\" rows=\"3\" cols=\"17\" class=\"cssimputext\" style=\"text-align:left;\"></textarea></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr><td colspan=\"3\">&nbsp;</td>";
		contenuLayer+="	<tr><td colspan=\"3\"><center><input type=\"button\" onclick=\"javascript:submitFormGsell()\" value=\"Envoyer\" class=\"inputbouton\"/></center></td></tr>";
		contenuLayer+="</table>";
		contenuLayer+="</div>";
		contenuLayer+="</form>";
		
		$('contenu_infos').update(contenuLayer);
		$('layer_infos').style.display="block";
	}
	
	function afficheLayerInfosFromExpress(nom, couleur, numArticle, refArticle ){
		
		contenuLayer="<form method=\"post\" action=\"maroquinerie_valise_bagages_sac.gnc\" name=\"formMail\" >";
		contenuLayer+="<input type=\"hidden\" name=\"Destination\" value=\"sendMailGetInfoArticle\">";
		contenuLayer+="<input type=\"hidden\" name=\"typearticle\">";
		contenuLayer+="<input type=\"hidden\" name=\"numa\"  value=\""+numArticle+"\">";
		contenuLayer+="<input type=\"hidden\" name=\"reference\"  value=\""+refArticle+"\">";
		contenuLayer+="<input type=\"hidden\" name=\"couleur\" value=\"\">";
		contenuLayer+="<div class=\"cadre\"><a href=\"javascript:layerInfos.fermer();reactiveLoupe()\" class=\"btfermer\"><img src=\"sites/gsell/images/addpanierfermer.gif\" width=\"15\" height=\"15\" border=\"0\"/></a><br>";
		contenuLayer+="<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"blockinfo\">";
		contenuLayer+="	<tr>";
		contenuLayer+="<td colspan=\"3\"><strong><span>";
		if (nom=="avertirDispo"){
			contenuLayer+="Je souhaite &ecirc;tre averti(e) lorsque ce produit sera disponible";
		} else {
			contenuLayer+="Je souhaite avoir plus d'infos sur cet article";
		}
		contenuLayer+="</span></strong></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td colspan=\"3\">&nbsp;</td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="	<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="    <td width=\"20%\"><label>Civilit&eacute;&nbsp;: </label></td>";
		contenuLayer+="    <td width=\"70%\"><select name=\"civilite\" class=\"cssimputext\" style=\"width:140px;\">";
		contenuLayer+="        <option value=\"Madame\" selected>Mme</option>";
		contenuLayer+="        <option value=\"Mademoiselle\">Mlle</option>";
		contenuLayer+="        <option value=\"Monsieur\">Mr</option>";
		contenuLayer+="      </select></td>";
		contenuLayer+="  	</tr>  	";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\"><label>Nom : </label></td>";
		contenuLayer+="		<td width=\"70%\"><input type=\"text\" name=\"nom_info\" size=\"24\" class=\"cssimputext\" style=\"text-align:left;\"/></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\" nowrap ><label>Pr&eacute;nom : </label></td>";
		contenuLayer+="		<td width=\"70%\"><input type=\"text\" name=\"prenom_info\" size=\"24\" class=\"cssimputext\" style=\"text-align:left;\"/></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\" nowrap ><label>Votre Email : </label></td>";
		contenuLayer+="		<td width=\"70%\"><input type=\"text\" name=\"email\" size=\"24\" class=\"cssimputext\" style=\"text-align:left;\"/></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr>";
		contenuLayer+="		<td width=\"10%\">&nbsp;</td>";
		contenuLayer+="		<td width=\"20%\" nowrap ><label>Commentaires : </label></td>";
		contenuLayer+="		<td width=\"70%\"><textarea  name=\"commentaires\" rows=\"3\" cols=\"17\" class=\"cssimputext\" style=\"text-align:left;\"></textarea></td>";
		contenuLayer+="	</tr>";
		contenuLayer+="	<tr><td colspan=\"3\">&nbsp;</td>";
		contenuLayer+="	<tr><td colspan=\"3\"><center><input type=\"button\" onclick=\"javascript:submitFormExpress("+couleur+")\" value=\"Envoyer\" class=\"inputbouton\"/></center></td></tr>";
		contenuLayer+="</table>";
		contenuLayer+="</div>";
		contenuLayer+="</form>";
		
		layerInfos = new aoLayer("aolayer_infoArticle",contenuLayer,
		{
			isDrag:false,borderWidth:"0px",width:"350px", height:"230px"			
		},{},
		{
			width:5
		}
		);			
	}
	
	function submitForm(){
		var obj = window.document.getElementById("avertirDispo");
		// MOUNA : si le div "avertirDispo" est null, il s'agit de "Plus d'infos article"
		if(obj == null) {
			//passage du typearticle nonvendable
			document.formMail.typearticle.value="nonvendable";
		// MOUNA : Sinon et si le div div "avertirDispo" est visible alors il s'agit de "Etre averti quand disponible"
		}else if(obj.style.visibility == "visible") {
			//passage du typearticle indispo
			document.formMail.typearticle.value="indispo";
		}
		if (!isEmailOk(document.formMail.email.value)) {
			alertLayer ("L'email que vous avez saisi ("+document.formMail.email.value+") n'est pas valide.<br>Veuillez le saisir à nouveau", numRayon);
			return;
		}
		document.formMail.Destination.value="sendMailPageArticle";
		document.formMail.couleur.value=document.formProduit.couleur.value;
		document.formMail.submit();
	}
	
	//fonction spécifique à gsell, ajoutée suite à la refonte des layers
	function submitFormGsell(){
		var obj = window.document.getElementById("avertirDispo");
		// MOUNA : si le div "avertirDispo" est null, il s'agit de "Plus d'infos article"
		if(obj == null) {
			//passage du typearticle nonvendable
			document.formMail.typearticle.value="nonvendable";
		// MOUNA : Sinon et si le div div "avertirDispo" est visible alors il s'agit de "Etre averti quand disponible"
		}else if(obj.style.visibility == "visible") {
			//passage du typearticle indispo
			document.formMail.typearticle.value="indispo";
		}
		if (!isEmailOk(document.formMail.email.value)) {
			$('contenu_alerte').update("L'email que vous avez saisi ("+document.formMail.email.value+") n'est pas valide.<br>Veuillez le saisir à nouveau");
			hideElement('layer_infos');
			showElement('layer_alerte');
			return;
		}
		document.formMail.Destination.value="sendMailPageArticle";
		document.formMail.couleur.value=document.formProduit.couleur.value;
		document.formMail.submit();
	}
	
	function submitFormExpress(varcouleur){

		var obj = window.document.getElementById("avertirDispo");
		// MOUNA : si le div "avertirDispo" est null, il s'agit de "Plus d'infos article"
		if(obj == null) {
			//passage du typearticle nonvendable
			document.formMail.typearticle.value="nonvendable";
		// MOUNA : Sinon et si le div div "avertirDispo" est visible alors il s'agit de "Etre averti quand disponible"
		}else if(obj.style.visibility == "visible") {
			//passage du typearticle indispo
			document.formMail.typearticle.value="indispo";
		}
		if (!isEmailOk(document.formMail.email.value)) {
			alertLayer ("L'email que vous avez saisi ("+document.formMail.email.value+") n'est pas valide.<br>Veuillez le saisir à nouveau", numRayon);
			return;
		}
		document.formMail.Destination.value="sendMailPageArticle";
		
		document.formMail.couleur.value=varcouleur;
		document.formMail.submit();
	}
	
	/************* Drag Layer ***************/
	
	document.onmousemove = mouseMove;
	document.onmouseup   = mouseUp;
	
	var dragObject  = null;
	var mouseOffset = null;
	
	function getMouseOffset(target, ev){
		ev = ev || window.event;
		var docPos    = getPosition(target);
		var mousePos  = mouseCoords(ev);
		return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
	}
	
	function getPosition(e){
		var left = 0;
		var top  = 0;
	
		while (e.offsetParent){
			left += e.offsetLeft;
			top  += e.offsetTop;
			e     = e.offsetParent;
		}
	
		left += e.offsetLeft;
		top  += e.offsetTop;
	
		return {x:left, y:top};
	}
	
	function mouseMove(ev){
		ev           = ev || window.event;
		var mousePos = mouseCoords(ev);
	
		if(dragObject){
			dragObject.style.position = 'absolute';
			dragObject.style.top      = (mousePos.y - mouseOffset.y) + "px";
			dragObject.style.left     = (mousePos.x - mouseOffset.x) + "px";
			return false;
		}
	}
	function mouseUp(){
		dragObject = null;
	}
	
	function mouseCoords(ev){
		if(ev.pageX || ev.pageY){
			return {x:ev.pageX, y:ev.pageY};
		}
		return {
			x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
			y:ev.clientY + document.body.scrollTop  - document.body.clientTop
		};
	}
	
	function makeClickable(object){
		object.onmousedown = function(){
			dragObject = this;
		}
	}

	function makeDraggable(itemCible, itemDraggable){
		if(!itemDraggable) return;
		if(!itemCible) return;
		itemCible.onmousedown = function(ev){
		dragObject  = itemDraggable;
		mouseOffset = getMouseOffset(itemDraggable, ev);
		return false;
		}
	}
	
	
	/************* Slider résultats de recherche ***************/
	
	function initSlider(){
		positionDroite = parseInt(document.formProduit.position_droite.value);
		nbResultats = parseInt(document.formProduit.nb_resultats.value);
		if(positionDroite >= nbResultats){
			return false;
		}
		nbArticles = (nbResultats > (positionDroite+1))?2:1;

		$('spinner').show().morph("opacity:0.8", {duration:0.5});
		new Ajax.Request(
				'maroquinerie_valise_bagages_sac.gnc?Destination=affNextVignettes&positionDroite='+positionDroite+'&nbArticles='+nbArticles,
				{
					method: 'get',
					onComplete: function(transport) {
					$('spinner').morph("opacity:0", {duration:0.5, afterFinish: function(obj) { obj.element.hide(); }});
				},
				onSuccess: function(transport) {
					var response = transport.responseText || "no response text";
					setTimeout($('slider').innerHTML = response, 1000);
					uicarousel = new UI.Carousel("horizontal_carousel");
					uicarousel.endIndex += nbArticles;
					uicarousel.elements = uicarousel.container.childElements();
					uicarousel.updateButtons();
					document.formProduit.position_droite.value = parseInt(positionDroite) + nbArticles;
				},
				onFailure: function() { alert('Requête échouée.') }
				}
		);
	}


	function updateSlider(sens){
		if(sens=='next'){
			positionDroite = parseInt(document.formProduit.position_droite.value);
			nbResultats = parseInt(document.formProduit.nb_resultats.value);
			uicarousel.previousButton.className = "previous_button";
			uicarousel.fire('previousButton:enabled');
			if(positionDroite >= nbResultats){
				if(uicarousel.currentIndex()+2 >= uicarousel.elements.size()){
					uicarousel.nextButton.addClassName("next_button" + uicarousel.options.disabledButtonSuffix);
					uicarousel.fire('nextButton:disabled');
				}
				return false;
			}
			if(uicarousel.currentIndex()+2 < uicarousel.elements.size()){
				return false;
			}

			nbArticles = (nbResultats > (positionDroite+1))?2:1;
			url = 'maroquinerie_valise_bagages_sac.gnc?Destination=affNextVignettes&positionDroite='+positionDroite+'&nbArticles='+nbArticles;
		}
		if(sens=='previous'){
			uicarousel.nextButton.className = "next_button";
			uicarousel.fire('nextButton:enabled');
			if(uicarousel.currentIndex()>0){
				return false;
			}
			positionGauche = parseInt(document.formProduit.position_gauche.value);
			if(positionGauche < -1){
				if(uicarousel.currentIndex()==0){
					uicarousel.previousButton.addClassName("previous_button" + uicarousel.options.disabledButtonSuffix);
					uicarousel.fire('previousButton:disabled');
				}
				return false;
			}
			nbArticles = (positionGauche > -1)?2:1;
			url = 'maroquinerie_valise_bagages_sac.gnc?Destination=affNextVignettes&positionGauche='+positionGauche+'&nbArticles='+nbArticles;
		}
		$('spinner').show().morph("opacity:0.8", {duration:0.5});
		new Ajax.Request(
				url,
				{
					method: 'get',
					onComplete: function(transport) {
					$('spinner').morph("opacity:0", {duration:0.5, afterFinish: function(obj) { obj.element.hide(); }});
				},
				onSuccess: function(transport) {
					var response = transport.responseText || "no response text";
					setTimeout($('slider').innerHTML = response, 1000);
					uicarousel.endIndex += nbArticles;
					uicarousel.elements = uicarousel.container.childElements();
					uicarousel.updateButtons();
					if(sens=='next'){
						document.formProduit.position_droite.value = parseInt(positionDroite) + nbArticles;
						uicarousel.scroll(-74*nbArticles);
					}
					if(sens=='previous'){
						document.formProduit.position_gauche.value = parseInt(positionGauche) - nbArticles;
					}
				},
				onFailure: function() { alert('Requête échouée.') }
				}
		);
	}
	
	
	/************* Alerte baisse de prix ***************/
	
	function alerteBaissePrix() {
		var aoLoader1 = new aoLoader(null,"",{backgroundColor:"#ffffff"});

		var req = "maroquinerie_valise_bagages_sac.gnc?Destination=alerteBaissePrix&ajaxlogin=true" +
		"&numArticle=" + document.formProduit.numa.value +
		"&numCouleur=" + document.formProduit.couleur.value +
		"&prixInitial=" + document.formProduit.prixInitial.value;

		new Ajax.Request(req,{
			method:'get',
			onComplete: function(transport) {
			aoLoader1.supprimer();
		},
		onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			$('panier_plan2').update(response);
			$('panier_plan2').style.height = $('box_details_prod').getHeight()-30+'px';
			$('panier_plan2').style.display = 'block';
			document.location.href = "#";
			

		},
		onFailure: function(){ alert('Requête échouée') }
		});

	}
	
	/************* Ajout coup de coeur ***************/
	
	function afficherListesAchat(){
		var aoLoader1 = new aoLoader(null,"",{backgroundColor:"#ffffff"});
		var req = "maroquinerie_valise_bagages_sac.gnc?Destination=afficherListesAchat&ajaxlogin=true";
		
		new Ajax.Request(req,{
			method:'post',
			onComplete: function(transport) {
			aoLoader1.supprimer();
		},
		onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			//client non identifie, on affiche le layer de connexion
			if(response.indexOf('panier_plan2', 0) > 0){
				hideElement('layer_liste_achats');
				$('panier_plan2').update(response);
				$('panier_plan2').style.height = $('box_details_prod').getHeight()-30+'px';
				$('panier_plan2').style.display = 'block';
				document.location.href = "#";
			}else{//client identifie, on affiche le layer avec la liste des listes d'achat
				$('listes').innerHTML = response;
				//fonctionnalité abandonnée : ajout coup de coeur à partir du layer quick look
				//hideElement('creer_liste_quicklook');
				showElement('creer_liste');
				showElement('message_choix');
				showElement('layer_liste_achats');
			}
		},
		onFailure: function(){ alert('Requête échouée') }
		});
	}
	
	function ajoutArticleListeAchat(numListe, numArticle, numCouleur){
		var aoLoader1 = new aoLoader(null,"",{backgroundColor:"#ffffff"});

		var req = "maroquinerie_valise_bagages_sac.gnc?Destination=ajoutArticleListeAchat&ajaxlogin=true" +
		"&numArticle=" + numArticle +
		"&numCouleur=" + numCouleur +
		"&numListe=" + numListe;

		new Ajax.Request(req,{
			method:'get',
			onComplete: function(transport) {
			aoLoader1.supprimer();
		},
		onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			if(response.length>200){//cas de l'article correctement ajoute
				hideElement('layer_liste_achats');
				$('panier_plan2').update(response);
				$('panier_plan2').style.height = $('box_details_prod').getHeight()-30+'px';
				$('panier_plan2').style.display = 'block';
				document.location.href = "#";
			}else{//cas de l'article deja ajoute
				$('listes').innerHTML = response;
				hideElement('creer_liste');
				hideElement('message_choix');
			}
		},
		onFailure: function(){ alert('Requête échouée') }
		});
	}
	
	function ajouterListeAchat(){
		var aoLoader1 = new aoLoader(null,"",{backgroundColor:"#ffffff"});
		var req = "maroquinerie_valise_bagages_sac.gnc?Destination=createListeAchatAjax" ;

		new Ajax.Request(req,{
			method:'get',
			onComplete: function(transport) {
			aoLoader1.supprimer();
		},
		onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			$('listes').innerHTML = response;
		},
		onFailure: function(){ alert('Requête échouée') }
		});
	}
	
	function showQuickLook(num) {
		var btquicklook = Dmc_Layer.is_object("btquicklook"+num);
		btquicklook.style.visibility="visible";
		btquicklook.style.display="block";
		
	}
	function hideQuickLook(num) {
		var btquicklook = Dmc_Layer.is_object("btquicklook"+num);
		btquicklook.style.visibility="hidden";
		btquicklook.style.display="none";
	}
	
	/************* Onglets description du produit / avis de nos clients ***************/

	function cacher_onglets(){
		hideElement('content_desc');
		hideElement('content_avis');
	}
	
	function activer_avis(){
		cacher_onglets();
		$('onglet_avis').className = 'avis_selected';
		Effect.toggle('content_avis', 'appear');
	}
	
	function desactiver_avis(){
		$('onglet_avis').className = 'avis_non_selected';
	}
	
	function activer_description(){
		cacher_onglets();
		$('onglet_description').className = 'description_selected';
		Effect.toggle('content_desc', 'appear');
	}
	
	function desactiver_description(){
		$('onglet_description').className = 'description_non_selected';
	}
	
	/************* Ajout d'avis sur les produits ***************/

	function activerEtoile(etoile, imgPath) {
		var src = imgPath + "/notes/etoile2.gif";
		var etoiles = etoile.parentNode.childNodes;
		var numImg = 0;
		var nbElements = etoiles.length;
		for(var i = 0; i < nbElements; i++){
			if (etoiles[i].tagName == 'IMG') {
				numImg++;
				etoiles[i].src = src;
				if (etoiles[i]== etoile) {
					note = numImg * 2;
					src = imgPath + "/notes/etoile.gif";
			  	}
			}
		} 
		$('commentaire_client').note.value = note;
		$('note_text').innerHTML = note + '/10';
	}
	
	
	function razEtoiles(etoile, imgPath) {
		var src = imgPath + "/notes/etoile.gif";
		var etoiles = etoile.parentNode.childNodes;
		var numImg = 0;
		var nbElements = etoiles.length;
		for(var i = 0; i < nbElements; i++){
			etoiles[i].src = src;
			src = imgPath + "/notes/etoile.gif";
		}
		note = 0;		 
		$('commentaire_client').note.value = note;
		$('note_text').innerHTML = note + '/10';
	}
	
	function verifAjouterCommentaire (imgPath, messageConfirmation, messageErreur) {
		var note = $('commentaire_client').note.value;
    	if (note != '0') {
    		ajouterCommentaire(imgPath, messageConfirmation, messageErreur);
    	} else {
    		alert('Veuillez choisir une note supérieure à zéro.');
    	}
	}
	
	function ajouterCommentaire(imgPath, messageConfirmation, messageErreur) {
		new Ajax.Request('maroquinerie_valise_bagages_sac.gnc?Destination=ajouterCommentaire&ajaxlogin=true',
				{
			method:'get',
			parameters: $('commentaire_client').serialize(true),
			onSuccess: function(transport){
			var responseText = transport.responseText || "no response text";
			if(responseText.length>=50){
				hideElement('layer_ajout_avis');
				$('panier_plan2').update(responseText);
				$('panier_plan2').style.height = $('box_details_prod').getHeight()-30+'px';
				$('panier_plan2').style.display = 'block';
				document.location.href = "#";
			}else{
				var response = responseText.evalJSON();
				var contenu = '.</span><span class="bouton"><a href="javascript:hideElement(\'layer_ajout_avis\')"><img src="'+imgPath+'/images_produits/btn_ok.gif"/></a></span>'; 
				if (response.result) {
					$('produit').innerHTML = '<span class="message">'+ messageConfirmation + contenu;
				} else {
					$('produit').innerHTML = '<span class="message">'+ messageErreur+contenu
				}
			}
		},
		onFailure: function(){ alert('Une erreur est survenue!'); }
				});
	}
	
	/************* Layer envoi ami ***************/

	function afficheLayerEnvoyerAmiNew(numarticle) {
		var req = "maroquinerie_valise_bagages_sac.gnc?Destination=affPageAmi&numa="+numarticle
		new Ajax.Request(req,
				{
			method:'get',
			onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			$('div_envoi_ami').innerHTML = response;
			showElement('layer_envoi_ami');
			$('numa').value = numarticle;
			document.location.href = "#";
		},
		onFailure: function(){ alert("Problème technique ajax ajout article") }
				});

	}
	
	function submitEnvoiAmi(numArticle) {
		var formTmp = document.getElementById('envoyerAmiForm');
		if (!isEmailOk(formTmp.email.value)) {
			hideElement('layer_envoi_ami');
			alertLayer ("L'email que vous avez saisi ("+formTmp.email.value+") n'est pas valide.<br>Veuillez le saisir à nouveau", numRayon);
			return;
		}
		$('envoyerAmiForm').request({
			onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			$('contenu_layer_ami').innerHTML = '<span>'+response+'</span>';
		}
		})

	}
	
	function submitEnvoiListAchatAmi() {
		var formTmp = document.getElementById('envoyerListAchatAmiForm');
		if (!isEmailOk(formTmp.email.value)) {
			hideElement('layer_envoi_ami');
			alertLayer ("L'email que vous avez saisi ("+formTmp.email.value+") n'est pas valide.<br>Veuillez le saisir à nouveau", numRayon);
			return;
		}
		$('envoyerListAchatAmiForm').request({
			onSuccess: function(transport){
			var response = transport.responseText || "no response text";
			$('contenu_layer_ami').innerHTML = '<span>'+response+'</span>';
		}
		})

	}
-->