// JavaScript Document


$(document).ready(function(){
//Récupération des images et stockage dans une variable
	var $partenaire=$("#carousselPartenaire img");
	
//Fonction pour calculer le padding_top de chaque logo
	$partenaire.each(function(){
 		var imgHeight=$(this).height();
		var padding=(120-imgHeight)/2;
  		$(this).css("padding-top",padding+"px");
	});
	
// On cache tous les logos (car dans css ils sont en display block)
$partenaire.css('display','none'); 

// On affiche le premier logo
/*$($partenaire.get(0)).css('display','block'); */
});

//Fonction qui permet de répéter une fonction tous les x milliseconde (a ne pas mettre dans $(document).ready(function(){
//Le i correspond au conteur interne de la fontion jquery timer. Il démarre à 1
$(document).everyTime(3000, function(i) {
	// On récupère le nombre de logo
	var nbImg=$("#carousselPartenaire img").length;
	//On désaffiche le logo i-1 avec un modulo nbImg pour redémarrer à i=1 quand on arrive à la fin
	$($("#carousselPartenaire img").get((i-1)%nbImg)).fadeOut("slow",function(){
			// Quand le logo précédent est désaffiché on affiche directement le logo suivant
			$($("#carousselPartenaire img").get(i%nbImg)).fadeIn("slow");
			});

});