我的动画效果有什么问题，它调用了两次

Question

我正在做一个基于流畅的幻灯片放映，为此，我写了这段代码，问题就是这个动画也正常开始，没有结束，它再次向前推进。

我相信我正在使用window.resize函数，这将是原因。如果是这样我该如何解决这个问题？

我的代码：

var slideShow = function () {
    var x = 0;
    var imgHeight = $('img').height();
    $('#slideContainer').height(imgHeight);
    var imgSetWidth = $('#slideContainer').width();
    $('img').width(imgSetWidth);
    var imgLength = $('.slide').size();
    $('.inner').css({width:imgLength * imgSetWidth,left:imgSetWidth*x});

    $('a#next').click(function () {
        x++;
        $('.inner').animate({left:-imgSetWidth},1000);    
    } )
}
window.onload = function () {
    slideShow();
};

$(window).resize(function () {
    slideShow();    
} )

如果有人知道如何用标题写出基于流体的幻灯片放映（前进/上一个），请告诉我。尽量避免插件。