$(function() {

    var newHash      = "",
        $mainContent = $("#content");
        

    $("#nav").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });
    
    $(window).bind('hashchange', function(){
    
        newHash = window.location.hash.substring(1);
        
        if (newHash) {

			$("#content").css("overflow","hidden");
			
			$mainContent
                .find("#textarea")
                .fadeOut(500, function() {
                    $mainContent.hide().load(newHash + " #textarea", function() {
                        $mainContent.fadeIn(500);
                        $("#nav a").parent().removeClass("current");
                        $("#nav a[href="+newHash+"]").parent().addClass("current");
                    });
                });
			
			$("#content").css("overflow","auto");
			
        };
        
    });
    
	if (window.location.hash.length == 0) {
		window.location.hash = window.location.pathname.substring(1);
	}
	
    $(window).trigger('hashchange');
	

});