/**
 * scroll (Version 1.0)
 * http://rockydo.com
 * @author Rocky (296456018@qq.com)
 *
 * Create a Slider
 * @example 
    $("#Slider").Slider({
        num       : "#SliderSmall",
        bigImg    : "#SliderBig"
    });
 * on jQuery
 * date: 2011-7-14
 */

(function($) {
	$.fn.Slider = function(options) {
		var setting = {
			num: "",
			bigImg: "",
			timeOut: 3000
		};
		var opts = $.extend({},setting, options);

		var runIndex = 0;
		var adHeight = $(opts.bigImg + " li").height();
		var timer;
		
		var _showImg = function(index) {
			$(opts.bigImg).stop(true, false).animate({
				top: -adHeight * index
			},1000);
			$(opts.num + " li").removeClass("on").eq(index).addClass("on");
		};

		var _auto = function() {
			timer = setTimeout(function() {
				runIndex++;
				if (runIndex == $(opts.bigImg + " li").length) {
					runIndex = 0;
				}
				_showImg(runIndex);
				_auto();
			},opts.timeOut);
		};

		var _stop = function() {
			clearTimeout(timer);
		};

		return this.each(function() {
			_auto();
			$(opts.bigImg).hover(function() {
				_stop();
			},function() {
				_auto();
			});

			$(opts.num + " li").hover(function() {
				_stop();
				runIndex = $(opts.num + " li").index(this);
				_showImg(runIndex);
			},function() {
				_auto();
			}).eq(0).hover().addClass("on");
		});
	};
})(jQuery);

//实例化
$(function() {
	//轮播样式1 
	$("#Slider").Slider({
		num:     "#SliderSmall",
		bigImg:  "#SliderBig",
		timeOut: 5000
	});

	//轮播样式2
	$("#Slider1").Slider({
		num:    "#Num",
		bigImg: "#BigImg"
	});
});