var imgList_I = new Array();
var imgIndex;
var currImage;

imgList_I[0] = '/Portals/_Default/Skins/Alamo/Images/Avenida-Alamo.jpg';
imgList_I[1] = '/Portals/_Default/Skins/Alamo/Images/Vivir-Alamo.jpg';
imgList_I[2] = '/Portals/_Default/Skins/Alamo/Images/Hoyo-5.jpg';
imgList_I[3] = '/Portals/_Default/Skins/Alamo/Images/green-hoyo-6-casas.jpg';
imgList_I[4] = '/Portals/_Default/Skins/Alamo/Images/Salida-hoyo-5.jpg';
imgList_I[5] = '/Portals/_Default/Skins/Alamo/Images/arcos_hoyos_2-3.jpg';
//imgList_I[5] = '/Portals/_Default/Skins/Alamo/Images/hoyo-3.jpg';

function setImg() {
    // Set initial image
    GetNewImageID();
    $('#banner span').css('backgroundImage', 'url(' + imgList_I[imgIndex] + ')');

    // Preload next image
    GetNewImageID();
    PreloadNext();
    SetBottomImage();
    setTimeout("recurs(" + 999 + ")", 7000);
}

function recurs(p1) {
    p1--;
    if (p1 < 0) return // exit condition
    // Fade out
    $('#banner span').fadeOut('slow', function() {
        CopyBottomImage();
    }
         );
    $('#banner span').fadeIn(1, function() {
        GetNewImageID();
        PreloadNext();
        SetBottomImage();
        setTimeout("recurs(" + p1 + ")", 7000);
    }
         );
}

function GetNewImageID() {
    var currImage = imgIndex;
    imgIndex = Math.round(Math.random() * (imgList_I.length - 1));
    if (currImage == imgIndex) {
        GetNewImageID();
    }
}
function PreloadNext() {
    var somevariable = $(' ').attr('src', imgList_I[imgIndex]);
}
function SetBottomImage() {
    $('#banner').css('backgroundImage', 'url(' + imgList_I[imgIndex] + ')');
    currImage = imgList_I[imgIndex];
}
function CopyBottomImage() {
    $('#banner span').css('backgroundImage', 'url(' + currImage + ')');
}