var nextDiapoImage = 1;
var nbDiapo = 0;

function initDiaporama(){
	$('#diaporama .menu .boutons li').mouseover(function(){
		id = $(this).attr('id');
		id = id.replace('bouton-','');
		$(this).css({backgroundPosition: 'left -18px'});
		$("#mini-"+id).show();
		return false;
	});
	
	$('#diaporama .menu .boutons li').mouseleave(function(){
		id = $(this).attr('id');
		id = id.replace('bouton-','');
		if($(this).hasClass('active')){
			$(this).css({backgroundPosition: 'left -36px'});
		}else{
			$(this).css({backgroundPosition: 'left top'});
		}
		$("#mini-"+id).hide();
		return false;
	});
	
	$('#diaporama .menu .boutons li').click(function(){
		id = $(this).attr('id');
		id = id.replace('bouton-','');
		incDiapo(id);
		
		$('#diaporama .active').removeClass('active').css({backgroundPosition: 'left top'});
		$(this).addClass('active').css({backgroundPosition: 'left -36px'});
		
		$('#diaporama .images .image').hide();
		$("#image-"+id).show();
		
		playDiapo("15s");
		return false;
	});
	
	nbDiapo = $('#diaporama .menu .boutons li').length-1;
	
	playDiapo("4s");
}

function playDiapo(timer){
	$("#diaporama").stopTime("playDiapo");
	if(nbDiapo > 0){
		$("#diaporama").oneTime(timer,"playDiapo", function(i) {
			$('#diaporama .active').removeClass('active').css({backgroundPosition: 'left top'});
			$("#bouton-"+nextDiapoImage).addClass('active').css({backgroundPosition: 'left -36px'});
			
			$('#diaporama .images .image').hide();
			$("#image-"+nextDiapoImage).show();
			
			incDiapo(nextDiapoImage);
			playDiapo("4s");
		}, 0);
	}
}

function incDiapo(num){
	nextDiapoImage = num;
		
	if(nextDiapoImage == nbDiapo){
		nextDiapoImage = 0;
	}else{
		nextDiapoImage++;
	}
}