//<!--

var FadeCurrentImage = 0;
var FadeImageTotal = 0;
var FadePauseLength = 7500;
var FadeSpeed = 2000;
var Fader;

function AddBanner(bannerIndex, imageUrl, title, description)
{
    document.write('\n<div id="Banner' + bannerIndex + '" class="banner" style="display:none; background-image:url(' + imageUrl + ');">');
    document.write('\n    <div class="noShow">');
    document.write('\n        <div class="title"><strong>' + title + '</strong></div>');
    
    if (description != '')
    {
        document.write('\n        <p class="description">' + description + '</p>');
    }
    
    document.write('\n    </div>');
    document.write('\n</div>');
}

function AddButtons()
{
    document.write('\n    <div class="next" style="display:none;" onclick="FadeNext();"><span class="noShow">Next Image</span></div>');
    document.write('\n    <div class="previous" style="display:none;" onclick="FadePrevious();"><span class="noShow">Previous Image</span></div>');
}

function AddImage(bannerIndex, imageUrl, title)
{
    document.write('\n    <div id="Banner' + bannerIndex + '" class="banner" style="display:none; background-image:url(' + imageUrl + ');"><span class="noShow">' + title + '</span></div>');
}

function AddLinkImage(bannerIndex, imageUrl, title, link)
{
    document.write('\n    <div id="Banner' + bannerIndex + '" class="banner" style="display:none; background-image:url(' + imageUrl + ');"><a href="' + link + '"><span class="noShow">' + title + '</span></a></div>');
}

function FadeImages(fadeIn, fadeOut)
{
    $('#BannerFader #Banner' + fadeIn).fadeIn(FadeSpeed);
    $('#BannerFader #Banner' + fadeOut).fadeOut(FadeSpeed);
}

function FadeNext()
{
    clearTimeout(Fader); 
    
    var oldImage = FadeCurrentImage;
    FadeCurrentImage++;
    if (FadeCurrentImage == FadeImageTotal)
    {
        FadeCurrentImage = 0;
    }
    
    FadeImages(FadeCurrentImage, oldImage);
    
    Fader = setTimeout('FadeNext();', FadePauseLength);
}

function FadePrevious()
{
    clearTimeout(Fader); 

    var oldImage = FadeCurrentImage;
    FadeCurrentImage--;
    if (FadeCurrentImage < 0)
    {
        FadeCurrentImage = FadeImageTotal - 1;
    }
    
    FadeImages(FadeCurrentImage, oldImage);

    Fader = setTimeout('FadePrevious();', FadePauseLength);   
}

function StartFade()
{
    FadeImageTotal = $("#BannerFader").children(".banner").length;
    SetBannerHeight();
    
    $('#BannerFader').mouseover(function()
    {
        $('#BannerFader .next').show();
        $('#BannerFader .previous').show();
    });
    
    $('#BannerFader').mouseout(function()
    {
        $('#BannerFader .next').hide();
        $('#BannerFader .previous').hide();
    });

    setTimeout("FadeNext();", FadePauseLength);
}

function SetBannerHeight()
{
    var container = document.getElementById("TopContent");
    if (container != null)
    {
        var bannerHeight = container.offsetHeight;
        if (bannerHeight > 320)
        {
            for (var i = 0; i < FadeImageTotal; i++)
            {
                $('#BannerFader #Banner' + i).height(bannerHeight);
            }
        }
    }
}

//-->