window.addEvent('domready', function() {
    setControlStyle(1);
});

var currentBanner = 1;

var autoplayNextImage = function()
{
    var nextBanner = ((currentBanner + 1) > totalBanners ? 1 : (currentBanner + 1) );
    fadeBanner(nextBanner);    
}

autoplayNextImage.periodical(4000); //Will add the number of seconds at the Site.


function fadeBanner(newBanner)
{
    setControlStyle(newBanner);

    // fade out current banner
    var el = $('Banner'+currentBanner);
    el.setStyle('z-index', '1');

    // fade in new banner   
    var el2 = $('Banner'+newBanner);
    el2.setStyle('opacity', '0');
    el2.setStyle('z-index', '8');

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

function setControlStyle(newBanner)
{
    document.getElementById('BannerLink'+currentBanner).className='';
    document.getElementById('BannerLink'+newBanner).className='current';
}