(function($){
	//插件定义
	$.fn.jSlide = function(options){
		//扩展默认参数
		var itvl=false;  
		var opts = $.extend({}, $.fn.jSlide.defaults, options);
		
		return this.each(function(){
			var $this = $(this);
			var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
			var $slider = $(o.slider);
			var $control = $(o.control);
            var $ul = $slider.find("ul");
			var $li = $ul.find("li");
            var num = $li.size();
            var w = $li.filter(":first").width();
            var curr = 1;
			
			//设置容器
            //alert(num);
            $ul.css("width", num*w);
            
            //运动函数
            function move(){
                curr++;
                if(curr >= num) curr=0;
                $ul.animate(
                    {left: -w*curr}, 
                    {duration: o.duration, queue: false}
                );
            }
            
            if(o.auto){
                itvl=setInterval(move,o.wait); //设置周期
            }
            
            //绑定动作
            $ul.bind("mouseover", function(){
				clearInterval(itvl);
			});
			
			$ul.bind("mouseout", function(){
                if(o.auto){
				    itvl=setInterval(move,o.wait);
                }
			});
            
            $control.find("a").each(function(i){
                $(this).bind("mouseenter",function(){
                    curr = i-1;
                    //alert(curr);
                    clearInterval(itvl);
                    move();
                });
                $(this).bind("mouseleave",function(){
                    if(o.auto){
                        itvl=setInterval(move,o.wait);
                    }
                });
            });
			
		});
	};
	
	//默认参数
	$.fn.jSlide.defaults = {
		auto	    : true,		            //是否自动滚动
		wait	    : 3000,			        //间隔时间
		duration	: 500,			        //每次次滚动时间
		slider		: "#slide",	            //大图
		control		: "#colorNavigation"	//控制器
	};
})(jQuery);
