$(document).ready(function() {

	var slideLength = 220;
	var nbItems = $("#advertiserLogo ul li").length;
	
	
	//On recupere la largeur de la liste
	var listWidth = $("#advertiserLogo ul li").length * 220;
	
	var posMax = ($("#advertiserLogo ul li").length - 4) * 220;
	var posMax = posMax - (2*posMax);
	
	//var listWidth = listWidth - (2*listWidth);
	
	$("#advertiserLogo ul").css("width", listWidth);
	
	$("a.rightArrow").click(function() {
		
		//On recupere la position de la liste
		var listPos = $("#advertiserLogo ul").position();
		
		//On defini de combient de px la liste doit se deplacer lors du clic
		
		var listNewPos = listPos.left - slideLength;
		
		//Ici on verifie qu'on est pas a la fin du slide.
		//Le "listWidth - (2*listWidth)" sert a definir la largeur de la liste en negatif pour le comparer a la position du slide
		if(listNewPos >= posMax)
			{
				$("#advertiserLogo ul").animate({
					left: listNewPos
				}, 1000, function() {
						$(this).stop();
					});
			}
		//Return false pour eviter que la page ne se recharge apres le clic sue la fleche
		return false;
	});
	
	//Aller vers l'arriere
	
	$("a.leftArrow").click(function() {
		
		//On recupere la position de la liste
		var listPos = $("#advertisers ul").position();
		
		
		//On defini de combient de px la liste doit se deplacer lors du clic
		//var slideLength = listWidth / (nbItems / advertisersPerPage);
		var listNewPos = listPos.left + slideLength;
		
		//Ici on verifie qu'on est pas a la fin du slide.
		//Le "listWidth - (2*listWidth)" sert a definir la largeur de la liste en negatif pour le comparer a la position du slide
		if(listPos.left < 0)
			{
				$("#advertisers ul").animate({
					left: listNewPos
				}, 1000, function() {
					$(this).stop();
				});
			}
				
		//Return false pour eviter que la page ne se recharge apres le clic sue la fleche
		return false;
	});

});