/****************
*	
*	
*	
****************/

var slide_switch_interval_id = 0;
var slideshow_delay_interval = 3600;
var slideshow_delay_interval_image_selected = 5000;
var slideshow_transition_time = 600;
var nb_item = 1;

var slide_switch = function(item_number, delay) {
	// on stoppe le timer de l'animation
	clearTimeout(slide_switch_interval_id);
	
	// récupération des numéros d'item à switcher
	var item_number_act = parseInt($('.slideshow_controler_item.active').text());
	
	var item_number_next = 1;
	if(item_number != undefined) {
		// si un item à afficher est défini en param, on le récupère directement
		item_number_next = item_number;
	} else {
		// sinon item_act+1
		item_number_next = item_number_act+1;
		
		if(item_number_next > nb_item) {
			// si supérieur au nombre d'item, retour à 1
			item_number_next = 1;
		}
	}

	// récupération des éléments sur lesquels ont va agir
	var item_act = $('#slideshow_item_'+item_number_act);
	var item_next = $('#slideshow_item_'+item_number_next);
	var controler_act =  $('#slideshow_controller_'+item_number_act);
	var controler_next = $('#slideshow_controller_'+item_number_next);

	// passage en arrière plan de l'item actuel et au premier plan du nouveau
	item_act.css({zIndex: '1'});
	item_next.css({zIndex: '2'});

	// switch des controlers
	controler_act.removeClass('active');
	controler_next.addClass('active');
	
	if(item_number_next != item_number_act) {
		// affichage du nouvel item
		item_next.fadeIn(slideshow_transition_time, function() {
			// on cache l'ancien item
			item_act.css({display: 'none'});
		});
	}
	
	// lancement du prochain switch
	if(delay != undefined) {
		slide_switch_interval_id = setTimeout('slide_switch()', delay);
	} else {
		slide_switch_interval_id = setTimeout('slide_switch()', slideshow_delay_interval);
	}
}

$(document).ready(function() {
	// récupération du nombre d'items du slideshow
	nb_item = parseInt($('.slideshow_item').length);

	// on ne lance l'animation que si on a plus d'1 élément
	if(nb_item > 1) {
		slide_switch_interval_id = setTimeout('slide_switch()', slideshow_delay_interval);
	}
	
	// mise en place de la gestion des cliques sur sur les chiffres
	$('.slideshow_controler_item').bind('click', function(e) {
		// on stoppe l'événement du lien
		e.preventDefault();
		
		// récupération du numéro de l'item à afficher
		var item_number = parseInt($(this).text());
		
		// on affiche l'élément voulu dans le slideshow
		slide_switch(item_number, slideshow_delay_interval_image_selected);
	});
});