var ID;
var ticker;
var CurrentID;

function startTimer(id) {
    ID = id;
    ticker = setTimeout(tick, 250);
}

function tick() {
    document.getElementById(ID).style.display = "none";
    document.getElementById(CurrentID).style.display = "block";
}

function clearTick() {
    clearTimeout(ticker);
}

function setVisible(id) {
    document.getElementById(id).style.display = "block";
    if (id != CurrentID)
        document.getElementById(CurrentID).style.display = "none";
}

function hideNow() {
    if (ID != null) {
        document.getElementById(ID).style.display = "none";
    }
}

// // // MAIN PAGE BANNER // // //

var interval;
var timeout;
var CurNumb;

var Paths = new Array();
Paths[0] = "../images/content/sl_content/image1.png";
Paths[1] = "../images/content/sl_content/image2.png";
Paths[2] = "../images/content/sl_content/image3.png";
Paths[3] = "../images/content/sl_content/image4.png";

function setPicture(numb) {
    CurNumb = numb;
    document.getElementById("slPicture").style.backgroundImage = "url(" + Paths[numb] + ")";

    clearInterval(interval);
    clearTimeout(timeout);
    timeout = setTimeout(AutoList, 0);
}

function AutoList() {
    interval = setInterval(Interval, 8000);
}

function Interval() {
    if (CurNumb < 4) {
        setPicture(CurNumb);
        CurNumb++;
    }
    else
        CurNumb = 0;
}