var bgImages = ["/media/55/banner1.jpg", "/media/6483/banner2.jpg", "/media/6488/banner3.jpg"];
var currentImage = bgImages[0];
var currentImageIndex = 0;
var nextIndex = 1;
var firstBg = 1;
var bannerSwitchTimeout = 15000
var fadeTime = 1000;

function switchBanner() {
    if (currentImageIndex == bgImages.length - 1) {
        nextIndex = 0;
    }
    else {
        nextIndex = currentImageIndex + 1;
    }

    if (firstBg) {
        $(".banner-bg-1").css("background-image", "url('" + bgImages[nextIndex] + "')");
        $(".banner-bg-1").fadeIn(fadeTime, fadeOut2);
    }
    else {
        $(".banner-bg-2").css("background-image", "url('" + bgImages[nextIndex] + "')");
        $(".banner-bg-2").fadeIn(fadeTime, fadeOut1);
    }

    currentImageIndex = nextIndex;
    firstBg = !firstBg;

    setTimeout(switchBanner, bannerSwitchTimeout);
}

function fadeOut1() {
    $(".banner-bg-1").fadeOut(fadeTime);
}

function fadeOut2() {
    $(".banner-bg-2").fadeOut(fadeTime);
}

$(document).ready(function () {
    setTimeout(switchBanner, bannerSwitchTimeout);

    /* Search set up */
    if ($('.search-textbox').val() == '') {
        $('.search-textbox').val('enter search text').attr('style', 'color: grey;');
    }
    $('.search-textbox').blur(function () {
        if ($('.search-textbox').val() == '') {
            $('.search-textbox').val('enter search text').attr('style', 'color: grey;');
        }
    });
    $('.search-textbox').focus(function () {
        if ($('.search-textbox').val() == 'enter search text') {
            $('.search-textbox').val('').attr('style', 'color: black;');
        }
    });
    $('.search-button').click(function () {
        if ($('.search-textbox').val() == 'enter search text') {
            return false;
        }
        else {
            document.location = '/search-results.aspx?q=' + $('.search-textbox').val();
            return false;
        }
    });

    /* [Ed] Add cool stuff that's supported by good browsers. */
    if (!$.browser.msie && !$.browser.opera) {
        /* [Ed] Add corners where specified. */
        $('.corners').corner();
        $('.top-corners').corner({ tl: { radius: 6 }, tr: { radius: 6 }, bl: { radius: 0 }, br: { radius: 0} });
        $('.top-left-corner').corner({ tl: { radius: 6 }, tr: { radius: 0 }, bl: { radius: 0 }, br: { radius: 0} });
        $('.top-right-corner').corner({ tl: { radius: 0 }, tr: { radius: 6 }, bl: { radius: 0 }, br: { radius: 0} });
        $('.bottom-corners').corner({ tl: { radius: 0 }, tr: { radius: 0 }, bl: { radius: 6 }, br: { radius: 6} });
        $('.bottom-left-corner').corner({ tl: { radius: 0 }, tr: { radius: 0 }, bl: { radius: 6 }, br: { radius: 0} });
        $('.bottom-right-corner').corner({ tl: { radius: 0 }, tr: { radius: 0 }, bl: { radius: 0 }, br: { radius: 6} });
        $('.tiny-corners').corner({ tl: { radius: 3 }, tr: { radius: 3 }, bl: { radius: 3 }, br: { radius: 3} });

        $('.search-textbox').blur(function () {
            $('.search-textbox').corner({ tl: { radius: 3 }, tr: { radius: 3 }, bl: { radius: 3 }, br: { radius: 3} });
        });
        $('.search-textbox').focus(function () {
            $('.search-textbox').corner({ tl: { radius: 3 }, tr: { radius: 3 }, bl: { radius: 3 }, br: { radius: 3} });
        });
    }

    /* [Ed] Add image lightboxes. */
    $('.lightbox').lightBox();

});