/**
 * Chapellerie Beyssac	=> Gestion des pages PRODUITS
 *
**/                                                     
 	
	// pour permettre le calage de la page sur un produit
	var calageProduit = 0;

    // état des menu                   
	var menu0ouvert = false;
	var menu1ouvert = false;
	var menu2ouvert = false;
	var menu3ouvert = false;
	var menu4ouvert = false;
	var menu5ouvert = false;
	var menu6ouvert = false;
	var menu7ouvert = false;
	var menu8ouvert = false;
	var menu9ouvert = false;
	var menu10ouvert = false;
	var menu11ouvert = false;
	var menu12ouvert = false;
	var menu13ouvert = false;
	var menu14ouvert = false;
	var menu15ouvert = false;
	var menu16ouvert = false;
	var menu17ouvert = false;
	var menu18ouvert = false;
	var menu19ouvert = false;
	var menu20ouvert = false;
	var menu21ouvert = false;
	var menu22ouvert = false;
	var menu23ouvert = false;
	var menu24ouvert = false;
	var menu25ouvert = false;
	var menu26ouvert = false;
	var menu27ouvert = false;
	var menu28ouvert = false;
	var menu29ouvert = false;
	var menu30ouvert = false;
	var menu31ouvert = false;
	var menu32ouvert = false;
	var menu33ouvert = false;
	var menu34ouvert = false;
	var menu35ouvert = false;
	var menu36ouvert = false;
	var menu37ouvert = false;
	var menu38ouvert = false;
	var menu39ouvert = false;
	var menu40ouvert = false;
 	var menu41ouvert = false;
	var menu42ouvert = false;
	var menu43ouvert = false;
	var menu44ouvert = false;
	var menu45ouvert = false;
	var menu46ouvert = false;
	var menu47ouvert = false;
	var menu48ouvert = false;
	var menu49ouvert = false;
	var menu50ouvert = false;
 	var menu51ouvert = false;
	var menu52ouvert = false;
	var menu53ouvert = false;
	var menu54ouvert = false;
	var menu55ouvert = false;
	var menu56ouvert = false;
	var menu57ouvert = false;
	var menu58ouvert = false;
	var menu59ouvert = false;
	var menu60ouvert = false;
                               

	// liste des images produit
 	var imagesProd = [];
 	var imageSelect;
 	var produitSelect;
 	var listImagesSelect;



    // stockage des valeurs couleurs et tailles des produits de la page
	var SelectionCouleurProduits = new Array();
	var SelectionTailleProduits = new Array();

 
	/**
	 * Fermeture des menus Couleurs et Tailles, 
	 * et attribution des valeurs sélectionnées
	**/
	function FermeMenu(kelMenu, valeur, indexValeur, type) {     
		// attribuer la valeur
  		if (type=="couleur") {
			var numProduit = kelMenu.id.substring(11).toInt(); 
 			SelectionCouleurProduits[numProduit] = valeur;
		} else {
			var numProduit = kelMenu.id.substring(10).toInt();
 			SelectionTailleProduits[numProduit] = valeur;
		}     
 	
		// fermer le menu
		if ((Browser.Engine.gecko) || (Browser.Engine.trident)) {
			kelMenu.setStyle('height', '15px');
		} else {
 			kelMenu.setStyle('height','14px');
		}
		kelMenu.setStyle('overflow','hidden');      
	   
	    // ajuster le menu sur la valeur selectionnéee   
		var positionTop = '-'+indexValeur * 13+"px" ;   
  	 	kelMenu.getElement('ul').setStyle('top', positionTop); 
    
		// et la petite fleche
		var positionBG = indexValeur * 13+"px" ; 
   	 	kelMenu.getElement('ul').setStyle('background-position-y', positionBG);      



		// POUR FIREFOX
		if (Browser.Engine.gecko) {
			var positionTop = '-'+((indexValeur * 13)+(indexValeur/3))+"px" ;   
 			var positionBG = "0 " + ((indexValeur * 13)+(indexValeur/3))+"px" ;   
  	 		kelMenu.getElement('ul').setStyle('top', positionTop); 
   	 		kelMenu.getElement('ul').setStyle('background-position', positionBG);      
		}

		// POUR EXPLORER
		if (Browser.Engine.trident) {
			var positionTop = '-'+((indexValeur * 13)+(indexValeur/.9))+"px" ;   
 			var positionBG = ((indexValeur * 13)+(indexValeur/.9))+"px" ;   
	 		kelMenu.getElement('ul').setStyle('top', positionTop); 
   	 		kelMenu.getElement('ul').setStyle('background-position-y', positionBG);      
		}

		// POUR EXPLORER 8 !!!

		if(document.querySelectorAll && Browser.Engine.trident) {
			var positionTop = '-'+((indexValeur * 13)+(indexValeur/3))+"px" ;   
 			var positionBG = "0 " + ((indexValeur * 13)+(indexValeur/3))+"px" ;   
  	 		kelMenu.getElement('ul').setStyle('top', positionTop); 
   	 		kelMenu.getElement('ul').setStyle('background-position', positionBG); 			
		} 


			
	}                           
	
	function OuvreMenu(kelMenu) {
		kelMenu.setStyle('height','auto');
		kelMenu.setStyle('overflow','visible'); 
		var zIndex = kelMenu.getStyle('z-index');
		
		var nMenu = parseInt(kelMenu.get('id').substring(11));
		if(nMenu>=0) {
			kelMenu.setStyle('z-index', '10');
			if ($('menuTaille'+nMenu)!=null) {
				$('menuTaille'+nMenu).setStyle('z-index', '9');				
			};
		} else {
			nMenu = kelMenu.get('id').substring(10);
			kelMenu.setStyle('z-index', '10');
			$('menuCouleur'+nMenu).setStyle('z-index', '9');
		}
   	} 
                                  

                                                                        

