$(document).ready(function () {		
    // Ширина картинки
    var imgWidth = $("#lenta a img").width();
    // Количество картинок
    var countImg = $("#lenta a").size();
    // Общая ширина всех картинок
    var totalWidth = imgWidth * countImg;
    $("#lenta").css({width: totalWidth});
    
    function rotate() {	
        // Выбираем активную картинку
        var triggerID = $active.attr("rel") - 1; //номер активной картинки
        var image_reelPosition = triggerID * imgWidth; //вычисляем сдвиг
        $("#lenta a").removeClass('active'); //удаляем все калссы active
        $active.addClass('active'); //добавляем класс active для текущего елемента
        //анимация
        $("#lenta").animate({
                       left: -image_reelPosition
                    }, 500);
    };
    
    function theRotator() {
        play = setInterval(function(){ //устанавливаем интервал в 5 секнд (5000 милисек)
        $active = $('#lenta a.active').next(); //переход к следущей картинке
        if ( $active.length === 0) { //если последняя - то переходим к первой
            $('#lenta').css({left:0});
            $active = $('#lenta a:first').next(); //переход ко второй картинке
        }
        rotate(); //запуск функции смещения
        }, 5000);
    }
    
    // Запускаем слайдшоу
    theRotator();
});