// JavaScript Document
/*
*图片无缝隙滚动
*Author:Jin.DH(金大海)
*Date:2010.10
*webSite:http://www.90-ok.com
*blog:http://hi.baidu.com/webstarting
*
*/

(function($) {
	$.fn.scrollFx = function(o) {
		return this.each(function() {
			var self = this;
			//定义变量
			
			self.$ul = $("ul",this),self.$li = $("li", this),self.$l = self.$li.length,self.$w = parseInt (self.$li.outerWidth(true)),self.$max_x = self.$l * self.$w,$autoId = self;
			//alert($max_x);
			//克隆，实现无间歇滚动
			self.$ul.append(self.$li.slice(0,5).clone());
			
			//默认自动滚动
			auto();
			
			//自动播放方法
			function auto(){   
				//定义滚动
				self.$autoId = setInterval(showImg,30);
			};   
			
			function showImg (){
				//设置位移
				self.$ul = $("ul",self);
				self.$le = parseInt(self.$ul.css("left"));
			
				self.$le > -self.$max_x ? self.$le-- : self.$le = 0;
				self.$ul.css({left:self.$le+"px"});
			};
			
			//鼠标移上去的时候清除滚动
			self.$ul.mouseover(function(){
				clearInterval(self.$autoId);                  
			});
			
			//鼠标移开继续滚动
			self.$ul.mouseleave(function(){
				auto();   
			});
		
		});
	};
})(jQuery)

