/* scrollBox init */
var scrollBoxes = new Array(3);
scrollBoxes[1] = "scrollBox_1";
scrollBoxes[2] = "scrollBox_2";
scrollBoxes[3] = "scrollBox_3";
scrollBoxes[4] = "scrollBox_4";

var scrollTime    = 7; // seconds
var scrollCurrent = 1; // first box to show
var scrollTimer;

/* scrollBox functions */
function scrollBox_show(numero)
{
    scrollBox_hide();
    $('#' + scrollBoxes[numero]).removeClass('dn').addClass('db');
    scrollCurrent = numero;
}

function scrollBox_hide()
{
    //var decka = $('#scrollBox_container').children(); < toto uz neni potreba, mame vlastni pole, slouzi jen jako ukazka, jak ziskat potomky nejakeho elementu
    for(var i in scrollBoxes) { // takovy js foreach        
        $('#' + scrollBoxes[i]).removeClass('db').addClass('dn');
    }
}

function autoScroll_start()
{
    scrollTimer = setTimeout("scrollBox_showNext()", scrollTime * 1000);
}

function autoScroll_stop()
{
    clearTimeout(scrollTimer);
}

function scrollBox_showNext()
{
    var next = scrollCurrent + 1;
    if(next > scrollBoxes.length - 1)
        next = 1;
           
    scrollCurrent = next;
    scrollBox_show(next);
    scrollBox_activate();
    autoScroll_start();
    
}

function scrollBox_activate() 
{
    scrollBox_deactivate();
    $('#mbb' + scrollCurrent).addClass('active');
    scrollBox_setBackground();
}

function scrollBox_deactivate()
{
    for(var i in scrollBoxes) {
        $('#mbb' + i).removeClass('active');
    }
}

function scrollBox_setBackground()
{
    if(scrollCurrent == 1)
        $('#scrollBox_container').css("background-image", "url(img/ilu_sokobanGirl.gif)");
    if(scrollCurrent == 2)
        $('#scrollBox_container').css("background-image", "none");
    if(scrollCurrent == 3)
        $('#scrollBox_container').css("background-image", "url(img/ilu_blueBasket.gif)");
    if(scrollCurrent == 4)
        $('#scrollBox_container').css("background-image", "url(img/ilu_colourCard.gif)");
}