javascript - clearInterval 2 つの間隔をクリアする

Question

私は私の機能のために走ることができませんclearInterval。setIntervalそれらを使用して、起動する関数で起動してウィンドウをスクロールしますscrollLeft。コード：

function scrollSpan() {
    $('nav#scrolling').children().css('width',config.windowWidth/10+'px');
    var inter;

    $('nav#scrolling').children('span').hover(function() {
        var value;

        if($(this).is('.scrollLeft')) {
            value = '-=50'
        } else {
            value = '+=50'
        }

        inter = setInterval(function() {
            $('body, html').animate({
                scrollLeft: value
            }, 50);
        },0)
    })

    $('nav#scrolling').children('span').mouseleave(function() {
        clearInterval(inter)
    })
}

問題は、mouseleaveトリガーされたときに間隔が止まらないことです。

フィドル: http://jsfiddle.net/FpX4M/