求助，jQuery滚动焦点图问题。。。

Question

一个滚动切换焦点图，设置间隔时间3秒，但偶尔会出现切换时间错乱现象，又是偶发现象，找了好久，没办法啊，各位大侠帮帮忙，看看是不是程序哪里有问题。
$(document).ready(function(){
  var curr = 0;
  $(".num li").each(function(i){
   $(this).mouseover(function(){
    curr = i;
    $(".slide li").eq(i).fadeIn("slow").siblings().hide();
    $(this).addClass("on").siblings().removeClass("on");
    return false;
   });
  }); 
   
  var len = $(".num li").length;
  var timer = setInterval(function(){
   todo = (curr + 1) % len;
   $(".num li").eq(todo).mouseover();
  },3000);
  
  $(".banner").hover(function(){
    clearInterval(timer);
   },function(){
    timer = setInterval(function(){
     todo = (curr + 1) % len;
     $(".num li").eq(todo).mouseover();
    },3000);   
   }
  );
});html部分：
<div class="banner">
     <ul class="slide">
      <li><a href="#"><img src="images/banner_xj_home_01.jpg" alt="六大游戏特色 震撼人心登场" /></a></li>
      <li class="no"><a href="#"><img src="images/banner_xj_home_02.jpg" alt="六大游戏特色 震撼人心登场" /></a></li>
      <li class="no"><a href="#"><img src="images/banner_xj_home_03.jpg" alt="六大游戏特色 震撼人心登场" /></a></li>
      <li class="no"><a href="#"><img src="images/banner_xj_home_02.jpg" alt="六大游戏特色 震撼人心登场" /></a></li>
      <li class="no"><a href="#"><img src="images/banner_xj_home_03.jpg" alt="六大游戏特色 震撼人心登场" /></a></li>
     </ul>
     <ul class="num" >
      <li class="on">1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
     </ul>
    </div>

Answer 1

不想看代码，但还是帮忙顶。