var tabPhotos;
var tabLiens;
var numPhotoActive = -1;
var slideTimer;
var okToSwitch = true;

function setPhotoActive(num) {
	if(num == numPhotoActive || !okToSwitch) return;
	
	okToSwitch = false;
	
	if(numPhotoActive >= 0) {
		$(tabPhotos[numPhotoActive]).css({'z-index': 8});
		$(tabLiens[numPhotoActive]).removeClass('active');
	}
	
	$(tabPhotos[num]).css({opacity: 0.0, 'z-index': 9}).animate({opacity: 1.0}, 500, function() {
		
		if(numPhotoActive >= 0) {
			$(tabPhotos[numPhotoActive]).css({'z-index': 7});
		}
		
		numPhotoActive = num;
		okToSwitch = true;
	});
	
	$(tabLiens[num]).addClass('active');
}

function slideLoop() {
	var numPhoto = numPhotoActive + 1;
	
	if(numPhoto >= tabPhotos.length) numPhoto = 0;

	setPhotoActive(numPhoto);
}

function resetLoop() {
	if(slideTimer) clearInterval(slideTimer);
	slideTimer = setInterval( "slideLoop()", 5000 );
}

$(function() {
	$('.slideshow .photos div').css({opacity: 0.0});
	
	tabPhotos = $('.slideshow .photos div');
	tabLiens = $('.slideshow .liens div');
	
	$('.slideshow .liens div').each(function(index, value) {
		$(this).click(function() {
			resetLoop();
			setPhotoActive(index);
		});
	});
	
	setPhotoActive(0);
	
	resetLoop();
	
});