//**************** Animation bouton Player

$(document).ready(function()
{
	slide("#btn_player", 30, 0, 300, .5);
	// 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;
	
	// Timer de l'animation
	var timer = 0;
	
	// Animation slide pour chaque élément
	$("#btn_player").each(function(i)
	{
		// margin left = - ([largeur de l'élément] + [padding vertical de l'élément])
		$(this).css("margin-left","0");
		$(this).css("opacity","0");
		// timer
		timer = (timer*multiplier + time);
		$(this).animate({ marginLeft: "0", opacity : "0.3"}, timer);
		$(this).animate({ marginLeft: "45px", opacity : "1" }, timer);
		$(this).animate({ marginLeft: "0" }, timer);
	});

	// effet hover sur tous les liens
	$("#btn_player").each(function(i)
	{
		$(this).hover(
		function()
		{
			$(this).animate({ marginLeft: "20px", opacity : "0.7" }, 300);
		},		
		function()
		{
			$(this).animate({ marginLeft: "0", opacity : "1" }, 300);
		});
	});
}

//*********************** Animation bouton newsletter


$(document).ready(function()
{
	slide2("#btn_newsletter", 30, 0, 300, .5);
	// 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 slide2(div_id, pad_out, pad_in, time, multiplier2)
{
	
	// Timer de l'animation
	var timer2 = 300;
	
	// Animation slide pour chaque élément
	$("#btn_newsletter").each(function(i)
	{
		
		// margin left = - ([largeur de l'élément] + [padding vertical de l'élément])
		$(this).css("margin-top","0px");
		$(this).css("opacity","0");
		// timer
		timer2 = (timer2*multiplier2 + time);
		$(this).animate({ marginTop: "0", opacity : "0.1"}, timer2);
		$(this).animate({ marginTop: "10px", opacity : "1" }, timer2);
		$(this).animate({ marginTop: "0" }, timer2);
	});
}

//*********************** Animation bouton smart


$(document).ready(function()
{
	slide3("#btn_smart", 30, 0, 300, .5);
	// 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 slide3(div_id, pad_out, pad_in, time, multiplier3)
{
	
	// Timer de l'animation
	var timer3 = 300;
	
	// Animation slide pour chaque élément
	$("#btn_smart").each(function(i)
	{
		
		// margin left = - ([largeur de l'élément] + [padding vertical de l'élément])
		$(this).css("margin-top","0px");
		$(this).css("opacity","0");
		// timer
		timer3 = (timer3*multiplier3 + time);
		$(this).animate({ marginTop: "0", opacity : "0.1"}, timer3);
		$(this).animate({ marginTop: "10px", opacity : "1" }, timer3);
		$(this).animate({ marginTop: "0" }, timer3);
	});
}

//*********************** Encart newsletter

$(function() {
	$("#btn_newsletter a").click(function(){
	  if ($("#newsletter").is(":hidden")) {
        $("#newsletter").slideDown("fast");
      } else {
        $("#newsletter").hide();
      }
    });
	
	$("#newsletter").mouseleave(function(){
		$(this).slideUp("fast");
	});
});