/**
 * @author Mathieu Gilson
 * @version 20110419
 * 
 * Images Slider Javascript.
 * Date 01/09/2011.
 * 
 * Last modifications : 
 * Date 01/09/2011.
 * 
 */

var sliderImageTime = 4; //en seconde;

$(document).ready(function(){
	$(".img_slider").each(function() {
		startSliderImage($(this));
	});
});

function startSliderImage(slider) {
	//Si cette classe slider ne contient pas d'élement li avec une class = visible, alors il faut initialiser le slider
	if(slider.children("li.visible").size() == 0) {
		slider.children("li:first").fadeIn(function(){$(this).addClass("visible");});
	}
	
	if(slider.children("li").size() > 1) sliderNextImage(slider);
}

function sliderNextImage(slider) {
	//on prend l'élement suivant de celui affiché, on affiche et on désactive la visibilité du précédent
    var prevobj = slider.children("li.visible");
		
	$(prevobj).fadeOut();
	if($(prevobj).next("li").size() == 1) {
		$(prevobj).next("li").fadeIn(function(){
			$(prevobj).removeClass("visible"); //On desactive la classe visible sur l'élement précédent
			$(this).addClass("visible"); //On active la classe visible sur l'élement en cours
		});
	} else {
		slider.children("li:first").fadeIn(function(){
			$(this).addClass("visible");//On active la classe visible sur l'élement en cours
			$(prevobj).removeClass("visible");	//On desactive la classe visible sur l'élement précédent
		});
	}
	setTimeout(function() {sliderNextImage(slider)}, sliderImageTime*1000); //on attend un laps de temps défini par sliderTime pour affiché le suivant
}