//  '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):
    var currentItem = $('ul.flash_links li#item_' + currentItemId);

    currentItem.fadeIn('slow', function() {

        currentItem.removeClass('inactive').addClass('active');

        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:
        if (prevItem.hasClass('active')) {
            prevItem.removeClass('active').addClass('inactive');
        }

        $('img#navitem' + activeItemId + 'active').addClass('show');
        $('img#navitem' + activeItemId + 'active').removeClass('dontshow');

        $('img#navitem' + activeItemId + 'inactive').addClass('dontshow');
        $('img#navitem' + activeItemId + 'inactive').removeClass('show');


        $('img#navitem' + prevItemId + 'active').addClass('dontshow');
        $('img#navitem' + prevItemId + 'active').removeClass('show');

        $('img#navitem' + prevItemId + 'inactive').addClass('show');
        $('img#navitem' + prevItemId + 'inactive').removeClass('dontshow');
        

        activeItemId = nextItemId;

    });

    prevItem.fadeOut('slow', function() {
    });

}

window.setInterval(function() {
    changeFlashBannerImage();
}, 11500);

$(document).ready(function() {
    $("a#gotoitem1").click(function(e) {
        // stop normal link click
        e.preventDefault();
        GoToItem(1);
    });

    $("a#gotoitem2").click(function(e) {
        // stop normal link click
        e.preventDefault();
        GoToItem(2);
    });

    $("a#gotoitem3").click(function(e) {
        // stop normal link click
        e.preventDefault();
        GoToItem(3);
    });
});

function GoToItem(i) {
    var prevItem = $('ul.flash_links li.active');
    var prevItemId = 1;

    if (prevItem.hasClass('2')) {
        prevItemId = 2;
    }
    if (prevItem.hasClass('3')) {
        prevItemId = 3;
    }
    var currentItem = $('ul.flash_links li#item_' + i);

    currentItem.fadeIn('slow', function() {

        currentItem.removeClass('inactive').addClass('active');

        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:
        if (prevItem.hasClass('active')) {
            prevItem.removeClass('active').addClass('inactive');
        }

        activeItemId = i;

        //Huidige item.
        $('img#navitem' + activeItemId + 'active').addClass('show');
        $('img#navitem' + activeItemId + 'active').removeClass('dontshow');

        $('img#navitem' + activeItemId + 'inactive').addClass('dontshow');
        $('img#navitem' + activeItemId + 'inactive').removeClass('show');

        //Vorige item
        $('img#navitem' + prevItemId + 'active').addClass('dontshow');
        $('img#navitem' + prevItemId + 'active').removeClass('show');

        $('img#navitem' + prevItemId + 'inactive').addClass('show');
        $('img#navitem' + prevItemId + 'inactive').removeClass('dontshow');

    });

    prevItem.fadeOut('slow', function() {
    });

    window.clearInterval(0);
    
    return;
}