// Indique l'image actuellement affichée
var imgActive = 0;
var numberActif = 0;
var param = 0;									

var imgArray = $('#bloc-content div.bloc-article');
var numberArray = $('ul.list-number li');
var nbImg = $('#bloc-content div.bloc-article').length;
var nbNumber = $('ul.list-number li').length;

function nextImage(param){
	// Définition de la nouvelle image à afficher
	imgActive++;
	numberActif++;
	
	if(imgActive == nbImg) imgActive = 0;
	if(numberActif == nbNumber) numberActif = 0;

	// Affichage de l'image active et masquage des autres
	imgArray.each(function(i, el){
		(imgActive == i) ? $(imgArray[i]).css('display','block') : $(imgArray[i]).css('display','none');
		(numberActif == i) ? $(numberArray[i]).addClass('actif') : $(numberArray[i]).removeClass('actif');
	});	
	
}
$("ul.list-number > li > a").click(function(){
		var classe;
		classe = $(this).attr("class");												
		param = classe - 2;
		imgActive = param;
		numberActif = param;
		nextImage(param);
		$('#lien-bottom-article ul li.last a').attr("href", $('#bloc-content div.item-' + classe + ' div.img-encours a').attr("href"));
		return false;
});