$(document).ready(function(){
	$('.filtres-box').each(function(){
		this.page=1;
		updatePageNavigation(this);
		var i=0;
		$(this).css({'overflow':'hidden'});
		$('.ul-container', this).each(function(){
			$(this).css({'left':(i*(30+$(this).width()))+'px', 'top':'15px', 'position':'absolute', 'width':(30+$(this).width())+'px'});
			$('ul', this).css({'margin-left':'15px'});
			i++;
		});
	});
});


function updatePageNavigation(el){
	var nbPages = $(".ul-container", el).size();
	if(el.page<nbPages){
		if($('.next-page', el).length==0){
			$(el).append('<a class="next-page"></a>');
			$('.next-page', el).click(function(){
				 nextPage(el);
			});
		}
	} else {
		if($('.next-page', el).length!=0){
			$('.next-page', el).remove();
		}
	}
	if(el.page>1){
		// AJOUT PREVIOUS PAGE
		if($('.previous-page', el).length==0){
			$(el).append('<a class="previous-page"></a>');
			$('.previous-page', el).click(function(){
				 previousPage(el);
			});
		}
	} else {
		if($('.previous-page', el).length!=0){
			$('.previous-page', el).remove();
		}
	}
}

function nextPage(el){
	var nbPages = $(".ul-container", el).size();
	if(el.page<nbPages){
		el.page++;
	}
	animateMovePage(el);
}

function previousPage(el){
	if(el.page>1){
		el.page--;
	}
	animateMovePage(el);
}

function animateMovePage(el){
	$('.ul-container', el).stop().animate({ 
		marginLeft: ((1-el.page)*($('.ul-container', el).width()))+"px"
	}, 500);
	updatePageNavigation(el);
}