$(function(){		
    $('div#contentsList').tabPanel();
});

(function($){
    $.fn.tabPanel = function(){
        var tabArea = $(this);
        
        tabArea.each(function(){
            var tabPanel = $('ul.tabPanel',this);
            var tab = $('ul.tab li',this);
            
            var tabSet = function(target){
                var targetTabId = $('a',target).attr('hash');
                
                tab.removeClass('active');
                tabPanel.hide();
                $(target).addClass('active');
                $(targetTabId).show();
            }
            
            tab.click(function(){
                tabSet(this);
                return false;
            }).each(function(){
                if($(this).hasClass('active')){
                    tabSet(this);
                }
            });
            
            if(tabPanel.filter(':visible').length!=1){
                tab.eq(0).addClass('active');
                tabPanel.not(':first').hide();
            }
        });
    }
})(jQuery);