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

//set first content
document.getElementById("divtofade").innerHTML = content[0];
document.getElementById("imagemaptitle").innerHTML = title[0];

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

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

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

//underline link
function underlineLink(pos) {
    clearLinks();
    document.getElementById("link" + pos).className = "navigationimagemap1 " +$('colorcode' + pos).value;
}

//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 - 4;
        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 = content[pos];
        document.getElementById("imagemaptitle").innerHTML = title[pos];
    }
    //fadeout
    if (opacity < 100 && fadeout) {
        opacity = opacity + 4;
        opac(opacity, "divtofade");
        if (opacity < 100)
            setTimeout("fader(" + pos + ")", 50);
    }
    //reset fading
    if (opacity == 100 && fadeout) {
        fadein = true;
        fadeout = false;
    }
}

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

//go to position
function goTo(pos) {
    rolei = pos;
    underlineLink(pos);

    //continue
    stopped = true;

    //clear timeout for role
    clearTimeout(timerident);

    if (rolei > (content.length - 1))
        rolei = 0;

    fader(rolei);

    timerident = setTimeout("role()", time);
}


// Stop rolling
function stoprolling() {
    // Continue
    stopped = true;

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

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

        // Role
        role();
    }
}