_me = this;

/* Upcoming courses */
_me._aniFrames = [];
_me._buttons = [];
_me._current = 0;
_me._inited = false;
_me._is_animated = true;

courses_animation = function() {

    _me._tick = function() {
        if (!_me._is_animated)
            return;

        var next = (_me._current + 1) % _me._aniFrames.length;
        $(_me._buttons[_me._current]).addClass("PagerButtonInactive");
        $(_me._buttons[_me._current]).removeClass("PagerButtonActive");

        $(_me._aniFrames[_me._current]).fadeOut(600);
        $(_me._aniFrames[next]).fadeIn(600);

        $(_me._buttons[next]).addClass("PagerButtonActive");
        $(_me._buttons[next]).removeClass("PagerButtonInactive");


        _me._current = next;
    };

    _me._aniFrames = $("div#courseanimation > div.animationframe");
    if (_me._aniFrames.length > 1)
        _me._interval = setInterval(_me._tick, 7000);
    
    _me._buttons = $("div#ButtonPanel > div.PagerButton");
    $(_me._buttons).click(function() {
        var thisindex = $(_me._buttons).index(this);
        _me._is_animated = false;
        if (thisindex != _me._current) {
            $(_me._buttons[_me._current]).addClass("PagerButtonInactive");
            $(_me._buttons[_me._current]).removeClass("PagerButtonActive");

            $(_me._aniFrames[_me._current]).fadeOut(600);
            $(_me._aniFrames[thisindex]).fadeIn(600);

            $(_me._buttons[thisindex]).addClass("PagerButtonActive");
            $(_me._buttons[thisindex]).removeClass("PagerButtonInactive");

            _me._current = thisindex;
        }
    });
};

/* Latest Links */
_me._aniFrames2 = [];
_me._buttons2 = [];
_me._current2 = 0;
_me._inited2 = false;
_me._is_animated2 = true;

links_animation = function() {

    _me._tick2 = function() {
        if (!_me._is_animated2)
            return;

        var next = (_me._current2 + 1) % _me._aniFrames2.length;
        $(_me._buttons2[_me._current2]).addClass("PagerButtonInactive");
        $(_me._buttons2[_me._current2]).removeClass("PagerButtonActive");

        $(_me._aniFrames2[_me._current2]).fadeOut(600);
        $(_me._aniFrames2[next]).fadeIn(600);

        $(_me._buttons2[next]).addClass("PagerButtonActive");
        $(_me._buttons2[next]).removeClass("PagerButtonInactive");


        _me._current2 = next;
    };

    _me._aniFrames2 = $("div#linksanimation > div.animationframe");
    if (_me._aniFrames2.length > 1)
        _me._interval2 = setInterval(_me._tick2, 8000);

    _me._buttons2 = $("div#LinksButtonPanel > div.PagerButton");

    $(_me._buttons2).click(function() {
        var thisindex = $(_me._buttons2).index(this);
        _me._is_animated2 = false;
        if (thisindex != _me._current2) {
            $(_me._buttons2[_me._current2]).addClass("PagerButtonInactive");
            $(_me._buttons2[_me._current2]).removeClass("PagerButtonActive");

            $(_me._aniFrames2[_me._current2]).fadeOut(600);
            $(_me._aniFrames2[thisindex]).fadeIn(600);

            $(_me._buttons2[thisindex]).addClass("PagerButtonActive");
            $(_me._buttons2[thisindex]).removeClass("PagerButtonInactive");

            _me._current2 = thisindex;
        }
    });
};

$(document).ready(function() {
    $("div#courseanimation > div.animationframe:first").css('display', '');
    $("div#linksanimation > div.animationframe:first").css('display', '');

    $("div#ButtonPanel > div.PagerButton").first().removeClass("PagerButtonInactive").addClass("PagerButtonActive");
    $("div#LinksButtonPanel > div.PagerButton").first().removeClass("PagerButtonInactive").addClass("PagerButtonActive");

    $("div#UCHeaderImage").parent().click(function() {
        var v = $find("cpbUpcomingEvents");
        if (v != null) {
            if (v.get_Collapsed()) {
                $(_me._aniFrames[_me._current]).delay(400).animate({ opacity: 1 }, 400);
                _me._is_animated = true;
            }
            else {
                _me._is_animated = false;
                $(_me._aniFrames[_me._current]).animate({ opacity: 0 }, 300);
            }
        }
    });

    $("div#LinksHeaderImage").parent().click(function() {
        var v = $find("cpbLinks");
        if (v != null) {
            if (v.get_Collapsed()) {
                $(_me._aniFrames2[_me._current2]).delay(400).animate({ opacity: 1 }, 400);
                _me._is_animated2 = true;
            }
            else {
                _me._is_animated2 = false;
                $(_me._aniFrames2[_me._current2]).animate({ opacity: 0 }, 300);
            }
        }
    });

    var v = $find("cpbUpcomingEvents");
    if (v != null) {
        v._animation._fps = 20;
        v._animation._duration = 0.7;
        v.add_expandComplete(UC_Expanded);
    }

    function UC_Expanded(sender, args) {
        _me._is_animated = true;
    }

    var v = $find("cpbLinks");
    if (v != null) {
        v._animation._fps = 20;
        v._animation._duration = 0.7;
    }

    courses_animation();
    links_animation();
});