$(document).ready(function() {
    $('.scroll-pane').jScrollPane();
    initYearRollup();
});


/****************************************************
                Group Links By Year
*****************************************************/

jQuery.fn.sort = function() {
    return this.pushStack(jQuery.makeArray([].sort.apply(this, arguments)));
};

function initYearRollup() {
    // Sort by year descending and move into year container
    $("#blogNavContainer a").sort(function(a, b) { return a.rel > b.rel; }).each(function() {
        var $old = $(this);
        var $new = $old.clone();

        var htmlStr = $old.html();
        var linkYear = htmlStr.split(" ")[1];

        var ContainerID = "Year" + linkYear;
        CreateYearContainer(ContainerID, linkYear);

        $("#" + ContainerID + " ul").append($("<li></li>").append($old));
    });

    toggleYearContainers();

    // Remove Extra BRs
    $("#blogNavContainer br").remove();

    // Done. Display Links
    $("#blogNavContainer").show();
}

// Create a year container and add click handlers
function CreateYearContainer(ContainerID, linkYear) {
    if ($("#" + ContainerID).length == 0) {
        $("#blogNavContainer").prepend($("<div id=\"" + ContainerID + "\"></div>")
            .append(
                $("<a href=\"javascript:;\" title=\"Click to toggle " + linkYear + "\">" + linkYear + "</a>").click(function() {
                    $(this).parent().children("ul").toggle()
                    }
                  )
            )
            .append("<ul class=\"YearContainer\"></ul>"));
    }
}

function toggleYearContainers() {
    $(".YearContainer").hide();
    $(".itemSelected").parent().parent().show();    
}