$(function() {
	$.fn.slideCal = function(options){
	
		var defaults = {
			prevId: 		'prev',
			prevText: 		'arrow_left.jpg',
			nextId: 		'next',	
			nextText: 		'arrow_right.jpg',
			controlsBefore:	'',
			controlsAfter:	'',	
			controlsFade:	true,
			speed: 			400
		}; 
		
		var options = $.extend(defaults, options);  
		
			
		this.each(function() {  
			var obj = $(this);
			 				
			var s = $("li", obj).length;
			var w = $("li", obj).width(); 
			var h = $("li", obj).height();
			
			
			obj.width(w); 
			obj.height(h);
			obj.css("width","206px"); /*Change here for a big container slider*/
			obj.css("margin","0px auto");
			obj.css("overflow","hidden");
			var ts = s-1;
			var t = 0;
			$("ul", obj).css('width',s*w);
			$("li", obj).css('float','left');
	
			$("a","#"+options.nextId).click(function(){		
				animate("next",true);
			});
			$("a","#"+options.prevId).click(function(){		
				animate("prev",true);				
			});
			
			function animate(dir,clicked){
				var ot = t;				
				switch(dir){
					case "next":
						t = (ot>=ts) ? (options.continuous ? 0 : ts) : t+1;						
						break; 
					case "prev":
						t = (t<=0) ? (options.continuous ? ts : 0) : t-1;
						break;
					default:
						break; 
				};	
				
				var diff = Math.abs(ot-t);
				var speed = diff*options.speed;						
				p = (t*w*-1);
				$("ul",obj).animate(
					{ marginLeft: p }, 
					speed
				);
			};
		});
	  
	};

});




