//  '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);