var prefix = "ctl00_a_";
var SSP1;

var PageEngine =
{
    CurrentIndex: 0,
    TotalPage: -1,
    Timer: -1
}

function HomeLoad()
{
    ShowAllPages();
    RegisterInterval();
    PreloadImages();
}

function ShowAllPages()
{
    var arr = new Array();

    var content = document.getElementById(prefix + "BannerTemp");
    PageEngine.TotalPage = content.children.length;

    for (var i = 1; i <= PageEngine.TotalPage; i++)
    {
        var div = document.getElementById("banner" + i);
        var tooltip = div.attributes["tooltip"].value;

        arr.push(new PageItem('banner' + i, tooltip));
    }

    if (typeof (SSP1) == "object")
        SSP1.SetArrPages(arr);
    else
    {
        SSP1 = new StylishScroledPage("scrolledPage1", arr, 956, 387, "transparent", 0);
        SSP1.OnAfterMove = RegisterInterval;
    }

    SSP1.Initialize();
}

function OpenPage(index)
{
    PageEngine.CurrentIndex = index;
    window.clearInterval(PageEngine.Timer);
    var time = IS.ie ? 300 : 100;
    window.setTimeout(function () { ChangeBackground(index); }, time);
    SSP1.MoveToIndex(index);
}

function ChangeBackground(index)
{
    var main = document.getElementById("mainframe");    
    main.style.backgroundImage = "url(/WebResources/images/background" + (index + 1) + ".png)";
}

function RegisterInterval()
{
    PageEngine.CurrentIndex++;
    if (PageEngine.CurrentIndex >= PageEngine.TotalPage)
        PageEngine.CurrentIndex = 0;

    PageEngine.Timer = window.setInterval(function () { OpenPage(PageEngine.CurrentIndex); }, 10000);
}

function PreloadImages()
{
    var total = document.getElementById("totalBanners").value;
    for (var i = 1; i <= total; i++)
    {
        var banner = new Image();
        banner.src = "/WebResources/images/banner" + i + ".png";

        var bg = new Image();
        bg.src = "/WebResources/images/background" + i + ".png";
    }
}