$.fn.easySlider = function(options){
	var obj = $(this); 
	
	var actuel = 0;
	var s = $("li", obj).length;
	var w = obj.width(); 
	var v = 500;
	
	$("ul",obj).css("width",s*w) 
	
	$("ul",obj).before('<div class="slider-nav"><div class="slider-prec">précédent</div><div class="slider-suiv">suivant</div></div>');

	
	$(".slider-suiv", obj).click(function(event){
		animate("suiv");
	});
	$(".slider-prec", obj).click(function(event){
		animate("prec");
	});
	
			function animate(dir){
			if (dir=="suiv"){
				actuel = actuel + 1;
				if(actuel >= s) {
					actuel=0;
				}
			}else{
				actuel = actuel - 1;
				if(actuel <0 ) {
					actuel=s-1;
				}
			}
			
				p = (actuel*w*-1);
				
				$("ul", obj).animate(
						{ marginLeft: p },v
				);				
			}
}


jQuery(document).ready(
	function($){
		$("#ref_slide_1").easySlider();
		$("#ref_slide_2").easySlider();
		$("#ref_slide_4").easySlider();
		$("#ref_slide_3").easySlider();
	}
);