Бесконечная карусельная прокрутка с помощью overflow-x

У меня есть быстрая скрипка настроить здесь. Я хочу иметь возможность бесконечно прокручивать влево или вправо (стиль карусели) и просто повторять элементы (т.е. «отваливаться» от правого края и снова появляться на влево и наоборот). Я могу зафиксировать, где я нахожусь в прокрутке, но не уверен, как лучше всего действовать после этого. Мне кажется, что есть очень простой трюк, который есть, прежде чем я перейду вниз маршрут попытки динамического перемещения элементов

CSS

#main {
    overflow-x:scroll;
    overflow-y:hidden;
    white-space:nowrap;
}

HTML

JS

$('#main').scroll(function (event) {
    var width = $(this)[0].scrollWidth - $(this).width();
    console.log('location: ' + $(this).scrollLeft() + ' out of ' + width);
});​