//  'Flash' Banner:
var activeItemId = 1;
var counter = 1;
function changeFlashBannerImage() {    
    var maxItemId = $('ul.flash_links li').size();
    var prevItemId = (activeItemId == 1) ? maxItemId : activeItemId - 1;
    var currentItemId = activeItemId;
    var nextItemId = (activeItemId == maxItemId) ? 1 : activeItemId + 1;

    var prevItem = $('ul.flash_links li#item_' + prevItemId);
    // Hide previous active image (only if cssClass active is set):
    if (prevItem.hasClass('active')) {
        prevItem.removeClass('active').addClass('inactive');
        $('ul.flash_links li#item_' + prevItemId + ' a span').removeClass('offview');
    }

    // set popups on or off
    $('ul.flash_links div.flash_popup').addClass('offview');
    for (i = 1; i < maxItemId + 1; i++) {
        if (i == activeItemId)
            $('ul.flash_links li#item_' + i + ' div.flash_popup').removeClass('offview');
    }

    if ($('div.box_flash').hasClass('item_1'))
        $('div.box_flash').removeClass('item_1');
    if ($('div.box_flash').hasClass('item_2'))
        $('div.box_flash').removeClass('item_2');
    if ($('div.box_flash').hasClass('item_3'))
        $('div.box_flash').removeClass('item_3');

    if (activeItemId <= 3)
        $('div.box_flash').addClass('item_' + activeItemId);

    // Show new active image:
    var currentItem = $('ul.flash_links li#item_' + currentItemId);
    currentItem.removeClass('inactive').addClass('active');
    $('ul.flash_links li#item_' + currentItemId + ' a span').addClass('offview');
    //  Init. next banner change (delay):

    activeItemId = nextItemId;
}
window.setInterval(function () {
    changeFlashBannerImage();
}, 5000);

/* var TIMER_DELAY = 4000;
var FADE_DELAY = 1000;

var _PAGETYPE = "";

var linkcount;
var banner_timer;
var active = 0;

var box_left_margin;
var box_range;
var bar_range;
var arrow_width;


function onTimeout() {
	var next = active + 1;
	if (next > linkcount) next = 1;

	changeImage(next, _PAGETYPE);

	resetTimeout();
}

function resetTimeout() {
    if (banner_timer)
        clearTimeout(banner_timer);

    banner_timer = setTimeout("onTimeout()", TIMER_DELAY);
}

function changeImage(id, pagetype) {
    _PAGETYPE = pagetype;
    // Retrieve data
    var desc = $("#flash-" + id + " > div.content").text();
    var title = $("#flash-" + id + " > div.title").text();
    var link = $("#flash-" + id + " > div.link").text();

    // Set content of box
    $("div.box > div.content").text(desc);
    $("a#titlelink").text(title);
    $("a#titlelink").attr("href", link);

    // Change image
    $("#pic" + active).fadeOut(FADE_DELAY);
    $("#pic" + id).fadeIn(FADE_DELAY);

    // Set CSS classes
    $("#flash-" + active).removeClass("active");
    $("#flash-" + active).addClass("inactive");
    $("#flash-" + id).removeClass("inactive");
    $("#flash-" + id).addClass("active");

    if (pagetype == "homepage") {
        // Get position of active element
        var itemX = $("#flash-" + id + " > div.number").offset().left - $("div.box_flash").offset().left;
        var boxX = ((itemX / bar_range) * box_range) + (arrow_width / 2);
        var arrowX = itemX - boxX - (arrow_width / 2) - 4;

        // Move box
        $("div.photo > div.box").css("margin-left", boxX);
        $("div.photo > div.box > div.arrow").css("margin-left", arrowX);
        $("div.box_flash > div.photo > div.pic").addClass('add_bgcolor');
    }

    if (pagetype == "werken") {
        // Change logo
        $("#logo" + active).hide();
        $("#logo" + id).show();
    }

	active = id;
}

//init
function init_banner() {
    linkcount = $("div.pic").size();

    // Hide background images
    $("div.pic").hide();

    // Add onClick triggers
    $(".item").click(function () {

        // Get the id value by parsing the element id
        var id = parseInt($(this).attr("id").split("-")[1]);
        changeImage(id, "homepage");

        resetTimeout();
    });

    // Load positioning for box and items bar
    bar_range = $("div.box_flash > div.photo").width();
    arrow_width = $("div.box_flash > div.photo > div.box > div.arrow").width();
    box_left_margin = $("div.box_flash > div.photo > div.box").offset().left - $("div.box_flash").offset().left;
    box_range = (bar_range - (box_left_margin * 2)) - $("div.box_flash > div.photo > div.box").width() + arrow_width + 8;

    // Set background images from html
    for (i = 1; i <= linkcount; i++) {
        $("#pic" + i).css("background-image", "url('/assets/stadskanaal/images/banners/" + $("#flash-" + i + " > div.image").text() + "')");
    }

    // Start timeout
    changeImage(1, "homepage");
    resetTimeout();
}

// Begin cycle
$(function () {
    if (!($.browser.msie && $.browser.version == 6.0)) {
        init_banner();
    }
});*/