window.addEvent('domready', function() {
    setCurrentClass(1);
    autoplayNextItem.periodical(4000);
});

var currentItem = 1;

var autoplayNextItem = function()
{
    if(totalItems > 1)
    {
        var nextItem = ((currentItem + 1) > totalItems ? 1 : (currentItem + 1) );
        fadeItem(nextItem);
    }
}

function fadeItem(newItem)
{
    setCurrentClass(newItem);

    // fade out current item
    var el = $(itemID+currentItem);
    el.setStyle('z-index', '1');

    // fade in new item   
    var el2 = $(itemID+newItem);
    el2.setStyle('opacity', '0');
    el2.setStyle('z-index', '8');

    el.fade(0);
    el2.fade(1); 
        
    // set current banner to new banner
    currentItem = newItem;
}

function setCurrentClass(newID)
{
    var newItem = document.getElementById(itemID+newID);
    newItem.className += ' current';
    
    if(newID > 1)
    {    
        var oldItem = document.getElementById(itemID+currentItem);
        oldItem.className.replace('current','');
    }
}