window.addEvent('domready', function() {
	/**** http://forrst.com/posts/Mootools_Freeze_Click_Events-yyt ***/
	Element.implement({
		freezeClick:function(){
			var cl=this.clone(true,true).cloneEvents(this);
			this.store('freezeClick',cl)
				.removeEvents('click')
				.addEvent('click',function(e){e.stop();});
			return this;
		},
		unfreezeClick:function(){
			return this.retrieve('freezeClick').replaces(this);
		}
	});
	
	var sousmenu = "";
	var nombre = 0;
	var position = 0;
	var restedroite = 0;
	var hovertemps = ""
	//affiche la fleche droite ou non en fonction du nombre d'éléments du premier div
	nombre = $("div-adou").getChildren('a');
	nombre = nombre.length;
	if((nombre > 4) && (position==0)){
		$('btdroit').setStyle('display','block');
	}
	
	//roll hover menu produits*********************
	$$('.lienprods a').addEvent("mouseenter",function(){
		var lien = this.get('id');
		hovertemps = lien;
		if (sousmenu == ""){
			sousmenu = "adou";
		}
		if(lien != sousmenu){
			$(""+lien+"-hover").setStyle('display','block');
			$(""+lien+"-hover").setStyle('opacity','0.8');
		}else{
			$(""+lien+"-hover").setStyle('display','block');
			$(""+lien+"-hover").setStyle('opacity','1');
		}
	});					
	
	
	$$('.lienprods a').addEvent("mouseleave",function(){
		if (sousmenu == ""){
			sousmenu = "adou";
		}
		if(hovertemps != ""){
			if(hovertemps != sousmenu){
				$(""+hovertemps+"-hover").setStyle('display','none');
				$(""+hovertemps+"-hover").setStyle('opacity','1')
			}
		}
	});		 
	//*********************************************						 
	$$('.lienprods a').addEvent("click",function(){
		var lien = this.get('id');
		sousmenu = lien;
		//cache les fleches
		$('btdroit').setStyle('display','none');
		$('btgauche').setStyle('display','none');
		//cache tous les liens
		$$('.lienprods a img').setStyle('display','none');
		//affiche le bon lien
		$(""+lien+"-hover").setStyle('display','block');
		$(""+lien+"-hover").setStyle('opacity','1');
		//cache tous les div
		$$('.illusprods').set('morph', {duration: '300'});
		$$('.illusprods').morph({'opacity': '0', 'margin-left': '20'});
		window.setTimeout(function() {
			$$('.illusprods').setStyle('display','none');
			//affiche le bon div
			$("div-"+lien+"").setStyle('display','block');
			$("div-"+lien+"").morph({'opacity': '1', 'margin-left': '0'});
		}, 500);
		//on compte le nombre d'elements dans le div
		position = 0;
		nombre = $("div-"+lien+"").getChildren('a');
		nombre = nombre.length;
		if(nombre > 4){
			$('btdroit').setStyle('display','block');
		}
	});
	
	//evenement clic bouton droit
	$('btdroit').addEvent('click',function(){
		var lebouton = this;
		if (sousmenu == ""){
			sousmenu = "adou";
		}
		var bouge = "div-"+sousmenu;
		//calcul de la largeur
		var margin = $(bouge).getStyle('margin-left').toInt();
		margin = margin-135;
		//on bouge le div
		eval("$(bouge).tween('margin-left', '"+margin+"px;');");
		
		//incremente la position de 1 a droite
		position++;
		//calcule le nombre d'élements restants a droite
		restedroite = (nombre-4)-position;
		if(restedroite > 0){
			$('btdroit').setStyle('display','block');
			if(position > 0){
				$('btgauche').setStyle('display','block');
				//on gele le clic le temps de l'effet
				this.freezeClick();
				(function(){ lebouton.unfreezeClick();}).delay(500);
			}
		}
		
		if(restedroite <= 0){
			$('btdroit').setStyle('display','none');
			if(position > 0){
				$('btgauche').setStyle('display','block');
			}
		}
	});
	
	$('btgauche').addEvent('click',function(){
		var lebouton = this;
		if (sousmenu == ""){
			sousmenu = "adou";
		}
		var bouge = "div-"+sousmenu;
		//calcul de la largeur
		var margin = $(bouge).getStyle('margin-left').toInt();
		margin = margin+135;
		//on bouge le div
		eval("$(bouge).tween('margin-left', '"+margin+"px;');");
		//décrémente la position de 1 a droite
		position--;
		//calcul le nombre d'elements a gauche
		if(position > 0){
			$('btgauche').setStyle('display','block');
			//on gele le clic le temps de l'effet
			this.freezeClick();
			(function(){ lebouton.unfreezeClick();}).delay(500);
		}
		
		if(position <= 0){
			$('btgauche').setStyle('display','none');
		}
		//calcul le nombre d'elements a droite
		restedroite = (nombre-4)-position;
		if(restedroite > 0){
			$('btdroit').setStyle('display','block');
		}
		
		if(restedroite <= 0){
			$('btdroit').setStyle('display','none');
		}
	});
});