$(document).ready(
	
	function(){
		carrousel('carrousel-vignettes',210,1,'slow');
		carrousel('niveau_etudiant',210,1,'slow');
		carrousel('niveau_adulte',210,1,'slow');
		carrousel('tout_niveau',210,1,'slow');
	}
);



function carrousel(id, width, nb, vitesse)
{
	
	$('#'+id).append('<span id="span'+id+'" style="display:none;">1</span>');
	
	$('#'+id+' a.next').bind('click',
		function()
		{
			var current;
			var total;
			var left;
			
			current=$('#span'+id).html();
			total=$('#'+id+' .item').length+1-nb;
			left=parseInt($('#'+id+' .items').css('left'));
			
			$('#'+id+' .items').animate({left:left-width},vitesse);
			current++;
			
			if(current==total)
				$('#'+id+' a.next').hide();
			if(current>1)
				$('#'+id+' a.prev').show();
		
			$('#span'+id).html(current);
			return false;
		}
	);
	
	$('#'+id+' a.prev').bind('click',
		function()
		{
			var current;
			var total;
			var left;
			
			current=$('#span'+id).html();
			total=$('#'+id+' .item').length+1-nb;
			left=parseInt($('#'+id+' .items').css('left'));
			
			$('#'+id+' .items').animate({left:left+width},vitesse);
			
			current--;
			
			if(current==1)
				$('#'+id+' a.prev').show();
			if(current<total)
				$('#'+id+' a.next').show();
			
			$('#span'+id).html(current);
			return false;
		}
	);

}