﻿(function($){
    $.fn.tabPanel = function(options){
        var tabArea = $(this);
        var conf = $.extend({
            show: 'show',
            duration: null
        },options || {});
        
        tabArea.each(function(){
            var tabPanel = $('div.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)[conf.show](conf.duration); // 書き換えた
            }
            
            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);

jQuery(function($){
    $('div#tabArea1').tabPanel({
        show: 'fadeIn',
        duration: 300
    });


/*	$('div#tabArea1').tabPanel();
    $('div#tabArea2').tabPanel({
        show: 'fadeIn',
        duration: 300
    });
    $('div#tabArea3').tabPanel({
        show: 'slideDown',
        duration: 200
    });*/
});
