var bannerloadtotal;
var bannercurrentimage;
var bannerimages;
var banneroldimage;
var bannerpagecontrols;
var bannertimer;
var bannerchanging;
var bannertimeout;
var bannerdetailsvisible;

function bannerLoading() {
    bannerloadtotal++;
    if (bannerloadtotal >= bannerimagedata.length) bannerLoaded();
}

function bannerLoaded() {
    $('#banner-clock').fadeOut(1000);
    bannerpagecontrols[0].addClass('banner-pagecontrol-selected');
    $('#' + bannerdiv ).prepend(bannerimages[0].show());
    $('#banner-pagecontrols-outer').show();
    banneroldimage = bannerimages[0];
    if (jQuery.trim(bannerimagedata[0].Caption) != '') {
        $('#banner-caption-inner').html(bannerimagedata[0].Caption);
        $('#banner-caption-outer').show();
    }
    $('#banner-details-inner').html('<span class="banner-title">' + bannerimagedata[0].Title +
                                          '</span><br /><span class="banner-artist">' + bannerimagedata[0].Artist + '</span>');
    $('#banner-details-outer').css('bottom', -($('#banner-details-outer').height() - 16) + 'px');
    $('#banner-details-outer').css('display', 'block');
    bannercurrentimage = 0;
    $('#banner-details-control').click(bannerToggleDetails);
    bannertimer = setTimeout("bannerAdvanceImage( )", bannertimeout);
}

function bannerChangeImage() {
    bannerchanging = true;
    $('#banner-caption-outer').fadeOut("fast");
    banneroldimage.after(bannerimages[bannercurrentimage]);
    bannerimages[bannercurrentimage].fadeIn(2000, function() {
        banneroldimage.remove().hide();
        if (jQuery.trim(bannerimagedata[bannercurrentimage].Caption) != '') {
            $('#banner-caption-inner').html(bannerimagedata[bannercurrentimage].Caption);
            $('#banner-caption-outer').fadeIn("fast");
        }
        for (var image = 0; image < bannerimagedata.length; image++) {
            bannerpagecontrols[image].removeClass('banner-pagecontrol-selected');
        }
        bannerpagecontrols[bannercurrentimage].addClass('banner-pagecontrol-selected');
        banneroldimage = bannerimages[bannercurrentimage];
        $('#banner-caption-inner').html(bannerimagedata[bannercurrentimage].Caption);
        $('#banner-details-inner').html('<span class="banner-title">' + bannerimagedata[bannercurrentimage].Title +
                                            '</span><br /><span class="banner-artist">' + bannerimagedata[bannercurrentimage].Artist + '</span>');
        if (!bannerdetailsvisible) {
            $('#banner-details-outer').css('bottom', -($('#banner-details-outer').height() - 16) + 'px');
        }
        bannertimer = setTimeout("bannerAdvanceImage( )", bannertimeout);
        bannerchanging = false;
    });
}

function bannerAdvanceImage() {
    bannercurrentimage++;
    if (bannercurrentimage == bannerimagedata.length) bannercurrentimage = 0;
    bannerChangeImage();
}

function bannerToggleDetails(event) {
    bannerdetailsvisible = !bannerdetailsvisible;
    var btm = bannerdetailsvisible ? 0 : -($('#banner-details-outer').height() - 16);
    $('#banner-details-outer').animate({ bottom: btm + 'px' }, "fast");
    $('#banner-details-control').html(bannerdetailsvisible ? '-&nbsp;&nbsp;' : '+&nbsp;&nbsp;');
}
function bannerUserChangeImage(event) {
    if (!bannerchanging && bannercurrentimage != event.data.control) {
        clearTimeout(bannertimer);
        bannercurrentimage = event.data.control;
        bannerChangeImage();
    }
}

function bannerInit()
{
        bannerloadtotal = 0;
        bannerimages = new Array();
        bannerpagecontrols = new Array();
        bannerchangeing = false;
        bannertimeout = 10000;
        for (var image = 0; image < bannerimagedata.length; image++) {
            var img = $(document.createElement('img'))
                        .attr('src', bannerimagedata[image].ImageURL)
                        .width($('#banner').width())
                        .height($('#banner').height())
                        .css("position", "absolute")
                        .css("display", "block")
                        .css("top", "0")
                        .css("left", "0")
                        .css("width", "100%")
                        .css("height", "100%")
                        .hide();
            $('#banner').prepend(img);
            if (img.height() > 0) {
                bannerloadtotal++;
            }
            else {
                img.bind("load", bannerLoading);
            }
            bannerimages.push(img);
            var pagecontrol = $(document.createElement('span')).attr('class', 'banner-pagecontrol').html(image + 1);
            pagecontrol.click({ "control": image }, bannerUserChangeImage);
            $('#banner-pagecontrols-inner').append(pagecontrol);
            bannerpagecontrols.push(pagecontrol);
        }
        bannerdetailsvisible = false;
        if (bannerloadtotal >= bannerimagedata.length) bannerLoaded();
    }