(function($){
    //begin sliderAnimate code add
    $.fn.Vertical = function(options){
        var opts = $.extend({}, $.fn.Vertical.defaults, options);
        return this.each(function(){
            var sliderDiv = $(this).find(".sliderDiv");
            var firstDiv = $(sliderDiv).children().eq(0);
            var length = $(this).find("ul#thumb li").length;
            var index = opts.index;
            var firstFlag = opts.firstFlag;
            var ago = opts.ago;
            var topVal = opts.topVal;
            var thumbListLi = $(this).find("ul#thumb li");
            var thumbListLiOp = $(this).find("ul#thumbOp li");
            var timeInterval = opts.timeInterval;
            
            init();
            
            $(this).find("ul li").hover(function(){
				index = $(thumbListLi).index(this);
                rotatorimg(index);
                ago = index;
			},function(){
				
			});
            
            
            function init(){
                var interval = setInterval(function(){
                    if (firstFlag < 1) {
                        firstFlag = 1;
                        rotatorimg(1);
                        ago = 1;
                        index = 2;
                    }
                    else {
                        rotatorimg(index);//这里要注意要先运行rotarimg(i),要进行ago和index的赋值
                        ago = index;
                        index++;
                        if (index == length) 
                            index = 0;
                    }
                    
                }, timeInterval);
            }
            
            
            function rotatorimg(i){
                if (i == 0 && ago == length-1) {//当i等于first并且当前ago等于last时执行
                    if (firstFlag < 2) {//判断是否是已经对firstDiv进行复制了
                        firstDiv.clone().appendTo($(sliderDiv));
                        firstFlag = 2;
                    }
                    $(sliderDiv).stop().animate({
                        top: topVal * length
                    }, 250, function(){
                        $(this).css({
                            top: 0
                        });
                    });
                    $(thumbListLi).eq(i).addClass("sel_thumbNav").siblings().removeClass("sel_thumbNav");
                    $(thumbListLiOp).eq(i).addClass("sel_thumbNav").siblings().removeClass("sel_thumbNav");
                }
                else {
                    $(sliderDiv).stop(true, false).animate({
                        top: topVal * i
                    }, 400);
                    $(thumbListLi).eq(i).addClass("sel_thumbNav").siblings().removeClass("sel_thumbNav");
                    $(thumbListLiOp).eq(i).addClass("sel_thumbNav").siblings().removeClass("sel_thumbNav");
                }
            }
            
        });
        
        
    };
    
    //plugin defaults
    $.fn.Vertical.defaults = {
        index: 0,
        firstFlag: 0,
        ago: 0,
        topVal: -336,
		timeInterval:4000
    };
    
    //------------------------------------


})(jQuery);