window.addEvent('domready',function(e){
 




	/**
	 * Vérifie si on est sur une meilleure vente, 
	 * auquel cas, on cale la page sur le produit
	 * et on active le bouton de la colonne gauche.
	 *
	**/
	if (calageProduit!=0) { 
		var idCalage = calageProduit;
		$$('div.produit').each(function(el) { 
			var idProduit = el.getElement('button.ajouterPanier').get('value');
			var numProduit = el.get('id').substring(7);  
			if (idProduit==idCalage) {
				var distance = 0; 
				if (numProduit>3) {	$('navigSlideG').setStyle('display', 'block'); };
				if (numProduit>3 && numProduit<8) {distance=760; posActuelle = 2; };
				if (numProduit>7 && numProduit<12) {distance=1520; posActuelle = 3; };
				if (numProduit>11 && numProduit<16) {distance=2280; posActuelle = 4; };
				if (numProduit>15 && numProduit<20) {distance=3040; posActuelle = 5; };
				if (numProduit>19 && numProduit<24) {distance=3800; posActuelle = 6; };
				if (numProduit>23 && numProduit<28) {distance=4560; posActuelle = 7; };
				if (numProduit>27 && numProduit<32) {distance=5320; posActuelle = 8; };
				if (numProduit>31 && numProduit<36) {distance=6080; posActuelle = 9; };
				if (numProduit>35 && numProduit<40) {distance=6840; posActuelle = 10; };
 				if (numProduit>39 && numProduit<44) {distance=7600; posActuelle = 11; };
				if (numProduit>43 && numProduit<48) {distance=8360; posActuelle = 12; };
				if (numProduit>47 && numProduit<52) {distance=9120; posActuelle = 13; };
				if (numProduit>51 && numProduit<56) {distance=9880; posActuelle = 14; };
				if (numProduit>55 && numProduit<60) {distance=10640; posActuelle = 15; };
				if (numProduit>59 && numProduit<64) {distance=11400; posActuelle = 16; };
				
				
				
 	  			$('slideProduit').setStyle('left',-distance);
				if ( (numProduit==2) || (numProduit==6) || (numProduit==10) || (numProduit==14)  || (numProduit==18)  || (numProduit==22)  || (numProduit==26)  || (numProduit==30)  || (numProduit==34)  || (numProduit==38)  || (numProduit==42)  || (numProduit==46)  || (numProduit==50)  || (numProduit==54)  || (numProduit==58)  || (numProduit==62)  || (numProduit==66)  || (numProduit==70) ) {
 					el.setStyle('background-image', 'url(assets/templates/beyssac/images/bg/bg_ficheOver.jpg)');
  					el.setStyle('margin-left', '2px');
				} else if ( (numProduit==3) || (numProduit==7) || (numProduit==11) || (numProduit==15)  || (numProduit==19)  || (numProduit==23)  || (numProduit==27)  || (numProduit==31)  || (numProduit==35)  || (numProduit==39)   || (numProduit==43)  || (numProduit==47)  || (numProduit==51)  || (numProduit==55)  || (numProduit==59)  || (numProduit==63)  || (numProduit==67)  || (numProduit==71) ) {
 					el.setStyle('background-image', 'url(assets/templates/beyssac/images/bg/bg_ficheOver.jpg)');
  					el.setStyle('margin-left', '3px');
				} else if ( (numProduit==0) || (numProduit==4) || (numProduit==8) || (numProduit==16) || (numProduit==20)  || (numProduit==24)  || (numProduit==28)  || (numProduit==32)  || (numProduit==36)  || (numProduit==40)  || (numProduit==44)  || (numProduit==48)  || (numProduit==52)  || (numProduit==56)  || (numProduit==60)  || (numProduit==64)  || (numProduit==68)  || (numProduit==72) ) {
 					el.setStyle('background-image', 'url(assets/templates/beyssac/images/bg/bg_ficheOver.jpg)');
  					el.setStyle('margin-left', '0');
				} else {
 					el.setStyle('background-image', 'url(assets/templates/beyssac/images/bg/bg_ficheOver.jpg)');
  					el.setStyle('margin-left', '1px');			
				}

 			};
			
		});
	};






	/**
	 * Gestion Diaporama
	 *
	**/                 
 
     $$('img.imageProd_1').each(function(img) {
		img.addEvent('click', function(diapo) {  
			produitSelect = diapo.target.getParent().getParent().id.substring(7).toInt(); 
  			$('diaporama').setStyle('display', 'block');   
				listImagesSelect =  imagesProd[produitSelect];
				var aff = '<img src="'+listImagesSelect['img1']+'" alt="'+listImagesSelect['img1']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 1;
 		});
	});     
  
     $$('img.imageProd_2').each(function(img) {
		img.addEvent('click', function(diapo) {
			produitSelect = diapo.target.getParent().getParent().id.substring(7).toInt(); 
			$('diaporama').setStyle('display', 'block');  
				listImagesSelect =  imagesProd[produitSelect];
				var aff = '<img src="'+listImagesSelect['img2']+'" alt="'+listImagesSelect['img2']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 2;
 		});
	});     
  
     $$('img.imageProd_3').each(function(img) {
		img.addEvent('click', function(diapo) {
			produitSelect = diapo.target.getParent().getParent().id.substring(7).toInt(); 
			$('diaporama').setStyle('display', 'block');  
				listImagesSelect =  imagesProd[produitSelect];
				var aff = '<img src="'+listImagesSelect['img3']+'" alt="'+listImagesSelect['img3']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 3;
 		});
	});     
  
     $$('img.imageProd_4').each(function(img) {
		img.addEvent('click', function(diapo) {
			produitSelect = diapo.target.getParent().getParent().id.substring(7).toInt(); 
			$('diaporama').setStyle('display', 'block');  
				listImagesSelect =  imagesProd[produitSelect];
				var aff = '<img src="'+listImagesSelect['img4']+'" alt="'+listImagesSelect['img4']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 4;
 		});
	});                                                                     
       
	$('precedent').addEvent('click', function(e) {
    	switch (imageSelect) {  
	    	case 1 :  
				var aff = '<img src="'+listImagesSelect['img4']+'" alt="'+listImagesSelect['img4']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 4;  
				break;   
	    	case 2 :  
				var aff = '<img src="'+listImagesSelect['img1']+'" alt="'+listImagesSelect['img1']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 1;  
				break;   
	    	case 3 :  
				var aff = '<img src="'+listImagesSelect['img2']+'" alt="'+listImagesSelect['img2']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 2;  
				break;   
	    	case 4 :  
				var aff = '<img src="'+listImagesSelect['img3']+'" alt="'+listImagesSelect['img3']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 3;  
				break;   
		}  	
	});
	$('suivant').addEvent('click', function(e) {
    	switch (imageSelect) {  
	    	case 1 :  
				var aff = '<img src="'+listImagesSelect['img2']+'" alt="'+listImagesSelect['img2']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 2;  
				break;   
	    	case 2 :  
				var aff = '<img src="'+listImagesSelect['img3']+'" alt="'+listImagesSelect['img3']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 3;  
				break;   
	    	case 3 :  
				var aff = '<img src="'+listImagesSelect['img4']+'" alt="'+listImagesSelect['img4']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 4;  
				break;   
	    	case 4 :  
				var aff = '<img src="'+listImagesSelect['img1']+'" alt="'+listImagesSelect['img1']+'" /> ';    
			    $('zoneImage').set('html', aff);   
				imageSelect = 1;  
				break;   
		}  	   	
	});
	
 	
	$('fermer').addEvent('click', function(e) {
	   $('diaporama').setStyle('display', 'none');
	})        


	/**
	 * Gestion des menus Couleurs
	**/          
	
	$$('div.menuCouleur').each(function(el) {
		if ((Browser.Engine.gecko) || (Browser.Engine.trident)) {
			el.setStyle('height', '15px');
		};
	})
	
	
  	$$('li.menuCouleur span').each(function(menu) {          
		menu.addEvent('click', function(e) {        
			// on switch la profondeur des menus
			$$('div.menuCouleur').each(function(m) {
			   m.getElement('ul').setStyle('z-index','9000');   
 			});			
			$$('div.menuTaille').each(function(m) {
			   m.getElement('ul').setStyle('z-index','8000');   
 			});

				var kelMenu = e.target.getParent().getParent().getParent();
				var valeur = e.target.get('html');             
				var indexValeur = e.target.getParent().getProperty('class').substring(19);

 			if (kelMenu.id=="menuCouleur0") { if (!menu0ouvert) {  OuvreMenu(kelMenu); menu0ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu0ouvert = false;	}  };
 			if (kelMenu.id=="menuCouleur1") { if (!menu1ouvert) {  OuvreMenu(kelMenu); menu1ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu1ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur2") { if (!menu2ouvert) {  OuvreMenu(kelMenu); menu2ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu2ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur3") { if (!menu3ouvert) {  OuvreMenu(kelMenu); menu3ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu3ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur4") { if (!menu4ouvert) {  OuvreMenu(kelMenu); menu4ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu4ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur5") { if (!menu5ouvert) {  OuvreMenu(kelMenu); menu5ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu5ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur6") { if (!menu6ouvert) {  OuvreMenu(kelMenu); menu6ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu6ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur7") { if (!menu7ouvert) {  OuvreMenu(kelMenu); menu7ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu7ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur8") { if (!menu8ouvert) {  OuvreMenu(kelMenu); menu8ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu8ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur9") { if (!menu9ouvert) {  OuvreMenu(kelMenu); menu9ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu9ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur10") { if (!menu10ouvert) {  OuvreMenu(kelMenu); menu10ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu10ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur11") { if (!menu11ouvert) {  OuvreMenu(kelMenu); menu11ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu11ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur12") { if (!menu12ouvert) {  OuvreMenu(kelMenu); menu12ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu12ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur13") { if (!menu13ouvert) {  OuvreMenu(kelMenu); menu13ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu13ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur14") { if (!menu14ouvert) {  OuvreMenu(kelMenu); menu14ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu14ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur15") { if (!menu15ouvert) {  OuvreMenu(kelMenu); menu15ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu15ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur16") { if (!menu16ouvert) {  OuvreMenu(kelMenu); menu16ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu16ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur17") { if (!menu17ouvert) {  OuvreMenu(kelMenu); menu17ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu17ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur18") { if (!menu18ouvert) {  OuvreMenu(kelMenu); menu18ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu18ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur19") { if (!menu19ouvert) {  OuvreMenu(kelMenu); menu19ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu19ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur20") { if (!menu20ouvert) {  OuvreMenu(kelMenu); menu20ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu20ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur21") { if (!menu21ouvert) {  OuvreMenu(kelMenu); menu21ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu21ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur22") { if (!menu22ouvert) {  OuvreMenu(kelMenu); menu22ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu22ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur23") { if (!menu23ouvert) {  OuvreMenu(kelMenu); menu23ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu23ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur24") { if (!menu24ouvert) {  OuvreMenu(kelMenu); menu24ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu24ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur25") { if (!menu25ouvert) {  OuvreMenu(kelMenu); menu25ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu25ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur26") { if (!menu26ouvert) {  OuvreMenu(kelMenu); menu26ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu26ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur27") { if (!menu27ouvert) {  OuvreMenu(kelMenu); menu27ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu27ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur28") { if (!menu28ouvert) {  OuvreMenu(kelMenu); menu28ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu28ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur29") { if (!menu29ouvert) {  OuvreMenu(kelMenu); menu29ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu29ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur30") { if (!menu30ouvert) {  OuvreMenu(kelMenu); menu30ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu30ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur31") { if (!menu31ouvert) {  OuvreMenu(kelMenu); menu31ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu31ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur32") { if (!menu32ouvert) {  OuvreMenu(kelMenu); menu32ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu32ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur33") { if (!menu33ouvert) {  OuvreMenu(kelMenu); menu33ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu33ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur34") { if (!menu34ouvert) {  OuvreMenu(kelMenu); menu34ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu34ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur35") { if (!menu35ouvert) {  OuvreMenu(kelMenu); menu35ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu35ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur36") { if (!menu36ouvert) {  OuvreMenu(kelMenu); menu36ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu36ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur37") { if (!menu37ouvert) {  OuvreMenu(kelMenu); menu37ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu37ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur38") { if (!menu38ouvert) {  OuvreMenu(kelMenu); menu38ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu38ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur39") { if (!menu39ouvert) {  OuvreMenu(kelMenu); menu39ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu39ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur40") { if (!menu40ouvert) {  OuvreMenu(kelMenu); menu40ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu40ouvert = false;	}  };
 			if (kelMenu.id=="menuCouleur41") { if (!menu41ouvert) {  OuvreMenu(kelMenu); menu41ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu41ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur42") { if (!menu42ouvert) {  OuvreMenu(kelMenu); menu42ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu42ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur43") { if (!menu43ouvert) {  OuvreMenu(kelMenu); menu43ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu43ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur44") { if (!menu44ouvert) {  OuvreMenu(kelMenu); menu44ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu44ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur45") { if (!menu45ouvert) {  OuvreMenu(kelMenu); menu45ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu45ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur46") { if (!menu46ouvert) {  OuvreMenu(kelMenu); menu46ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu46ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur47") { if (!menu47ouvert) {  OuvreMenu(kelMenu); menu47ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu47ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur48") { if (!menu48ouvert) {  OuvreMenu(kelMenu); menu48ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu48ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur49") { if (!menu49ouvert) {  OuvreMenu(kelMenu); menu49ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu49ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur50") { if (!menu50ouvert) {  OuvreMenu(kelMenu); menu50ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu50ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur51") { if (!menu51ouvert) {  OuvreMenu(kelMenu); menu51ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu51ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur52") { if (!menu52ouvert) {  OuvreMenu(kelMenu); menu52ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu52ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur53") { if (!menu53ouvert) {  OuvreMenu(kelMenu); menu53ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu53ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur54") { if (!menu54ouvert) {  OuvreMenu(kelMenu); menu54ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu54ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur55") { if (!menu55ouvert) {  OuvreMenu(kelMenu); menu55ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu55ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur56") { if (!menu56ouvert) {  OuvreMenu(kelMenu); menu56ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu56ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur57") { if (!menu57ouvert) {  OuvreMenu(kelMenu); menu57ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu57ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur58") { if (!menu58ouvert) {  OuvreMenu(kelMenu); menu58ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu58ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur59") { if (!menu59ouvert) {  OuvreMenu(kelMenu); menu59ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu59ouvert = false;	}  };
			if (kelMenu.id=="menuCouleur60") { if (!menu60ouvert) {  OuvreMenu(kelMenu); menu60ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'couleur') ; menu60ouvert = false;	}  };
  		});
	});            
	  	         
           
  	                      


	/**
	 * Gestion des menus Tailles
	**/   
	
	$$('div.menuTaille').each(function(el) {
		if ((Browser.Engine.gecko) || (Browser.Engine.trident)) {
			el.setStyle('height', '15px');
		};
	})
	
	 	$$('li.menuTaille span').each(function(menu) {          
 	    menu.addEvent('click', function(e) {                        
			// on switch la profondeur des menus
			$$('div.menuCouleur').each(function(m) {
			   m.getElement('ul').setStyle('z-index','8000');   
 			});			
			$$('div.menuTaille').each(function(m) {
			   m.getElement('ul').setStyle('z-index','9000');   
 			});                                                 
  
			var kelMenu = e.target.getParent().getParent().getParent();
			var valeur = e.target.get('html');
			var indexValeur = e.target.getParent().getProperty('class').substring(17);
 			var unique = menu.getParent().hasClass('taille');
			if (unique) {
				alert("il n'existe pas d'autre taille pour ce produit");
			};	
  
  			if (kelMenu.id=="menuTaille0") { if (!menu0ouvert) {  OuvreMenu(kelMenu); menu0ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu0ouvert = false;	}  };
  			if (kelMenu.id=="menuTaille1") { if (!menu1ouvert) {  OuvreMenu(kelMenu); menu1ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu1ouvert = false;	}  };
			if (kelMenu.id=="menuTaille2") { if (!menu2ouvert) {  OuvreMenu(kelMenu); menu2ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu2ouvert = false;	}  };
			if (kelMenu.id=="menuTaille3") { if (!menu3ouvert) {  OuvreMenu(kelMenu); menu3ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu3ouvert = false;	}  };
			if (kelMenu.id=="menuTaille4") { if (!menu4ouvert) {  OuvreMenu(kelMenu); menu4ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu4ouvert = false;	}  };
	    	if (kelMenu.id=="menuTaille5") { if (!menu5ouvert) {  OuvreMenu(kelMenu); menu5ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu5ouvert = false;	}  };
			if (kelMenu.id=="menuTaille6") { if (!menu6ouvert) {  OuvreMenu(kelMenu); menu6ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu6ouvert = false;	}  };
			if (kelMenu.id=="menuTaille7") { if (!menu7ouvert) {  OuvreMenu(kelMenu); menu7ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu7ouvert = false;	}  };
			if (kelMenu.id=="menuTaille8") { if (!menu8ouvert) {  OuvreMenu(kelMenu); menu8ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu8ouvert = false;	}  };
			if (kelMenu.id=="menuTaille9") { if (!menu9ouvert) {  OuvreMenu(kelMenu); menu9ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu9ouvert = false;	}  };
			if (kelMenu.id=="menuTaille10") { if (!menu10ouvert) {  OuvreMenu(kelMenu); menu10ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu10ouvert = false;	}  };
			if (kelMenu.id=="menuTaille11") { if (!menu11ouvert) {  OuvreMenu(kelMenu); menu11ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu11ouvert = false;	}  };
			if (kelMenu.id=="menuTaille12") { if (!menu12ouvert) {  OuvreMenu(kelMenu); menu12ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu12ouvert = false;	}  };
			if (kelMenu.id=="menuTaille13") { if (!menu13ouvert) {  OuvreMenu(kelMenu); menu13ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu13ouvert = false;	}  };
			if (kelMenu.id=="menuTaille14") { if (!menu14ouvert) {  OuvreMenu(kelMenu); menu14ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu14ouvert = false;	}  };
			if (kelMenu.id=="menuTaille15") { if (!menu15ouvert) {  OuvreMenu(kelMenu); menu15ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu15ouvert = false;	}  };
			if (kelMenu.id=="menuTaille16") { if (!menu16ouvert) {  OuvreMenu(kelMenu); menu16ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu16ouvert = false;	}  };
			if (kelMenu.id=="menuTaille17") { if (!menu17ouvert) {  OuvreMenu(kelMenu); menu17ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu17ouvert = false;	}  };
			if (kelMenu.id=="menuTaille18") { if (!menu18ouvert) {  OuvreMenu(kelMenu); menu18ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu18ouvert = false;	}  };
			if (kelMenu.id=="menuTaille19") { if (!menu19ouvert) {  OuvreMenu(kelMenu); menu19ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu19ouvert = false;	}  };
			if (kelMenu.id=="menuTaille20") { if (!menu20ouvert) {  OuvreMenu(kelMenu); menu20ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu20ouvert = false;	}  };
			if (kelMenu.id=="menuTaille21") { if (!menu21ouvert) {  OuvreMenu(kelMenu); menu21ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu21ouvert = false;	}  };
			if (kelMenu.id=="menuTaille22") { if (!menu22ouvert) {  OuvreMenu(kelMenu); menu22ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu22ouvert = false;	}  };
			if (kelMenu.id=="menuTaille23") { if (!menu23ouvert) {  OuvreMenu(kelMenu); menu23ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu23ouvert = false;	}  };
			if (kelMenu.id=="menuTaille24") { if (!menu24ouvert) {  OuvreMenu(kelMenu); menu24ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu24ouvert = false;	}  };
			if (kelMenu.id=="menuTaille25") { if (!menu25ouvert) {  OuvreMenu(kelMenu); menu25ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu25ouvert = false;	}  };
			if (kelMenu.id=="menuTaille26") { if (!menu26ouvert) {  OuvreMenu(kelMenu); menu26ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu26ouvert = false;	}  };
			if (kelMenu.id=="menuTaille27") { if (!menu27ouvert) {  OuvreMenu(kelMenu); menu27ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu27ouvert = false;	}  };
			if (kelMenu.id=="menuTaille28") { if (!menu28ouvert) {  OuvreMenu(kelMenu); menu28ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu28ouvert = false;	}  };
			if (kelMenu.id=="menuTaille29") { if (!menu29ouvert) {  OuvreMenu(kelMenu); menu29ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu29ouvert = false;	}  };
			if (kelMenu.id=="menuTaille30") { if (!menu30ouvert) {  OuvreMenu(kelMenu); menu30ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu30ouvert = false;	}  };
			if (kelMenu.id=="menuTaille31") { if (!menu31ouvert) {  OuvreMenu(kelMenu); menu31ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu31ouvert = false;	}  };
			if (kelMenu.id=="menuTaille32") { if (!menu32ouvert) {  OuvreMenu(kelMenu); menu32ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu32ouvert = false;	}  };
			if (kelMenu.id=="menuTaille33") { if (!menu33ouvert) {  OuvreMenu(kelMenu); menu33ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu33ouvert = false;	}  };
			if (kelMenu.id=="menuTaille34") { if (!menu34ouvert) {  OuvreMenu(kelMenu); menu34ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu34ouvert = false;	}  };
			if (kelMenu.id=="menuTaille35") { if (!menu35ouvert) {  OuvreMenu(kelMenu); menu35ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu35ouvert = false;	}  };
			if (kelMenu.id=="menuTaille36") { if (!menu36ouvert) {  OuvreMenu(kelMenu); menu36ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu36ouvert = false;	}  };
			if (kelMenu.id=="menuTaille37") { if (!menu37ouvert) {  OuvreMenu(kelMenu); menu37ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu37ouvert = false;	}  };
			if (kelMenu.id=="menuTaille38") { if (!menu38ouvert) {  OuvreMenu(kelMenu); menu38ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu38ouvert = false;	}  };
			if (kelMenu.id=="menuTaille39") { if (!menu39ouvert) {  OuvreMenu(kelMenu); menu39ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu39ouvert = false;	}  };
			if (kelMenu.id=="menuTaille40") { if (!menu40ouvert) {  OuvreMenu(kelMenu); menu40ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu40ouvert = false;	}  };
			
			if (kelMenu.id=="menuTaille41") { if (!menu41ouvert) {  OuvreMenu(kelMenu); menu41ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu41ouvert = false;	}  };
			if (kelMenu.id=="menuTaille42") { if (!menu42ouvert) {  OuvreMenu(kelMenu); menu42ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu42ouvert = false;	}  };
			if (kelMenu.id=="menuTaille43") { if (!menu43ouvert) {  OuvreMenu(kelMenu); menu43ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu43ouvert = false;	}  };
			if (kelMenu.id=="menuTaille44") { if (!menu44ouvert) {  OuvreMenu(kelMenu); menu44ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu44ouvert = false;	}  };
			if (kelMenu.id=="menuTaille45") { if (!menu45ouvert) {  OuvreMenu(kelMenu); menu45ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu45ouvert = false;	}  };
			if (kelMenu.id=="menuTaille46") { if (!menu46ouvert) {  OuvreMenu(kelMenu); menu46ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu46ouvert = false;	}  };
			if (kelMenu.id=="menuTaille47") { if (!menu47ouvert) {  OuvreMenu(kelMenu); menu47ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu47ouvert = false;	}  };
			if (kelMenu.id=="menuTaille48") { if (!menu48ouvert) {  OuvreMenu(kelMenu); menu48ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu48ouvert = false;	}  };
			if (kelMenu.id=="menuTaille49") { if (!menu49ouvert) {  OuvreMenu(kelMenu); menu49ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu49ouvert = false;	}  };
			if (kelMenu.id=="menuTaille50") { if (!menu50ouvert) {  OuvreMenu(kelMenu); menu50ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu50ouvert = false;	}  };
 			if (kelMenu.id=="menuTaille51") { if (!menu51ouvert) {  OuvreMenu(kelMenu); menu51ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu51ouvert = false;	}  };
			if (kelMenu.id=="menuTaille52") { if (!menu52ouvert) {  OuvreMenu(kelMenu); menu52ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu52ouvert = false;	}  };
			if (kelMenu.id=="menuTaille53") { if (!menu53ouvert) {  OuvreMenu(kelMenu); menu53ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu53ouvert = false;	}  };
			if (kelMenu.id=="menuTaille54") { if (!menu54ouvert) {  OuvreMenu(kelMenu); menu54ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu54ouvert = false;	}  };
			if (kelMenu.id=="menuTaille55") { if (!menu55ouvert) {  OuvreMenu(kelMenu); menu55ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu55ouvert = false;	}  };
			if (kelMenu.id=="menuTaille56") { if (!menu56ouvert) {  OuvreMenu(kelMenu); menu56ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu56ouvert = false;	}  };
			if (kelMenu.id=="menuTaille57") { if (!menu57ouvert) {  OuvreMenu(kelMenu); menu57ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu57ouvert = false;	}  };
			if (kelMenu.id=="menuTaille58") { if (!menu58ouvert) {  OuvreMenu(kelMenu); menu58ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu58ouvert = false;	}  };
			if (kelMenu.id=="menuTaille59") { if (!menu59ouvert) {  OuvreMenu(kelMenu); menu59ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu59ouvert = false;	}  };
			if (kelMenu.id=="menuTaille60") { if (!menu60ouvert) {  OuvreMenu(kelMenu); menu60ouvert = true ; } else { FermeMenu(kelMenu, valeur, indexValeur, 'taille') ; menu60ouvert = false;	}  };
 		});   
	});                                                                                                              
	  	         
          
                 

	/**
	 * Boutons Ajouter au panier
	**/
	$$('.ajouterPanier').each(function(ajouter) {          
		// on créé un tableau avec le même nombre de produits
        SelectionCouleurProduits.push('');
        SelectionTailleProduits.push('');
		ajouter.addEvent('click', function(e) {    
			var prod = e.target.value; 
			var bt = e.target.id.substring(8);   
			if (SelectionCouleurProduits[bt]=='' || SelectionTailleProduits[bt]==undefined) {
				var menuCouleur = "menuCouleur"+bt;
				var couleur = $(menuCouleur).getElement('ul').getFirst().getElement('span').get('html');
			} else {
				couleur = SelectionCouleurProduits[bt];
			} 
			if (SelectionTailleProduits[bt]=='' || SelectionTailleProduits[bt]==undefined) {
				var menuTaille = "menuTaille"+bt;  
				if ($(menuTaille)!=null) {
					var taille = $(menuTaille).getElement('ul').getFirst().getElement('span').get('html');					
				} else {
					var taille = "taille unique réglable";
				}
			} else {
				taille = SelectionTailleProduits[bt];
			} 
 			//alert("produit" + prod + " : couleur -> " + couleur  + " - taille -> " + taille ); 
			RequetePanier(prod, couleur, taille);
		}); 
	});

  

	var RequetePanier = function (idProd, couleur, taille) {
    		var req = new Request({
  			url: 'http://www.chapellerie-beyssac.com/pages/assets/ajax/ajoutPanier.php',
			method:'get',
			data:{	idProd:idProd,
					couleur:couleur,
					taille:taille, 
					action:"ajoutProduit"
  			},
  			onSuccess: function(retourAjax) { 				   
			  window.location = "panier.html";
  			},
  			onFailure: function(retourAjax){
				alert(retourAjax);
			}		
 		});
		req.send();
 	};



	
});