///<reference path="/_js/jQuery/1.4.1/jquery-1.4.1-vsdoc.js"/>

var $curYear = 0;

j$(document).ready(function () {
    j$("div.Calendar .years li a").click(function () {
        //remove selected css
        j$("div.Calendar .months li a.hover").removeClass("hover");
                
        //get the year
        var year = j$(this).attr("id");

        if (year != $curYear) {
            j$("div.Calendar .years li a").removeClass("selectedYear");
            j$(this).addClass("selectedYear");
            $curYear = year;
        }

        //scroll to lowest month
        var $target = j$("div.Calendar .dates table tr[id$='month1year" + year + "Start']");
        var $i = 2;
        while ($target.length == 0 && $i <= 12) {
            $target = j$("div.Calendar .dates table tr[id$='month" + $i + "year" + year + "Start']");
            $i++;
        }

        if ($target.length > 0)
            j$("div.Calendar .dates").stop().scrollTo($target, 800);

        //scroll to lowest month
        var $month = j$("div.Calendar .months li a[id=month1year" + year + "]");
        var $i = 2;
        while ($month.length == 0 && $i <= 12) {
            $month = j$("div.Calendar .months li a[id=month" + $i + "year" + year + "]");
            $i++;
        }

        if ($month.length > 0)
            j$("div.Calendar .months").stop().scrollTo($month, { duration: 800, axis: "x" });
        $month.addClass("hover");
    });

    j$("div.Calendar .months li a.active").click(function () {

        j$("div.Calendar .months li a.hover").removeClass("hover");
        j$(this).addClass("hover");

        //get the month
        var month = j$(this).attr("id");
        var monthStart = month + "Start";

        //seperate the year from the month
        var year = month.toString().substr(month.length - 4, 4);
        if (year != $curYear) {
            $curYear = year;
            j$("div.Calendar .years li a").removeClass("selectedYear");
            j$("div.Calendar .years li a[id='" + $curYear + "']").addClass("selectedYear");
        }

        //the $= lets jQuery search just the end of the attribute (in this case the id).
        var $target = j$("div.Calendar .dates table tr[id$='" + monthStart + "']");
        if ($target.length > 0)
            j$("div.Calendar .dates").stop().scrollTo($target, { duration: 800, axis: "y" });

        j$("div.Calendar .months").stop().scrollTo(j$(this), { duration: 800, axis: "x" });
    });

    var $curDate = new Date();
    var $curMonth = $curDate.getMonth() + 1;
    $curYear = $curDate.getYear();
    j$("div.Calendar .years li a").first().addClass("selectedYear");
    $curYear = j$("div.Calendar .years li a").first().attr("id");
});