(function($) {

	$.fn.HSlider = function(options)
	{
		var defaults =
		{
			orientation:	'vertical'	
		};
		
		var options = $.extend(defaults, options);  
		
		return this.each(function() {  
			obj_ = $("#hslider"); 				
			var s = $("li", obj_).length;
			var w = obj_.width(); 
			var h = obj_.height(); 
			var ts = s-1;
			var t = 0;
			
			var vertical = (options.orientation == 'vertical');
			$("ul", obj_).css('width',s*w);
						

			$("#dn").click(function()
			{		
				animate("next");
			});
			
			$("#up").click(function()
			{		
				animate("prev");
			});	
			
			function animate(dir)
			{
				if(dir == "next")
				{
					t = (t>=ts) ? ts : t+1;	
				}
				else
				{
					t = (t<=0) ? 0 : t-1;
				};								
				if(!vertical)
				{
					p = (t*w*-1);
					$("ul",obj_).animate({ marginLeft: p },800);				
				} 
				else
				{
					p = (t*h*-1);
					$("ul",obj_).animate({ marginTop: p },800);					
				}
			};
		});
	  
	};

})(jQuery);