var activeIndex = 0;
var totalImages = gallery.length;
var targetLeft = 0;
var step = 10;

function initRotate() {
    var div = document.getElementById("divRotator");
    var left = div.offsetLeft + 4;
    for (var i = 0; i < gallery.length; i++) {
        var img = document.getElementById("imgGallery" + i);
        img.style.left = left + "px";
        left += img.offsetWidth + 2;
    }

    changeActive();
}

function changeActive()
{
    activeIndex++;
    if (activeIndex >= totalImages)
        activeIndex = 0;

    var img = document.getElementById("imgGallery" + activeIndex);
    targetLeft = (document.getElementById("divRotator").offsetWidth - img.offsetWidth) / 2;
    step = 10;
    rotateImages();
}

function rotateImages()
{
    var img;
    var div = document.getElementById("divRotator");
    for (var i=0; i<totalImages; i++)
    {
        img = document.getElementById("imgGallery" + i);
        img.style.left = (img.offsetLeft - step) + "px";
    }

    img = document.getElementById("imgGallery" + activeIndex);

    if (img.offsetLeft > targetLeft)
    {
        step *= 2;
        setTimeout("rotateImages()", 50);
    }
    else {
        var diff = targetLeft - img.offsetLeft;
        
        for (var i=0; i<totalImages; i++)
        {
            img = document.getElementById("imgGallery" + i);
            img.style.left = (img.offsetLeft + diff) + "px";
        }
        
        for (var i=0; i<totalImages; i++)
        {
            img = document.getElementById("imgGallery" + i);

            if (img.offsetLeft + img.offsetWidth < 0) {
                var prev = i - 1;
                if (prev < 0)
                    prev = totalImages - 1;

                var prevImg = document.getElementById("imgGallery" + prev);
                img.style.left = (prevImg.offsetLeft + prevImg.offsetWidth + 2) + "px";
            }
        }

        setTimeout("changeActive()", 5000);
    }
}