//variables
var banner_time = 0;
var fadein = true;
var fadeout = false;
var rolei = 0;
var timerident;
var stopped = false;
var opacity = 100;

//set first content
banner_time = 5000;  //??? ###SLL:default/bannerrotatetime:5000###;
document.getElementById("divtofade").innerHTML = BannerContent[0];

//start role
if (BannerContent.length > 1)
    timerident = setTimeout("role()", banner_time);

//role content
function role() {
    rolei += 1;
    if (rolei > (BannerContent.length - 1))
        rolei = 0;

    fader(rolei);
    underlineLink(rolei);
    timerident = setTimeout("role()", banner_time);
}

//underline link
function underlineLink(pos) {
    clearLinks();
    document.getElementById("link" + pos).className = "navigationimagemapselected";
}
    
//opac
function opac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

//fader
function fader(pos) {
    //fadein
    if (opacity > 0 && fadein) {
        document.getElementById("imagemaptitle").innerHTML = "";
        opacity = opacity - 10;
        opac(opacity, "divtofade");
        if (opacity > 0)
            setTimeout("fader(" + pos + ")", 2);
    }
    //set new content
    if (opacity == 0 && fadein) {
        fadein = false;
        fadeout = true;
        document.getElementById("divtofade").innerHTML = BannerContent[pos];
    }
    //fadeout
    if (opacity < 100 && fadeout) {
        opacity = opacity + 10;
        opac(opacity, "divtofade");
        if (opacity < 100)
            setTimeout("fader(" + pos + ")", 10);
    }
    //reset fading
    if (opacity == 100 && fadeout) {
        fadein = true;
        fadeout = false;
    }
}

//clear
function clearLinks() {
    for (i = 0; i < BannerContent.length; i++) 
    {
        document.getElementById("link" + i).className = "navigationimagemap";
    }
}

//go to position
function goTo(pos) {
    if(opacity==100 && pos!=rolei)
    {
        clearLinks();

        rolei = pos;
        underlineLink(pos);

        //continue
        stopped = true;

        //clear timeout for role
        clearTimeout(timerident);

        if (rolei > (BannerContent.length - 1)) 
            rolei = 0;
        fader(rolei);
        timerident = setTimeout("role()", banner_time);
    }
}


// Stop rolling
function stoprolling() {

    //alert($('#bannerpauseli'));
    document.getElementById('bannerpauseli').style.background = 'transparent';
    document.getElementById('bannerpauseli').style.border = '0';
    document.getElementById('bannerpauseli').style.width = '19px';
    document.getElementById('bannerpauseli').style.height = '18px';    
    //.css({ background: 'transparent', border: '0', width: '19px', height: '18px' });
    
    
    document.getElementById('bannerpause').style.display="none"; // .hide();

    // Continue
    stopped = true;

    // Clear timeout for Role
    clearTimeout(timerident);
    timerident = 0;
}

//play
function play() {
    if (timerident == 0) {
        // Stopped
        stopped = false;

        // Role
        role();
    }
}