var slider_images_url_preload  = new Array();
var slider_images_url = new Array(); //contient les url des images du slider
var slider_width=951;
var slider_current_img=0;
var slider_nombre_volets=19;

$(document).ready(function()
{
	//récupération des images
	var slider_liste_images=$("#images_slider img");
	for(i = 0 ; i<slider_liste_images.length ; i++)
	{
		slider_images_url_preload[i]=$(slider_liste_images[i]).attr("src");
	}
	$("#images_slider img").remove();
	
	slider_images_url[0] = slider_images_url_preload[0];
	
	//ajout de la première image
	var slider_image=$("<div>",
	{
		"style":"width:951px;height:435px;position:absolute;background-image:url("+slider_images_url[0]+");left:0;top:0;"
	});
	$("#images_slider").append(slider_image);
	
	slider_load();
	
});

function slider_load()//précharge les images
{
	
	if(slider_images_url_preload.length>1)
	{
		
		for(i=1;i<slider_images_url_preload.length;i++)
		{
			
			var local_url=slider_images_url_preload[i];
			
			var slider_preloaded_img = $("<img>",
			{
				
				"src":local_url
				
			});
			
			//alert(slider_preloaded_img.complete);
			
			if(slider_preloaded_img.complete)
			{
				slider_add_image($(this).attr("src"));
			}
			else
			{
				$(slider_preloaded_img).bind("load",function()
				{
					slider_add_image($(this).attr("src"));
				});
			}
			
		}
		
	}
	
}

function slider_add_image(s_img_url)
{
	
	slider_images_url.push(s_img_url);
	
	if(slider_images_url.length==slider_images_url_preload.length)
	{
		//ajout des boutons
		$("#diapo #previous_btn").css("display","block");
		$("#diapo #previous_btn").click(slider_put_image);
		$("#diapo #next_btn").css("display","block");
		$("#diapo #next_btn").click(slider_put_image);
		
		$("#diapo #previous_btn").fadeOut(0);
		$("#diapo #previous_btn").fadeIn(400);
		
		$("#diapo #next_btn").fadeOut(0);
		$("#diapo #next_btn").fadeIn(400);
		
		slider_set_timer();
		
	}
	
}

function slider_put_image(e)//calcul de la prochaine image à afficher
{
	e.preventDefault();
	
	if($(e.target).is("#previous_btn"))
	{
		slider_current_img--;
	}
	if($(e.target).is("#next_btn"))
	{
		slider_current_img++;
	}
	
	slider_check_image();
	
	slider_transition();
	
}

function slider_check_image()//correction si l'on sort des limites
{
	if(slider_current_img==slider_images_url.length)
	{
		slider_current_img=0;
	}
	if(slider_current_img<0)
	{
		slider_current_img=(slider_images_url.length-1);
	}
}

function slider_transition()//affiche l'image
{
	
	$(document).stopTime("slider_timer");
	
	var slider_local_current_img=slider_current_img;
	
	//création du wrapper
	var slider_transition_wrapper=$("<div>",
	{
		"style":"width:951px;height:435px;position:absolute;left:0;top:0;"
	});
	$("#images_slider").append(slider_transition_wrapper);
	
	//création des volets
	var slider_volets = new Array();
	for(i=0 ; i<slider_nombre_volets ; i++)
	{
		slider_volets[i]=$("<div>",
		{
			"style":"position:absolute;width:0;height:435px;left:"+(50*i)+"px;top:0;background-image:url("+slider_images_url[slider_local_current_img]+");background-position:-"+(50*i)+"px 0;"
		});
		$(slider_volets[i]).addClass("slider_volet_"+i);
		$(slider_transition_wrapper).append(slider_volets[i]);
	}
	
	//animation des volets
	var i = 0;
	$(document).everyTime(50,function()
	{
		var slider_next_width=50;
		//alert(i);
		if(i==(slider_nombre_volets-1)) 
		{
			slider_next_width=51;
		}
		
		$(slider_volets[i]).animate(
		{
			
			"width":slider_next_width
			
		},500,function()
		{
			//supression des volets une fois l'animation terminée
			if($(this).is(".slider_volet_18"))
			{
				$(slider_transition_wrapper).css("background-image","url("+slider_images_url[slider_local_current_img]+")");
				$(slider_transition_wrapper).find("div").remove();
				$("#images_slider>div:first").remove();
				
				slider_set_timer()
			}
		});
		i++;
	},slider_nombre_volets);
	
}

function slider_set_timer() //défilement automatique
{
	
	$(document).everyTime(5000,"slider_timer",function()
	{
		
		slider_current_img++;
	
		slider_check_image();
		
		slider_transition();
		
	});
	
}