$(document).ready(function(){	
	$("#slider").Slider();
	
	$("#bill2").fadeTo("fast", 0.5);
	$("#bill3").fadeTo("fast", 0.5);
});	

(function($) {
	$.fn.Slider = function(options){
	  	
	  	active_tt = 1;
	  	thumbs = new Array(1,2,3);
	  	
	  	timer_slide = setInterval(click_thumb, 3000);
	  	
	  	// Click sur les thumbs
	  	function click_thumb(id_thumb) {
	  	
			if(!(id_thumb>0 && id_thumb<4)) {
				id_thumb = active_tt + 1;
				if(id_thumb==4) id_thumb = 1;
			}			
			
			for(x in thumbs){ 
				if(thumbs[x]!=id_thumb) {
					$("#slider_li_"+thumbs[x]).fadeOut("slow"); 
					$("#bill"+thumbs[x]).fadeTo("slow", 0.5);
					$("#slider_li_"+thumbs[x]).removeClass("slider_nav_active");
				} else {
					$("#slider_li_"+thumbs[x]).fadeIn("slow");
					$("#slider_li_"+thumbs[x]).addClass("slider_nav_active");
					$("#bill"+thumbs[x]).fadeTo("slow", 1);
				}
			}
			
			set_nav_active(id_thumb);
	  	}
	  	
		
		$("#bill1").click(function(){
			clearInterval(timer_slide);
			click_thumb(1);
		});					
		$("#bill2").click(function(){	
			clearInterval(timer_slide);  
			click_thumb(2);
		});					
		$("#bill3").click(function(){	
			clearInterval(timer_slide); 
			click_thumb(3);
		});	   
		
		//hover sur le LI
		$("#slider_nav_1").hover(function(){	
			$("#bill1").fadeTo("slow", 1);
		}, function(){
			if(!$("#slider_nav_1").hasClass("slider_nav_active")) $("#bill1").fadeTo("slow", 0.5);
		});
		
		$("#slider_nav_2").hover(function(){	
			$("#bill2").fadeTo("slow", 1);
		}, function(){
			if(!$("#slider_nav_2").hasClass("slider_nav_active")) $("#bill2").fadeTo("slow", 0.5);
		});
		
		$("#slider_nav_3").hover(function(){	
			$("#bill3").fadeTo("slow", 1);
		}, function(){
			if(!$("#slider_nav_3").hasClass("slider_nav_active")) $("#bill3").fadeTo("slow", 0.5);
		});
		
		
		function set_nav_active(idnav) {
			$("#slider_nav_1").removeClass("slider_nav_active");
			$("#slider_nav_2").removeClass("slider_nav_active");
			$("#slider_nav_3").removeClass("slider_nav_active");
			
			$("#slider_nav_"+idnav).addClass("slider_nav_active");
			active_tt = idnav;
		}
		
	};
})(jQuery);