$(document).ready(function()
{
	slide("#subnav", 15, 0, 200, .8);
	// slide ("ID du menu", || taille du padding au survol en px || taille du padding à l'état initial en px || durée de l'animation || multiplicateur);
});

function slide(navigation_id, pad_out, pad_in, time, multiplier)
{
	// Chemins cibles
	var list_elements = navigation_id + " li.sliding-element";
	var link_elements = list_elements + " a";
	
	// Timer de l'animation
	var timer = 0;
	
	// Animation slide pour chaque élément
	$(list_elements).each(function(i)
	{
		// margin left = - ([largeur de l'élément] + [padding vertical de l'élément])
		$(this).css("margin-left","-100px");
		// timer
		timer = (timer*multiplier + time);
		$(this).animate({ marginLeft: "0" }, timer);
		$(this).animate({ marginLeft: "15px" }, timer);
		$(this).animate({ marginLeft: "0" }, timer);
	});
	
	// evenements et effet hover sur liens
	$(link_elements).each(function(i)
	{
		$(".gal").hide();
		$("#contenu .gal:first").show();
		$("#subnav li:first").animate({ opacity: 1}, 200);
	
		$(this).hover(
		function()
		{
			$(this).animate({ paddingLeft: pad_out, "opacity": .9}, 200);
		},		
		function()
		{
			$(this).animate({ paddingLeft: pad_in, "opacity": 1}, 200);
		}),
		
		$(this).click(
		function()
		{
			$("#subnav a").parent("li").animate({ paddingLeft: pad_in, 'opacity': 0.7}, 200);
			$("#contenu .gal").hide();
			$(this.hash).children(".vignette").fadeIn(2000); 
			$(this.hash).fadeIn(1000); 
			
			$(this).blur().parent("li").animate({ 'opacity': 1}, 200);
			return false;
		});

	});
	
}