// JavaScript Document
(function($) {
	$.fn.SlideShow = function(options) 	{
		options = $.extend({
			SlideShowName: ""
		},options);
		var SSN = "#" + options.SlideShowName;		
		var width = parseInt($(SSN).css("width").substr(0,$(SSN).css("width").length-2));
		var num = $(SSN +" > div > div").length;
		var pos = 0;		
		$(SSN).css("overflow","hidden");
		$(SSN + " > #scrollerDetail").css("width","20000em");		
		$(SSN + "Control").css({"text-align":"right","padding-right":"5px"})
		$(SSN +" > div > div").css({"float":"left","width":width});
		$(SSN + "Control #pre").click(function(){
			if(pos>0)
			{
				pos = pos - width ;
				$(SSN).animate({scrollLeft:pos});
			}
		});
		$(SSN + "Control #nex").click(function(){			
			if(pos<((width*num)-width))
			{
				pos = pos + width ;
				$(SSN).animate({scrollLeft:pos});
			}
		});
	}
})(jQuery);