javascript - 画像スライダーが正常に動作しない

Question

以下のコードは正しく動作しません。5 秒ごとに変化する画像スライダーが必要ですが、ホバーすると停止し、離すと再び開始します。クリックすると変わります。5秒ごとに変更し、クリックすると変更できますが、ホバーすると停止できません。

$('document').ready(function() {

    var img = 0;
    var pic = ['nature', 'grass', 'earth', 'fall', 'fall2'];
    var slider = 'img.slide_img'; // html image

    function slide() {
        $(slider).attr('src', 'pictures/' + pic[img] + '.jpg');
        img++;
        if (img >= pic.length) {
            img = 0;
        }
    }

    $(slider).on('mouseleave', function() {
        auto(3000);
    });

    $(slider).on('click', function() {
        slide();
    });

    function auto(time) {
        setInterval(function() {
            slide();
        }, time)
    }   
});