$(document).ready(function() {
    rotate();
});

function imagesLoaded() {
    var items = $('div#rotator div img').get();

    for (i = 0; i < items.length; i++) {
        if (items[i].complete == false) {
            return false;
        }
    }

    return true;
}

var currentIndex = -1;
function rotate() {
    if (!imagesLoaded()) {
        setTimeout(function() { rotate(); }, 100);
        return;
    }
    
    var items = $('div#rotator div').get();

    var nextIndex = (currentIndex + 1 > items.length - 1) ? 0 : currentIndex + 1
    var prevIndex = (currentIndex + 1 > items.length - 1) ? items.length - 1 : currentIndex

    var nextImage;
    var prevImage;

    var width;

    nextImage = $(items[nextIndex]);
    width = nextImage.width();
    nextImage.css("opacity", "0");
    nextImage.show();


    if (nextIndex == 0 && prevIndex < 0) {


    }
    else {
        prevImage = $(items[prevIndex]);
    }

    nextImage.animate({ "opacity" : "1" }, 1000 );
    if (prevImage != null)
        prevImage.animate({"opacity" : "0"}, 1000 );

    currentIndex = nextIndex
    setTimeout(function() { rotate(); }, 5000);
}