Здравствуйте. есть список html:

<ul id="carusel">
<li>товар1</li>
<li>товар2</li>
<li>товар3</li>
<li>товар4</li>
<li>товар5</li>
</ul>

Сделал карусель товаров с помощью функции animate(выводит по 4, по мере выполнения скрипта скрывает крайний товар/сдвигает товары в лево/добавляет товар).

$(document).ready(function() { 
setInterval(function () {
        var marquee = $('#carusel');
        marquee.animate({scrollLeft:marquee.children(':first').width()}, {
            duration :'slow', 
            easing: 'linear',
            complete : function() {
                marquee.scrollLeft(0).children(':first').appendTo(marquee);
            }
        });
    }, 5000);
});

Все работает, но никак не получается сделать это плавно.Свойство easing: 'linear' не помогло. Подскажите пожалуйста как плавно сделать скрытие/добавление товара плавным?