jQuery(function($) {
    var len  = $(".num > li").length;
	var index = 0;
	var adTimer;
	$(".num li").mouseover(function(){
		index  =   $(".num li").index(this);
		showImg(index);
	}).eq(0).mouseover();	
	//滑入 停止动画，滑出开始动画.
	$('.ads').hover(function(){
			clearInterval(adTimer);
		},function(){
			adTimer = setInterval(function(){
				showImg(index)
				index++;
				if(index==len){index=0;}
			} , 3000);
	}).trigger("mouseleave");
	
	// 通过控制top ，来显示不同的幻灯片
	function showImg(index){
		var adHeight = $(".advertising .ads").height();
		$(".slider").stop(true,false).animate({top : -adHeight*index},1000);
		$(".num li").removeClass("on")
			.eq(index).addClass("on");
	}
	
});
