window.addEvent('domready',function(){
		var element =$('listing_liste');
			var fx = new Fx.Styles(element, {duration:1000, wait:false});
			var indexElem=1;
			 var nbrElem=$$('#listing_liste li').length;
			 var posUl=0;
			 var begin=false;
			 
			 if(nbrElem > 4) {
			 $('nav_listing').setStyle('display','block');
			 $('img_glisser').setStyle('opacity',1);
			 }

			  $('listing_next').addEvent('click',function(e){
				if( nbrElem > (indexElem+3) ){
					posUl-=230;
					$('listing_liste').setStyle('opacity',0.2);
					
					fx.start({
						'left':posUl,
						'opacity':1
					});	
					indexElem++;
					if(mySlide){
						mySlide.set(indexElem-1);
					}
					$('listing_previous').removeClass('disabled');
				}
				
				if(nbrElem == indexElem){
					this.addClass('disabled');
				}
				var event = new Event(e);	
				event.stop();
				return false;
			 });
			 
			  $('listing_previous').addEvent('click',function(e){
				if( indexElem > 1){
					posUl+=230;
					$('listing_liste').setStyle('opacity',0.2);
					
					fx.start({
						'left':posUl,
						'opacity':1
					});
					indexElem--;
					if(mySlide){
						mySlide.set(indexElem-1);
					}
					$('listing_next').removeClass('disabled');
				}
				if(indexElem == 1){
					this.addClass('disabled');
				}
				var event = new Event(e);	
				event.stop();
				return false;
			 });
		
			
		//alert(parseInt(nbrElem/3)+1);
			/* Slider 1 */
			var mySlide = new Slider($('slider'), $('knob'), {
				steps: parseInt(nbrElem-4),
					range: [0],
						wheel: false,
				onChange: function(step){
					if(begin == true){

						posUl=-(230*step);
						indexElem=step+1;
						$('listing_liste').setStyle('opacity',0.2);
						fx.start({
						'left':posUl,
						'opacity':1
						});	
					}
					begin =true;
				}
				
			}).set(0);		

	});