/*
 * List of blocks IDs to display
 */
var allBlockIds = ['overview-bg', 'automotive-bg', 'highvalue-bg', 'highvolume-bg', 'eprocurement-bg', 'consumer-bg', 'capabilities-bg'];

/*
 * The number of seconds to display a slide.
 */
var AutoSlideSeconds = 10;

var curBlockId = 'overview-bg';
var curBlockNumber = 0;

$(document).ready(DisplayNextSlide);

function DisplayNextSlide()
{
    var backgrounds = [
	"/img/banner-bg-overview.jpg",
	"/img/banner-bg-auto.jpg",
	"/img/banner-bg-value.jpg",
	"/img/banner-bg-volume.jpg",
	"/img/banner-bg-eproc.jpg",
	"/img/banner-bg-cons.jpg",
	"/img/banner-auctions-bg.jpg"
    ];

    var interval = 1000 * AutoSlideSeconds;

    /* TODO: Preload background images ? */

    window.setInterval(function ()
    {
        curBlockNumber++;

        if (curBlockNumber == allBlockIds.length)
            curBlockNumber = 0;

        var nextBlockId = allBlockIds[curBlockNumber];

        DisplayBlock(nextBlockId);
    }, interval);
}

function DisplayBlock(blockId)
{
    if (blockId == curBlockId) return;

    var banner = $('#banner');
    var block = $('#' + curBlockId);
    block.fadeOut('slow');

    curBlockId = blockId;
    block = $('#' + curBlockId);

    block.fadeIn('slow');
    
    $('.rubric').removeClass('rubric-active');
    $('#rubric-' + blockId).addClass('rubric-active');
}