var timer;
var randomStart;
var autoPlay;
var total_display = 0  //number of banners
var currentBanner = 0 
var startBanner = 0
var rotationSeconds = 5
var rot_speed = 5000

function RandomNumber()
{
    var rNum
    rNum = Math.random()*(total_display-1);
    rNum = Math.round(rNum+1);
    return rNum
}

function InitializeSlider()
{
    //get total number of info elements
    //var elements = document.getElementById('banners').getElementsByTagName('div');
    //total_display = elements.length
    total_display = 4
    rot_speed = (rotationSeconds * 1000)

    //if random starting banner  
    startBanner = randomStart ? RandomNumber() : 0

    if (autoPlay)
    {
        currentBanner = startBanner
        AutoPlay()
    }
    else
        Show(startBanner)
}

function AutoPlay()
{
   var num = ((currentBanner + 1) > total_display) ? 1 : (currentBanner + 1)
   
   Show(num)
   timer = setTimeout("AutoPlay()", rot_speed)
}

function Show(num, stopAutoplay)
{
    var css
    
    if (num!=currentBanner)
    {
        //css = document.getElementById("bannerLink" + num).className
        Effect.Appear(document.getElementById("banner" + num), {delay:.1})
        //document.getElementById("bannerLink" + num).style.backgroundPosition = "bottom"
        //document.getElementById("bannerLink" + num).className = css + " hover"
        
        if (document.getElementById("banner" + currentBanner))
        {
            
            //css = document.getElementById("bannerLink" + currentBanner).className
            //css = css.replace(" hover", "")
            document.getElementById("banner" + currentBanner).style.display = "none"
            //document.getElementById("bannerLink" + currentBanner).style.backgroundPosition = ""
            //document.getElementById("bannerLink" + currentBanner).className = css
        }
        
        currentBanner = num
    }
    
    if (stopAutoplay)
        clearTimeout(timer)
}