var current_banner = 1;
var total_banners = 0;
var wait = 0;

function banner_init(divname) {
    // stop banner change if mouse over one banner
    elements = document.getElementById(divname).getElementsByTagName('div');
    total_banners = elements.length;
    for (var i = 0; i < elements.length; i++)
    {
        elements[i].onmouseover = function () {
            clearTimeout(wait);
        }
        elements[i].onmouseout = function () {
            clearTimeout(wait);
            wait = setTimeout('nextBanner(\'' + divname + '\')',bannertime);
        }
    }

    // set navigation for each element
    elements = document.getElementById(divname).getElementsByTagName('ul')[0].getElementsByTagName('li');
    total_banners = elements.length;
    for (var i = 0; i < elements.length; i++) {
        elements[i].name = i + 1;
        elements[i].onmouseover = function () {
            banner(this.name, divname);
            clearTimeout(wait);
        }
        elements[i].onmouseout = function () {
            clearTimeout(wait);
            wait = setTimeout('nextBanner(\'' + divname + '\')',bannertime);
        }
    }
    banner(1, divname);
    wait = setTimeout('nextBanner(\'' + divname + '\')',bannertime);
}

function banner(nr, divname) {
    clearTimeout(wait);
    elements = document.getElementById(divname).getElementsByTagName('div');
    listelements = document.getElementById(divname).getElementsByTagName('ul')[0].getElementsByTagName('li');

    // hide/show divs/lis
    for (var i = 0; i < elements.length; i++) {
        if (nr == (i + 1)) { //show selected banner
            elements[i].style.display = "block";
            listelements[i].style.background = "url('http://www.timetoturn.nl/wp-content/themes/tttdefault/images/template/ttt_slide_active.png') no-repeat transparent";
        } else {       // hide everything else
            elements[i].style.display = "none";
            listelements[i].style.background = "url('http://www.timetoturn.nl/wp-content/themes/tttdefault/images/template/ttt_slide_nonactive.png') no-repeat transparent";
        }
    }
    wait = setTimeout('nextBanner(\'' + divname + '\')', bannertime);
}

function nextBanner(divname) {
    if(current_banner < total_banners) {
        current_banner ++;
    } else {
        current_banner = 1;
    }

    banner(current_banner, divname);
}