// usage
//$(document).ready(function(){
//	jslider(4,7);
//});

//@param int jslider_limit - limite de elementos.
//@param int jslider_total - tamaño total de pixeles.
//@param int thumb_width - ancho de los thumbs.
	var anim = false;
	var target="slider";
	var timer = null;
	var total = 0;
	var limit = 0;
function jslider(jslider_limit,jslider_total,thumb_width,mytarget){
		// var jslider_limit = 4;
		// var jslider_total = 5;
		// var thumb_width = 825;
		total = jslider_total;
		limit = jslider_limit;
		target = mytarget;
		var padding=0;
		thumb_width = thumb_width+padding;
		$('#'+target).data('current',jslider_limit);
		$('#'+target+"_list").css('width',total*thumb_width);
		
		// btn previous
		$('#'+target+'_btnprev').click(function(e){ 
			e.preventDefault(); 
			if(anim==true){return;} 
			var current = $('#'+target).data('current'); 
			if(current <= 0){ return; } 
			current--; 
			if( (current) >= jslider_limit ){  
				$('#'+target).data('current',current); 
				if( $("#"+target+"_list").position().left >= 0 ){ return; } 
				anim=true; 
				$("#"+target+"_list").animate({"left": "+="+thumb_width+"px"}, "slow",function(){ anim=false; });
			}
		});
		// btn next
		$('#'+target+'_btnnext').click(function(e){ 
			e.preventDefault(); 
			if(anim==true){return;} 
			var current = $('#'+target).data('current'); 
			if(current > jslider_total-1){ return; } 
			current++; 
			if(current <= jslider_total ){ 
			$('#'+target).data('current',current); 
				if( $("#"+target+"_list").position().left <= $("#"+target+"_content").width()-$("#"+target+"_list").width() ){ return; } 
				$("#"+target+"_list").animate({"left": "-="+thumb_width+"px"}, "slow",function(){ anim=false; }); 
			} 
			if(current == jslider_total ){				
				$("#"+target+"_list").css("left", 0);				
				$("#"+target+"_list").animate({"left": "0px"}, { easing: "linear", duration:0, 
    complete: function(){ anim=false; } } );       
				$('#'+target).data('current' , limit);
			}			
		});
		startInterval();
}

function autoslide(){		
		var current = $('#'+target).data('current'); 
		if(current > (total-1)+4){ 
			//$("#"+target+"_list").animate({"left": "0px"}, "slow",function(){ anim=false; }); 			
			$('#'+target).data('current' , limit);
		}else{
			$('#'+target+'_btnnext').trigger('click');
		}
}
		
function startInterval(){
		timer = setInterval("autoslide()", 5000);
}