$(document).ready(function(){

    $("#tab_navi dt a").click(function() {
        
        // Figure out current list via CSS class
        var curList = $("#tab_navi dt a.current").attr("rel");
        
        // List moving to
        var $newList = $(this);
        // Set outer wrapper height to height of current inner list
        var curListHeight = $("#tab_wrp").height();
        $("#tab_wrp").height(curListHeight);
        // Remove highlighting - Add to just-clicked tab
        $("#tab_navi dt a").removeClass("current");
        $newList.addClass("current");
        // Figure out ID of new list
        var listID = $newList.attr("rel");
        if (listID != curList) {
            // Fade out current list
            $("#"+curList).fadeOut(100, function() {
                // Fade in new list on callback
                $("#"+listID).fadeIn();
                // Adjust outer wrapper to fit new list snuggly
                var newHeight = $("#"+listID).height();
                $("#tab_wrp").animate({
                    height: newHeight
                });
            });   
        }
        // Don't behave like a regular link
        return false;
    });

});