$().ready(function ()
{
    // add home class
    $(".body>.band").removeClass("band");

    // kwicks defaults
    //    			isVertical: false,
    //			sticky: false,
    //			defaultKwick: 0,
    //			event: 'mouseover',
    //			spacing: 0,
    //			duration: 500

    var cardCount = $("ul.scenarios li").length;

//    // scenarios
//    $("ul.scenarios").kwicks({
//        max: 340,
//        spacing: 0,
//        sticky: true,
//        defaultKwick: cardCount - 1
//    });

//    $("ul.scenarios li").hover(
//        function ()
//        {
//            $("ul.scenarios li").removeClass("selected");
//            $(this).addClass("selected");
//        },
//        function ()
//        {
//        }
//    );

    // select first scenario
    //$("ul.scenarios li:first").hover();

//    // scenario popup
//    $(".scenarios .more_button").click(function ()
//    {
//        // get scenario
//        var i = $(this).closest("li").index();
//        babaHome.showScenario(i);

//        // open popup
//        babaHome.openPopup();
//    });

    // scenario popup
    $(".scenario").click(function ()
    {
        // get scenario
        var i = $(this).index();
        babaHome.showScenario(i);

        // open popup
        babaHome.openPopup();
    });

    $(".scenario_pop .close").click(function ()
    {
        var $currPlaceholder = $(".scenario_pop .placeholder:visible");
        $(".PlayerContainer", $currPlaceholder).hide();
        $(".keyframe_link", $currPlaceholder).show();
        $currPlaceholder.hide();

        // hack to get it to stop playing in IE
        var html = $(".PlayerContainer", $currPlaceholder).html();
        $(".PlayerContainer", $currPlaceholder).html("").html(html);

        $(".scenario_pop").fadeOut("slow");
        $(".shadow").fadeOut();
    });

    $(".nav_r").click(function ()
    {
        babaHome.showNav(+1);
    });
    $(".nav_l").click(function ()
    {
        babaHome.showNav(-1);
    });

    $(".scenario_pop .dot").live("click", function ()
    {
        var i = $(this).index();
        babaHome.showScenario(i);
    });

    $(".scenario_pop .popup_body .placeholder").each(function (i)
    {
        if (i > 0)
        {
            $(".scenario_pop .dots").append('<span class="dot"></span>');
        }
    });

    if (!Silverlight.isInstalled(null))
    {
        $(".keyframe_link").hide();
        $(".NoSilverlight").show();
    }
    else
    {
        // Play video 
        $(".keyframe_link").click(function (e)
        {
            e.preventDefault();

            $(this).next(".PlayerContainer").show();
            $(this).hide();
        });
    }

    // shuffle cards
    babaHome.card = cardCount - 1;
    $(".scenarios li:eq(" + babaHome.card + ")").addClass("selected");
    $("ul.scenarios").fadeIn("slow");

    for (var i = 0; i < cardCount; i++)
    {
        var time = 1500;
        if (i > 0)
        {
            time = (400 * (i + 1)) + 800;
        }
        setTimeout("babaHome.showCard(-1)", time);
    }
    for (var i = 0; i < cardCount; i++)
    {
        time = (4000 * (i + 1));
        setTimeout("babaHome.showCard(+1)", time);
    }
});

babaHome =
{
    card: 0,

    showCard: function (inc)
    {
        $("ul.scenarios li").removeClass("selected");
        $(".scenarios li:eq(" + babaHome.card + ")").addClass("selected").mouseover();
        babaHome.card += inc;
        if (babaHome.card < 0)
        {
            babaHome.card = 0;
        }
    },
    showNav: function (inc)
    {
        var dots = $(".dots .dot").length;
        var dotIndex = $(".dots .dot_on").index();
        var i = dotIndex + inc;

        if (i >= dots)
        { i = 0; }
        else if (i < 0)
        { i = dots - 1; }

        this.showScenario(i, inc);
    },
    showScenario: function (i, inc)
    {
        // set dot nav
        $(".dots .dot").removeClass("dot_on");
        $(".dots .dot:eq(" + i + ")").addClass("dot_on");

        if (inc != null)
        {
            var showDir = "right";
            var hideDir = "left";
            if (inc < 0)
            {
                showDir = "left";
                hideDir = "right";
            }

            var $currPlaceholder = $(".scenario_pop .placeholder:visible");
            $(".PlayerContainer", $currPlaceholder).hide();
            $(".keyframe_link", $currPlaceholder).show();
            $currPlaceholder.hide("slide", { direction: hideDir }, 500);

            var $newPlaceholder = $(".scenario_pop .placeholder:eq(" + i + ")");
            $newPlaceholder.show("slide", { direction: showDir }, 500);
        }
        else
        {
            $(".scenario_pop .placeholder").hide();
            // show scenario
            var li = $(".scenarios li:eq(" + i + ")");
            $(".scenario_pop .placeholder:eq(" + i + ")").show();
        }
    },
    openPopup: function ()
    {
        // show popup
        if (!($.browser.msie && $.browser.version.substring(0, 1) == "7"))
        {
            $(".shadow").fadeIn();
        }
        $(".scenario_pop").fadeIn("slow");
    }
};