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

[nesoy]

一个滚动切换焦点图，设置间隔时间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>

[my_nature_2]

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

[ivan_070]

自己用firebug测试吧。