$(document).ready(function() {
		
		//alert('dv');
		
		// on numérote les LI
		var compteur = 1;
		$('.gallery ul li').each(function(){
			$(this).addClass(''+compteur+'');
			compteur++;
		});
	
		// Initialisation de variable
		var variable = {
			liWidth: 405,
			tailleUl: ($('.gallery ul li').size()*405),
			positionUl: null,
			positionLi: 3,
			nombre_de_li: $('.gallery ul li').size()
		}; 
		
		// On défini la taille du LI et on pose la classe active sur le 3eme
		$('.gallery ul').width(variable.tailleUl);
		$('.gallery ul li').eq(2).addClass('active')
		
		$('.next').click(function(){
			moveNext();
		});
		
		
		
		
		$('.prev').click(function(){
			movePrev();
		});
		
		function moveNext() {
			
			$('.prev, .next').unbind('click');
			
			variable.positionUl = parseInt( $('.gallery ul').css('left') );
			variable.destination = variable.positionUl - 405;
			
			$('.gallery ul').animate({'left':variable.destination},1500,function(){
				$('.gallery ul li.active').removeClass('active').next().addClass('active');
				
				variable.destination = variable.positionUl;
				$('.gallery ul').css('left',variable.destination);
				$('.gallery ul li:first').clone().insertAfter('.gallery ul li:last');
				$('.gallery ul li:first').remove();
				$('.next').bind('click',function(){
					moveNext()
				});
				$('.prev').bind('click',function(){
					movePrev()
				});
			});
		}
		
		function movePrev() {
		
			$('.prev, .next').unbind('click');
		
			variable.positionUl = parseInt( $('.gallery ul').css('left') );
			variable.destination = variable.positionUl + 405;
			
			$('.gallery ul').animate({'left':variable.destination},1500,function(){
				$('.gallery ul li.active').removeClass('active').prev().addClass('active');
				
				variable.destination = variable.positionUl;
				$('.gallery ul').css('left',variable.destination);
				$('.gallery ul li:last').clone().insertBefore('.gallery ul li:first');
				$('.gallery ul li:last').remove();
				$('.prev').bind('click',function(){
					movePrev()
				});
				$('.next').bind('click',function(){
					moveNext()
				});
			});
		}		
		function moveAlone(){
				moveNext();
			setTimeout(function(){moveAlone() }, 5000);
		}
		moveAlone();
	});