window.addEvent('domready', function()
{
	var itemProd = document.getElements('.gamme .liste .item');
	if(itemProd.length > 0){
	   // EFFET SUR LOGO //
		initItemProd = function(){
		  $$('.gamme .liste .item').each(function(el)
		  {
			//$ Déclaration des divers éléments du lien  	
			el._aEl        = el.getElements('.glink');
			el.aEl         = el._aEl[0];
			el._nameEl     = el.getElements('.name');
			el.nameEl      = el._nameEl[0];
			el._linkEl     = el.getElements('.link');
			el.linkEl      = el._linkEl[0];
			
			el._geishaEl   = el.getElements('.geisha');
			el.geishaEl    = el._geishaEl[0];
			
			//$ Récupération des font-color des divers éléments du lien  	
			el.aColor      = el.aEl.getStyle('color');
			el.nameColor   = el.nameEl.getStyle('color');
			el.linkColor   = el.linkEl.getStyle('color');
			el.geishaLeft  = el.geishaEl.getStyle('left');
			el.color          = "#000000";
			
			
			//$ Attribution des animations des divers éléments du lien  	
			el.aEl.FXfont     = new Fx.Tween(el.aEl,{duration: 400});
			el.nameEl.FXfont  = new Fx.Tween(el.nameEl,{duration: 400});
			el.linkEl.FXfont  = new Fx.Tween(el.linkEl,{duration: 400});
			el.geishaTransIn = new Fx.Transition(Fx.Transitions.Back, 2);
			el.geishaTransOut = new Fx.Transition(Fx.Transitions.Back, 2);
			el.geishaEl.FXin = new Fx.Tween(el.geishaEl, {duration: 400, transition: el.geishaTransIn.easeOut  });
			el.geishaEl.FXout = new Fx.Tween(el.geishaEl, {duration: 400, transition: el.geishaTransOut.easeIn  });
	
			//$ Boutons sous-menu couleur 1
			el.aEl.addEvents(
			{
				'mouseenter' :function(){
					el.aEl.FXfont.cancel();
					el.nameEl.FXfont.cancel();
					el.linkEl.FXfont.cancel();
					el.geishaEl.FXin.cancel();
					el.geishaEl.FXout.cancel();
					
					el.aEl.FXfont.start('color','#fe1390');
					el.nameEl.FXfont.start('color', '#fe1390');
					el.linkEl.FXfont.start('color','#fe1390');
					el.geishaEl.FXin.start('left','90px');
				}, 
				'mouseleave' :function(){
					el.aEl.FXfont.cancel();
					el.nameEl.FXfont.cancel();
					el.linkEl.FXfont.cancel();
					el.geishaEl.FXin.cancel();
					el.geishaEl.FXout.cancel();
					
					el.aEl.FXfont.start('color', el.aColor);
					el.nameEl.FXfont.start('color', el.nameColor);
					el.linkEl.FXfont.start('color', el.linkColor);
					el.geishaEl.FXout.start('left',el.geishaLeft);
				},
				'click' :function(){
					//$ On récupère le href de aEl et son target pour appeler la fonction popin
					el.strHref = el.aEl.getProperty('href');
					el.strTar = el.aEl.getProperty('target');
					
					$('lienMail').value= el.strHref;
					
					//alert("chaine = "+strHref+" // target = "+strTar);
					
					el.aTmp = String(el.strHref).split('-');
					el.strTmp = el.aTmp[(el.aTmp.length - 1)];
					el.strTmp = String(el.strTmp).replace('.html','');
					
					// WidGamme
					aTmpWidGamme = String(el.strHref).split('/');
					strWidGamme = aTmpWidGamme[aTmpWidGamme.length - 2];
					aTmpWidGamme = String(strWidGamme).split('-');
					strWidGamme = aTmpWidGamme[aTmpWidGamme.length - 1];
					
					
					//$ Appel à la fonction popin en placant la wId (strTmp) et la cible (strTar)
					
					//alert("chaine = "+strTmp+" // target = "+strTar);
					ShowLayer(el.strTar, el.strTmp, el.color);
					return false;
				}
			});
		  });
		}
		initItemProd();
	}
	
	initItemProdFiche = function(){
	  $$('.fiche .liste .item').each(function(el)
	  {
		//$ Déclaration des divers éléments du lien  	
		el._aEl        = el.getElements('.glink');
		el.aEl         = el._aEl[0];
		el._nameEl     = el.getElements('.name');
		el.nameEl      = el._nameEl[0];
		el._linkEl     = el.getElements('.link');
		el.linkEl      = el._linkEl[0];
		el._imgEl     = el.getElements('img');
		el.imgEl      = el._imgEl[0];
		
		//$ Récupération des font-color des divers éléments du lien  	
		el.aColor      = el.aEl.getStyle('color');
		el.nameColor   = el.nameEl.getStyle('color');
		el.linkColor   = el.linkEl.getStyle('color');
		el.color          = "#000000";
		el.imgEl.setStyle('opacity',0.7);
		
		
		//$ Attribution des animations des divers éléments du lien  	
		el.aEl.FXfont     = new Fx.Tween(el.aEl,{duration: 400});
		el.nameEl.FXfont  = new Fx.Tween(el.nameEl,{duration: 400});
		el.linkEl.FXfont  = new Fx.Tween(el.linkEl,{duration: 400});
		el.imgEl.FXfont  = new Fx.Tween(el.imgEl,{duration: 400});

		//$ Boutons sous-menu couleur 1
		el.aEl.addEvents(
		{
			'mouseenter' :function(){
				el.aEl.FXfont.cancel();
				el.nameEl.FXfont.cancel();
				el.linkEl.FXfont.cancel();
				el.imgEl.FXfont.cancel();
				
				el.aEl.FXfont.start('color','#fe1390');
				el.nameEl.FXfont.start('color', '#fe1390');
				el.linkEl.FXfont.start('color','#fe1390');
				el.imgEl.FXfont.start('opacity',1);
			}, 
			'mouseleave' :function(){
				el.aEl.FXfont.cancel();
				el.nameEl.FXfont.cancel();
				el.linkEl.FXfont.cancel();
				el.imgEl.FXfont.cancel();
				
				el.aEl.FXfont.start('color', el.aColor);
				el.nameEl.FXfont.start('color', el.nameColor);
				el.linkEl.FXfont.start('color', el.linkColor);
				el.imgEl.FXfont.start('opacity',0.7);
			},
			'click' :function(){
				//$ On récupère le href de aEl et son target pour appeler la fonction popin
				el.strHref = el.aEl.getProperty('href');
				el.strTar = el.aEl.getProperty('target');
				
				$('lienMail').value= el.strHref;
				
				//alert("chaine = "+strHref+" // target = "+strTar);
				
				el.aTmp = String(el.strHref).split('-');
				el.strTmp = el.aTmp[(el.aTmp.length - 1)];
				el.strTmp = String(el.strTmp).replace('.html','');
				
				// WidGamme
				aTmpWidGamme = String(el.strHref).split('/');
				strWidGamme = aTmpWidGamme[aTmpWidGamme.length - 2];
				aTmpWidGamme = String(strWidGamme).split('-');
				strWidGamme = aTmpWidGamme[aTmpWidGamme.length - 1];
				
				
				//$ Appel à la fonction popin en placant la wId (strTmp) et la cible (strTar)
				
				//alert("chaine = "+strTmp+" // target = "+strTar);
				OpenLayer('','#000000', 0);
				(function(){ShowLayer(el.strTar, el.strTmp, el.color);}).delay(1000);
				
				return false;
			}
		});
	  });
	}
	
	initDetailProdOnglets = function(id){	
		var hasItem = $$('.fiche .item');
		if(hasItem.length > 0){
			initItemProdFiche();
		}	
		$$('.fiche .move').each(function(el)
		{
			
			el.commonid = String(el.id).replace('Btn','');
			
			el._newBtn = $(el.commonid+'Btn');
			el._newPage = $(el.commonid);
						
			el._span = el.getElements('span');
			el.span = el._span[0];
			
			//$ Si image recette
			if($('detailprod2Img')){
				//$ ANIM IMAGE PRODUIT 
				var Kakemono1FX = new Fx.Tween($('detailprod1Img'));
				//$ ANIM IMAGE RECETTE
				var Kakemono2FX = new Fx.Tween($('detailprod2Img'));
			}
			
			el.span.Fx = new Fx.Tween(el.span, { duration:200 });
			
			var _jumps = $$('.nav .btn');
			
			for(i=0; i<_jumps.length; i++){
				if(_jumps[i] == el){
					 el.jump = i;
				}
			}
			
			el.jumpto = el._newPage.getStyle('width').toInt() * el.jump;
			
			el.addEvent('mouseenter', function()
			{
				if(!el.hasClass('on')){		
					el.span.Fx.cancel();
					el.span.Fx.start('opacity', 0);
				}
			});
	
			el.addEvent('mouseleave', function()
			{
				if(!el.hasClass('on')){					
					el.span.Fx.cancel();
					el.span.Fx.start('opacity',1);
				}
			});
	
			el.addEvent('click', function()
			{	
				if(!el.hasClass('on')){
					_newId = el.commonid;
					var _oldspan = $(_oldId+'Btn').getElements('span');
					var oldspan = _oldspan[0];
					oldspan.Fx = new Fx.Tween(oldspan, { duration:200 });
					
					if($('detailprod2Img')){
						if(_newId == 'detailprod2'){
							Kakemono1FX.addEvent('complete', function(){
								$('detailprod1Img').setStyle('display','none');
								$('detailprod2Img').setStyle('opacity',0);
								$('detailprod2Img').setStyle('display','block');
								Kakemono2FX.start('opacity',1);
							}).start('opacity',0);
						}else{
							if(_oldId == 'detailprod2'){
							Kakemono2FX.addEvent('complete', function(){
								$('detailprod2Img').setStyle('display','none');
								$('detailprod1Img').setStyle('opacity',0);
								$('detailprod1Img').setStyle('display','block');
								Kakemono1FX.start('opacity',1);
							}).start('opacity',0);
							}
						}
					}
					new Fx.Tween($('pages-slide'),
					{
						duration: 400
					}).start('left',-el.jumpto);
					
					oldspan.Fx.cancel();
					oldspan.Fx.start('opacity',1);
					
					$(_newId+'Btn').removeClass('move');
					$(_newId+'Btn').addClass('on');
					$(_oldId+'Btn').removeClass('on');
					$(_oldId+'Btn').addClass('move');
					_oldId = _newId;
				}
			});
			
		});
		var _span = $(id+'Btn').getElements('span');
		var span = _span[0];
		span.Fx = new Fx.Tween(span, { duration:200 });
		
		span.Fx.start('opacity', 0);
		
		$(id+'Btn').setStyle('display','inline');
		$(id+'Btn').removeClass('move');
		$(id+'Btn').addClass('on');
		
		_oldId = id;
	}
	
	charge = 0;
});