$(document).ready(function() {

	tableauSequence=shuffle(tableauSequence); //Numéros des images

	$("div.visual ul li:first-child").empty();
	for(var i=0 ; i<nombreImages ; i++){
		$("div.visual ul li:first-child").append('<img class="visuel-'+tableauSequence[i]+'" src="images/cordon-blanc-'+nomSerieVisuel+'-'+tableauSequence[i]+'.png" alt="" />');
	}

	numeroSequence = 0;
	//Affichage de la première image
	$('img.visuel-'+tableauSequence[numeroSequence]).fadeIn(1000,function(){
		setTimeout(changeVisuel,3000);
	});

	function shuffle(inputArr) {
		var valArr = [];
		var k = '', i = 0;

		for (k in inputArr) { // Get key and value arrays
			valArr.push(inputArr[k]);
			delete inputArr[k];
		}
		valArr.sort(function() {return 0.5 - Math.random();});

		for (i = 0; i < valArr.length; i++) { // Repopulate the old array
			inputArr[i] = valArr[i];
		}
		return valArr;
	}

	function changeVisuel(){
		$('img.visuel-'+tableauSequence[numeroSequence]).fadeOut(1000);
		if(numeroSequence++ >= nombreImages-1){
			numeroSequence = 0;
		}
		$('img.visuel-'+tableauSequence[numeroSequence]).fadeIn(1000,function(){
			setTimeout(changeVisuel,3000);
		});
	}

});