var nbImages = 4;
var largeurImage = 660;
var imageOn = 1;
var timeImage = 3;
var timeAff = 0;

$(window).load(function() {	
    $("#carrousel a.suivant").click( function(){
    	timeAff = -2;
    	if ( imageOn == nbImages ) {
    		image = 1;
    	}
    	else {
    		image = imageOn + 1;
    	}
    	goToCarrousel(image);
    	
    	return false;
    });
    $("#carrousel a.precedent").click( function(){
    	timeAff = -2;
    	if ( imageOn == 1 ) {
    		image = nbImages;
    	}
    	else {
    		image = imageOn - 1;
    	}
    	goToCarrousel(image);
    	
    	return false;
    });
    
    var i = 1;
    $.each( $("#carrousel ul.liste li"), function(key, value) { 
    	$(this).click( function() {
    		timeAff = -2;
    		goToCarrousel(key+1);
    		return false;
    	});
    });
	
    setTimeout("timeCarrousel()",1000);
});

function timeCarrousel() {
	timeAff = timeAff + 1;
	
	if ( timeAff == timeImage ) {
		timeAff = 0;
		$("#carrousel a.suivant").click();
	}
	
	setTimeout("timeCarrousel()",1000);
}

function goToCarrousel(image) {	
	var left = - ( largeurImage * (imageOn-1));
	
	if ( image > imageOn ) {
		var futurLeft = left + (largeurImage * (imageOn - image));
	}
	else {
		var futurLeft = left - (largeurImage * (image - imageOn));
	}
	
	imageOn = image;
	
	$("#carrousel #carrousel_bouge").animate({
		'left': futurLeft
	}, 500);
	
	$("#carrousel ul.liste li").removeClass('on');
	$("#carrousel ul.liste li:nth-child("+imageOn+")").addClass('on');
}