//

/*

container divs:
- bannerImage_up
- bannerImage_down

*/

var imagesList = new Array();
imagesList[imagesList.length] = "url(Images/banner_1.jpg)";
imagesList[imagesList.length] = "url(Images/banner_2.jpg)";
imagesList[imagesList.length] = "url(Images/banner_3.jpg)";
imagesList[imagesList.length] = "url(Images/banner_4.jpg)";
imagesList[imagesList.length] = "url(Images/banner_5.jpg)";
imagesList[imagesList.length] = "url(Images/banner_6.jpg)";
imagesList[imagesList.length] = "url(Images/banner_7.jpg)";

 var _d_up = null;
 var _d_dw = null; 
 var _opacity = 100;
 var _changeTime = null;
 var _timer = 10; // here you can set the fade delay.
 
function bannerChange(startTime, changeTime)
{
    _d_up = document.getElementById("bannerImage_up");
    _d_dw = document.getElementById("bannerImage_down");
    
    randImage = Math.floor(Math.random() * 5 + 1)
    for(j=0;j<randImage;j++)
    {
        imagesList.push(imagesList[0]);
        imagesList.shift();
    }
    
    _d_dw.style.backgroundImage = imagesList[0];
    _d_up.style.backgroundImage = imagesList[1];
    
    changeTime = changeTime * 1000;
    _changeTime = changeTime;
    setTimeout('fader()', changeTime);
}

function fader()
{
    _d_dw.style.filter = "Alpha(Opacity=" + _opacity + ");";
    _opacity = _opacity - 1;
    if(_opacity > 0)
        setTimeout('fader()', _timer);
    else
    {
        _opacity = 100;
        restartChange();
    }
}

function restartChange()
{
    imagesList.push(_d_dw.style.backgroundImage);
    
    _d_dw.style.backgroundImage = imagesList[1];
    _d_dw.style.filter = "Alpha(Opacity=100);";
    
    imagesList.shift();

    _d_up.style.backgroundImage = imagesList[1];
    
    setTimeout('fader()', _changeTime);
}