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

imgList_I[0] = '/Portals/_Default/Skins/Alamo/Images/Salon-de-Eventos.jpg';
imgList_I[1] = '/Portals/_Default/Skins/Alamo/Images/Salon_de_Eventos_interior.jpg';
imgList_I[2] = '/Portals/_Default/Skins/Alamo/Images/Salon_de_Eventos_interior2.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 + ')');
}