(function($){  
$.fn.extend({  
        Scroll:function(opt,callback){  
                //参数初始化  
                if(!opt) var opt={};  
                var _btnUp = $("#"+ opt.up);//Shawphy:向上按钮  
                var _btnDown = $("#"+ opt.down);//Shawphy:向下按钮  
                var timerID;  
                var _this=this.eq(0).find("ul:first");  
                var     lineH=_this.find("li:first").height(), //获取行高  
                        line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), //每次滚动的行数，默认为一屏，即父容器高度  
                        speed=opt.speed?parseInt(opt.speed,10):500; //卷动速度，数值越大，速度越慢（毫秒）  
                        timer=opt.timer //?parseInt(opt.timer,10):3000; //滚动的时间间隔（毫秒）  
                if(line==0) line=1;  
                var upHeight=0-line*lineH;  
                //滚动函数  
                var scrollUp=function(){  
                        _btnUp.unbind("click",scrollUp); //Shawphy:取消向上按钮的函数绑定  
                        _this.animate({  
                                marginTop:upHeight  
                        },speed,function(){  
                                for(i=1;i<=line;i++){  
                                        _this.find("li:first").appendTo(_this);  
                                }  
                                _this.css({marginTop:0});  
                                _btnUp.bind("click",scrollUp); //Shawphy:绑定向上按钮的点击事件  
                        });  
 
                }  
                //Shawphy:向下翻页函数  
                var scrollDown=function(){  
                        _btnDown.unbind("click",scrollDown);  
                        for(i=1;i<=line;i++){  
                                _this.find("li:last").show().prependTo(_this);  
                        }  
                        _this.css({marginTop:upHeight});  
                        _this.animate({  
                                marginTop:0  
                        },speed,function(){  
                                _btnDown.bind("click",scrollDown);  
                        });  
                }  
               //Shawphy:自动播放  
                var autoPlay = function(){  
                        if(timer)timerID = window.setInterval(scrollUp,timer);  
                };  
                var autoStop = function(){  
                        if(timer)window.clearInterval(timerID);  
                };  
                 //鼠标事件绑定  
                _this.hover(autoStop,autoPlay).mouseout();  
                _btnUp.css("cursor","pointer").click( scrollUp ).hover(autoStop,autoPlay);//Shawphy:向上向下鼠标事件绑定  
                _btnDown.css("cursor","pointer").click( scrollDown ).hover(autoStop,autoPlay);  
 
        }        
})  
})(jQuery);  
$(document).ready(function(){  
        $("#scrollDiv").Scroll({line:1,speed:500,timer:2000});  
		$("#mlist").Scroll({line:2,speed:500,up:"up",down:"down"}); 
		$("ul.btns li").each(function(){var span = $("span",this).css("opacity",0.9).hide();$(this).hover(function(){span.show();},function(){span.hide()});});
			$('.select_box').each(function () {
		var distance = 0;
		var time = 50;
		var hideDelay = 100;
		var hideDelayTimer = null;
		var beingShown = false;
		var shown = false;
		var trigger = $('.trigger', this);
		var wth = trigger.width();
		var info = $('.tip_box', this).css({'height':0,'width':0});
		var _btm=$(this).height();
		var position = trigger.position();
		var contents = info.children().length;
		$([trigger.get(0),info.get(0)]).mouseover(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			if (beingShown || shown) {
				return;
			} else {
				beingShown = true;
				trigger.addClass("hover");
				info.css({
					top:_btm,
					left:position.left,
					width:wth-2,
					display: 'block'
				}).animate({
					bottom: '-=' + distance + 'px',
					height:contents*22+'px',
                    opacity:0.95
				}, time, 'swing', function() {
					beingShown = false;
					shown = true;
				});
			}
			return false;
		}).mouseout(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			hideDelayTimer = setTimeout(function () {
				hideDelayTimer = null;
				trigger.removeClass("hover")
				info.animate({
					bottom: '-=' + distance + 'px',
					opacity: 0,
                    height:'-='+0+'px'
				}, time, 'swing', function () {
					shown = false;
					info.css('display', 'none');
				});
			}, hideDelay);
			return false;
		});
	});
	$('.select_box_up').each(function () {
		var distance = 0;
		var time = 50;
		var hideDelay = 100;
		var hideDelayTimer = null;
		var beingShown = false;
		var shown = false;
		var trigger = $('.trigger', this);
		var wth = trigger.width();
		var info = $('.tip_box', this).css({'height':0,'width':0});
		var _btm=$(this).height();
		var position = trigger.position();
		var contents = info.children().length;
		$([trigger.get(0),info.get(0)]).mouseover(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			if (beingShown || shown) {
				return;
			} else {
				beingShown = true;
				trigger.addClass("hover");
				info.css({
					bottom:_btm,
					left:position.left,
					width:wth-2,
					display: 'block'
				}).animate({
					bottom: '+=' + distance + 'px',
					height:contents*22+'px',
                    opacity:0.95
				}, time, 'swing', function() {
					beingShown = false;
					shown = true;
				});
			}
			return false;
		}).mouseout(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			hideDelayTimer = setTimeout(function () {
				hideDelayTimer = null;
				trigger.removeClass("hover")
				info.animate({
					bottom: '-=' + distance + 'px',
					opacity: 0,
                    height:'-='+0+'px'
				}, time, 'swing', function () {
					shown = false;
					info.css('display', 'none');
				});
			}, hideDelay);
			return false;
		});
	});

        $(".retop").click(function () {
                   $("html, body").animate({ scrollTop: 0 }, 200)
                })
});  
