var bannersOldOnload = window.onload;

window.onload = function()
{
    if (typeof bannersOldOnload == 'function')
    {
         bannersOldOnload();
    }

    window.bannersInstance = new banners();
    bannersInstance.init();
}

banners = function ()
{
    this.bannerContainer = null;
    this.overlayTemplate = null;
    this.bannerBoxes = null;
}


banners.prototype.init = function()
{
    this.bannerContainer = document.getElementById('bannersBox');
    if (!this.bannerContainer)
    {
        return;
    }
    this.initBannerOverlays();
    this.bannerContainer.className = 'bannersBox';
}


banners.prototype.initBannerOverlays = function()
{
    var divs = this.bannerContainer.getElementsByTagName('div');
    if (!divs)
    {
        return;
    }

    this.bannerBoxes = [];

    for (var i=0; i<divs.length; i++)
    {
        if (divs[i].className == 'overlayTemplate')
        {
            this.overlayTemplate = divs[i];
            continue;
        }
        if (divs[i].className != 'banner')
        {
            continue;
        }

        this.bannerBoxes[this.bannerBoxes.length] = divs[i];
    }

    if (!this.overlayTemplate)
    {
        return;
    }

    for (var i=0; i<this.bannerBoxes.length; i++)
    {
        var box = this.bannerBoxes[i];


        var overlay = this.overlayTemplate.cloneNode(true);
        overlay.className = 'overlay';
        box.overlay = overlay;
        box.appendChild(overlay);

        box.onmouseover = function()
        {
            this.overlay.style.display = 'none';
        }

        if (navigator.appVersion.indexOf("Mac") == -1) // not mac
        {
            box.onmouseout = function()
            {
                this.overlay.style.display = 'block';
            }
        }
    }

}