$(document).ready(function()
{
    $("#contenu-carousel").diaporama({
        animationSpeed: "slow",
        delay:4
    });
 
});

(function($){
	$.fn.diaporama = function(options) {

		var defaults = {
			delay: 4,
			animationSpeed: "normal",
			controls:true
		};

		var options = $.extend(defaults, options);

		this.each(function(){

			var obj = $(this);

			if($(obj).find("li").length > 1){
				var inter = setInterval(function(){nextElt(options)}, (options.delay*2000));
				var sens = "right";
				var pause = false;
				
				// initialisation
				
				// on cahe tout
				$(obj).find("li").hide();
				
				// on prend la premiere image
				$(obj).find("li:first-child").addClass("active").fadeIn(options.animationSpeed);
				
				// on prend le premier onglet
				var id = $(obj).find("li.active").attr('id');
            	$("ul#menu-carousel li div#bg-"+id).animate({ 
			        width: "+=20px",
			        opacity: "1"
			    }, 200 );
				
				// Controls
				$("ul#menu-carousel li").mouseover(function(){
					var idImg = $(this).attr("id");
					var idCour = $("li.active").attr('id');
					
				
					if( $("li.active").attr('id') != idImg )
					{
						//alert(idImg);
						//alert(idCour);
						// on rentre tous les onglets
						$("ul#menu-carousel li div").animate({ 
							width: "212px",
					        opacity: "0.7"
					    }, 100 );
						
						// on sort juste celui qui cortrespond ˆ l'image
						$("ul#menu-carousel li div#bg-"+idImg).animate({ 
							width: "+=20px",
					        opacity: "1"
					    }, 200 );
						
						$("li.active").removeClass("active").fadeOut('100');
						
						// changement de l'image
						$("ul#contenu-carousel li#"+idImg).addClass("active").fadeIn(options.animationSpeed);
					}
					
					// on arrete le diaporama
					clearInterval(inter);
				});
				$("ul#menu-carousel a").mouseout(function(){
					inter = setInterval(function(){ (sens == "right")?nextElt(options):prevElt(options)}, (options.delay*1000));
				});

				// Affiche l'ŽlŽment suivant
				 
                function nextElt(options)
                {
                	$("ul#menu-carousel li div").animate({ 
                		width: "212px",
				        opacity: "0.7"
				    }, 200 );
                	
                    $(obj).find("li.active").fadeOut(options.animationSpeed);
 
                    if(!$(obj).find("li.active").is(":last-child"))
                    {
                        $(obj).find("li.active").next().addClass("active").prev().removeClass("active");
                        $(obj).find("li.active").fadeIn(options.animationSpeed);
 
                    }
                    else
                    {
                        $(obj).find("li:first-child").addClass("active").fadeIn(options.animationSpeed);
                        $(obj).find("li:last-child").removeClass("active");
                    }
                    
                    var id = $(obj).find("li.active").attr('id');
                	$("ul#menu-carousel li div#bg-"+id).animate({ 
                		width: "+=20px",
				        opacity: "1"
				    }, 200 );
                }
            }
        });
 
        return this;
    };
})(jQuery);