$(function(){
     var len  = $(".num > li").length;
	 var index = 0;
	 var adTimer;
	 $(".slider").width(len*497);
	 $(".num li").mouseover(function(){
		index  =   $(".num li").index(this);
		showImg(index);
	 }).eq(0).mouseover();	
	 
	 $('.ad').hover(function(){
			 clearInterval(adTimer);
		 },function(){
			 adTimer = setInterval(function(){
			    index++;
				if(index==len){index=0;}
				showImg(index);	
			  } , 2000);
	 }).trigger("mouseleave");
})
// ͨtop ʾͨĻõƬ
function showImg(index){
		
        var adHeight = $(".ad").width();
		$(".slider").stop(true,false).animate({marginLeft : -adHeight*index},1000);
		$(".num li").removeClass("on")
			.eq(index).addClass("on");
}