/// <reference path="json.js" />
/// <reference path="jquery-1.5.1-vsdoc.js" />

var _currentBannerIndex = -1;
var _isBannerAnimating = false;

$(function () {
    // Setup the banner if data is available.
    if ($("#_bannersData").val() != null && $("#_bannersData").val().length > 0) {
        var bannerData = JSON.parse($("#_bannersData").val());
        if (bannerData.length > 1) {
            for (var i = 0; i < bannerData.length; i++) {
                var button = $("<button data-index=\"" + i + "\">" + (i+1) + "</button>");
                $("header .bannerButtons").append(button);
                $("header .bannerButtons").find("button").click(
                    function () {
                        ShowBanner(parseInt($(this).data("index")));
                    });
            }

            $(".bannerButtonPrev").show();
            $(".bannerButtonNext").show();
            $(".bannerButtonPrev").click(
				function () {
				    if (_currentBannerIndex > 0)
				        ShowBanner(_currentBannerIndex - 1);
				});

            $(".bannerButtonNext").click(
				function () {
				    if (_currentBannerIndex < (bannerData.length - 1))
				        ShowBanner(_currentBannerIndex + 1);
				});

            // Timer to cycle through banners automatically
            setInterval(function () {
                if (_currentBannerIndex < (bannerData.length - 1))
                    ShowBanner(_currentBannerIndex + 1);
                else
                    ShowBanner(0);
            }, 10000);
        }
        ShowBanner(0);
    }
    else {
        $("header .bottomLayer").hide();
        $("header .backgroundImage").hide();
        $("header").css("height", "109px");
    }
});

function ShowBanner(index)
{
	if(_currentBannerIndex == index || _isBannerAnimating)
		return;

	_currentBannerIndex = index;
	_isBannerAnimating = true;

	var bannerData = JSON.parse($("#_bannersData").val());
	var banner = bannerData[index];
	var newbg = $("<div class=\"backgroundImage\"></div>");
	newbg.css("background-image", "url(" + banner.ImageName + ")");
	//$("header .backgroundImage").css("background-image", "url(" + banner.ImageName + ")");
	newbg.insertBefore("header .backgroundImage");
	$("header .backgroundImage:last").fadeTo(1000, 0,
		function()
		{
			$(this).remove();
			_isBannerAnimating = false;
		})


		$("#_bannerInfoBar").animate(
		{
		    //"margin-left": "+=25px",
		    "opacity": 0
		},
		500,
		function () {
		    var target = "_self";
		    if (banner.Link != null) {
		        target = banner.Link.substr(0, 1) == "/" ? "_self" : "_blank";
		    }
		    var title = banner.Link == null ? banner.Title : "<a href=\"" + banner.Link + "\" target=\"" + target + "\">" + banner.Title + "</a>";
		    $(".title h2").html(title);
		    $("#fullBioLink").html("Full biography");
		    $(".caption").html(banner.Caption);
		    //$(".fullBio").html(banner.FullBio).hide();

		    var pos = $("#_bannerInfoBar").offset();
		    //$("#biographyOuter").css("background-color": "red");
		    //$("#biographyOuter").css({ "left": "0", "top": "0"});
		    //$("#biographyOuter").offset($("#_bannerInfoBar").offset());
		    $("#biographyOuter").css("background-color", "red");
            /*
		    $(".fullBioLink").click(function () {
		        OpenLightbox($(".fullBio"));
		    });
            */
		    if (banner.ShowMoreLink == true) { $(".more").show(); }
		    $(this).animate(
				{
				    //"margin-left": "-=25px",
				    "opacity": 1
				},
				500);
		});

	$("header .bannerButtons").find("button").removeClass("selected");
	$("header .bannerButtons").find("button").eq(index).addClass("selected");
}