$(document).ready(function () {
    var hash = window.location.hash.substring(1);
    var id = parseInt(hash);
    if (isNaN(id))
        id = 1;

    var blob = $("#blob_" + id);
    var blobselector = $("#blobselector_" + id);
    blob.fadeIn("slow");
    blobselector.addClass("selected");

    $("#blobselector ul li").each(function () {
        $(this).click(function () {
            if ($(this).hasClass("selected"))
                return;

            var selector = $(this);

            $("#blobselector ul li").each(function () {
                $(this).removeClass("selected");
            });

            $("#blobs").children().css("display", "none"); 
            
            $("#blob_" + parseInt(selector.attr("id").substring(selector.attr("id").indexOf("_") + 1))).fadeIn("slow");

            $(this).addClass("selected");
        });
    });
});