JQuery carousel сделать сдвиг на один элемент
 

Пишу функцию jQuery карусели на основе вот этого примера http://coolcodez.net/create-infinite...lines-of-code/
Вот мой код:

$(document).ready(function () {
    $.fn.carousel = function () {
        var carousel = $(this);
        var width = carousel.find('li').width();
        setInterval(function () {
            carousel.delay(1000).animate({
                right: '+=' + width
            }, 1000, function () {
                var first = carousel.find('>:first-child');
                first.remove();
                $(this).append(first);
                $(this).css({
                    right: '-=' + width
                });
            });
        }, 2000);

        return $(this);
    };

    $('#carousel-1').carousel();
});

http://jsfiddle.net/n8b65qbb/33/

Мне нужно, чтобы за раз сдвиг был на один элемент влево, но мой код как-то неправильно работает и карусель скачет, не могу разобраться, в чем причина.

Ты двигаешь в влево wrapper который у тебя 960px и удаляешь ul со всем содержимым и вставляешь его заново.