jQuery用mouseover鼠标移动上去不能停止轮换，求助！

鼠标移动到图片上，不能停止轮换，而且轮换速度突然加快很多，轮换周期也不相等了，麻烦高手看一下：jquery代码：
// Banner图片轮换var t = n = 0, count = 6;$(document).ready(function(){

//隐藏除第一个之外的其他Banner图片
$("#PicList a:not(:first-child)").hide();

//当鼠标移至列表时，变换选中样式
$('#BannerTitle ul li').bind('mouseover',function(){



var i = $(this).attr('id');
    n = i;

    if (i >= count) return;

$(this).click(function(){window.open($("#PicList a").eq(i).attr('href'), "_self")});
$("#PicList a").filter(":visible").hide().parent().children().eq(i).fadeIn(1000);
$('#BannerTitle ul li').removeClass('Selected').addClass('Default');
$(this).removeClass('Default').addClass('Selected');
});

t = setInterval("showAuto()", 5000);
$("#BannerPic").bind('mouseover',function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 5000);});

});function showAuto()
{
n = n >= (count - 1) ? 0 : ++n;
$("#BannerTitle ul li").eq(n).trigger('mouseover');
}
HTML代码 <div id="BannerPic">
        <ul>
            <li id="PicList">
            <!--{foreach from=$BannerList item=Banner}-->
                <a href="article.php?id={$Banner.article_id}"><img class="BannerPic" src="{$Banner.file_url}" alt="{$Banner.title}"></a> 
            <!--{/foreach}-->
                
            </li>
      </ul>
  </div>
  
  <div id="BannerTitle">
   <ul>
    <!--{foreach from=$BannerList item=Banner key=i name=j}-->
    
        <li id="{$i}" {if $smarty.foreach.j.first} class="Selected" {else} class="Default" {/if}  >{$Banner.title}</li>
    <!--{/foreach}-->
    </ul>
  </div>其中用了smarty的foreach循环