/* Tag Animate */

var TagAnimateManager = {
    "animIndex": 0,
    "animCount": 0,
    "animWidth": 252,
    "animDelta": 1,
    "isAnimating": false,
    "at": undefined
};

TagAnimateManager.Init = function()
{
    TagAnimateManager.ScrollTo(0);

    //if leftarrow button is clicked
    $(".TagArrowLeft").click(function(e)
    {
        //Cancel the link behavior
        e.preventDefault();
        TagAnimateManager.Animate(-TagAnimateManager.animDelta);
    });

    $(".TagArrowRight").click(function(e)
    {
        //Cancel the link behavior
        e.preventDefault();
        TagAnimateManager.Animate( TagAnimateManager.animDelta);
    });

};

TagAnimateManager.ScrollTo = function(index, prepareFor)
{
    $(".TagExamplesList").scrollLeft((index + 2) * TagAnimateManager.animWidth);

}

TagAnimateManager.Animate = function(delta)
{
    if (TagAnimateManager.isAnimating || MoviePlay)
    {
        return;
    }

    TagAnimateManager.isAnimating = true;

    var index = TagAnimateManager.animIndex;
    var actualIndex = index;
    if (delta > 0)
    {
        if (index + delta > TagAnimateManager.animCount)
            actualIndex -= TagAnimateManager.animCount;
    }

    TagAnimateManager.ScrollTo(actualIndex);

    var newIndex = actualIndex + delta;

    $(".TagExamplesList").animate({ scrollLeft: (TagAnimateManager.animWidth * (2 + newIndex)) }, "slow", function()
    {
        if (newIndex < 0)
        {
            newIndex = TagAnimateManager.animCount + newIndex;
        }
        else if (newIndex > TagAnimateManager.animCount)
        {
            newIndex = newIndex - TagAnimateManager.animCount;
        }

        TagAnimateManager.animIndex = newIndex;
        TagAnimateManager.isAnimating = false;

    });
}