/*首页广告效果*/
$(function(){
     var len  = $(".num > li").length;  //广告图片张数
	 var index = 0;
	 var adTimer;
	 $(".num li").mouseover(function(){  //鼠标悬停到图片Index，显示选中的图片
		index  =   $(".num li").index(this);
		showImg(index);
	 }).eq(0).mouseover();	
	 //滑入 停止动画，滑出开始动画.
	 $('.ad').hover(function(){   //鼠标悬浮
			 clearInterval(adTimer);
		 },function(){   //鼠标离开
			 adTimer = setInterval(function(){   
			    showImg(index)
				index++;
				if(index==len){index=0;}  //如果显示到最后一张则返回第一张显示
			  } , 5000);
	 }).trigger("mouseleave");    //页面加载触发鼠标移开事件
})
// 通过控制top ，来显示不同的幻灯片
function showImg(index){
        var adHeight = $(".content_right .ad").height();
		$(".slider").stop(true,false).animate({top : -adHeight*index},1000);
		$(".num li").removeClass("on")
			.eq(index).addClass("on");
}