﻿/*
 * jquery.SlideBlock 1.0.0
 *
 * 	版权信息 (c) 2010
 *  上海蓝速数码科技有限公司（http://www.lansoon.com.cn）
 *  追梦客 (QQ:16991200)
 *
 *  最后更新：2010-04-10 13:40
 *  版本：1.0
 * 
 * 	用于在页面中创建一个滑动区域
 */
(function ($){
	$.fn.extend ({
		SlideBlock:function (options){
			var _this = this;
			var defaults = {
					interval:	5000 //幻灯切换效果的时间间隔，默认为5秒
				,	curSelector:"current" //当前数字按钮样式
			}
			$.extend(defaults,options);
			//生成需要的内容

			$(_this).wrap("<div class=\"jqSlideBlock\"></div>");
			var len = $(_this).find("td").length;
			var s = "<div class=\"num\"><ul>"
			for(var i=1;i<=len;i++)
			{
				s += "<li class=\"no_"+i+"\">"+i+"</li>";
			}
			s += "</ul></div>";
			$(this).parent().append(s);
			$(this).parent().find(".num li:first-child").addClass(defaults.curSelector);
			
			_this.__interval__ = null;
			
			$(_this).parent().find(".num li").click(function (idx){
				var idx = $(this).text()-1;
				$(this).addClass(defaults.curSelector).siblings().removeClass(defaults.curSelector);
				__play__();
			});
			var __autoPlay__ = function (){
				var _size = $(_this).parent().find(".num li").size();
				var _idx = $(_this).parent().find(".num li.current").text()-1;
				var _play = _idx < (_size-1) ? ++_idx : 0;
				$(_this).parent().find(".num li").eq(_play).trigger("click");
			}
			$(_this).parent().hover(function (){
				clearInterval(_this.__interval__);
			},function (){
				_this.__interval__ = setInterval(__autoPlay__,defaults.interval);
			})
			
			_this.__interval__ = setInterval(__autoPlay__,defaults.interval);
			
			var __play__ = function (){
				var _size = $(_this).parent().find(".num li").size();
				var idx = $(_this).parent().find(".num li.current").text()-1;
				var width = $(_this).find("td").outerWidth();
				$(_this).find("table").animate({left:-(idx*width)+"px"},"slow");
			}
		}	 
	});		   
})(jQuery);
