window.addEvent('domready', function() {
    setCurrentTagline(1);
    autoplayNextTagline.periodical(4000);
});

var currentTagline = 1;

var autoplayNextTagline = function()
{
    var nextItem = ((currentTagline + 1) > TaglineTotalItems ? 1 : (currentTagline + 1) );
    fadeTagline(nextItem);    
}

function fadeTagline(newItem)
{
    setCurrentTagline(newItem);

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

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

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

function setCurrentTagline(newID)
{
    var oldItem = document.getElementById(TaglineID+currentTagline);
    var newItem = document.getElementById(TaglineID+newID);
    var className = oldItem.className
    className  = className.replace(' current','');
    oldItem.className = className;
    newItem.className += ' current';
}