var SelectedIndex = -1;
/*
    SelectedIndex:
    0 ==> Elektro
    1 ==> Data
    2 ==> Zorg
*/

var indexData;
var indexElektro;
var indexZorg;

arrImagesData = new Array(3);
arrImagesDataDisabled = new Array(3);
arrImagesElektro = new Array(3);
arrImagesElektroDisabled = new Array(3);
arrImagesZorg = new Array(3);
arrImagesZorgDisabled = new Array(3);

arrImagesData[0] = "data_1a.jpg";
arrImagesData[1] = "data_2a.jpg";
arrImagesData[2] = "data_3a.jpg";
arrImagesDataDisabled[0] = "data_1b.jpg";
arrImagesDataDisabled[1] = "data_2b.jpg";
arrImagesDataDisabled[2] = "data_3b.jpg";

arrImagesElektro[0] = "elektro_1a.jpg";
arrImagesElektro[1] = "elektro_2a.jpg";
arrImagesElektro[2] = "elektro_3a.jpg";
arrImagesElektroDisabled[0] = "elektro_1b.jpg";
arrImagesElektroDisabled[1] = "elektro_2b.jpg";
arrImagesElektroDisabled[2] = "elektro_3b.jpg";

arrImagesZorg[0] = "zorg_1a.jpg";
arrImagesZorg[1] = "zorg_2a.jpg";
arrImagesZorg[2] = "zorg_3a.jpg";
arrImagesZorgDisabled[0] = "zorg_1b.jpg";
arrImagesZorgDisabled[1] = "zorg_2b.jpg";
arrImagesZorgDisabled[2] = "zorg_3b.jpg";

function SetImages()
{
    if (SelectedIndex == -1)
    {
        document.getElementById("divData").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesData[indexData] + ")";
        document.getElementById("divElektro").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesElektro[indexElektro] + ")";
        document.getElementById("divZorg").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesZorg[indexZorg] + ")";
    }

    if (SelectedIndex == 0)
    {
        document.getElementById("divData").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesDataDisabled[indexData] + ")";
        document.getElementById("divElektro").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesElektro[indexElektro] + ")";
        document.getElementById("divZorg").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesZorgDisabled[indexZorg] + ")";
    }

    if (SelectedIndex == 1)
    {
        document.getElementById("divData").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesData[indexData] + ")";
        document.getElementById("divElektro").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesElektroDisabled[indexElektro] + ")";
        document.getElementById("divZorg").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesZorgDisabled[indexZorg] + ")";
    }

    if (SelectedIndex == 2)
    {
        document.getElementById("divData").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesDataDisabled[indexData] + ")";
        document.getElementById("divElektro").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesElektroDisabled[indexElektro] + ")";
        document.getElementById("divZorg").style.backgroundImage = "url(/Portals/_default/Skins/homepage/images/" + arrImagesZorg[indexZorg] + ")";
    }
}

  
function RenderBackgrounds()
    {
        indexData = Math.floor(Math.random() * arrImagesData.length);
        indexElektro = Math.floor(Math.random() * arrImagesElektro.length);
        indexZorg = Math.floor(Math.random() * arrImagesZorg.length);

        SetImages();
        setTimeout('RenderBackgrounds()', 4000);
    }