(function($){
    $.fn.extend({
        simpletab: function(options){
			
			//set Default Config of nav tag
			var defaults = {
				tab_nav: '.tag_nav',
				tab_content: '.tab_content',
				active_css: 'active'
			};
			
			//Extend config
			options = $.extend(defaults, options);			
			
            return this.each(function(){
                var obj = $(this);
                var listnav = obj.find(options.tab_nav + ' ul:first > li');
                var listtagcontent = obj.find(options.tab_content);
                listnav.removeClass(options.active_css);
                listnav.first().addClass(options.active_css);
                
                //Hide all content
                listtagcontent.hide();
                listtagcontent.first().show();
                                
                //Click nav tab
                listnav.click(function(){
                    var currenttab_index = listnav.index(this);
                    listnav.each(function(idx){
                        if (idx !== currenttab_index) {
                            $(this).removeClass(options.active_css);
                        }
                    });
                    $(this).addClass(options.active_css);
                    
                    listtagcontent.each(function(idx, element){
                        if (idx !== currenttab_index) {
                            $(this).hide();
                        }
                        else {
                            $(this).show();
                        }
                    });
                });
            });
        }
    });
})(jQuery);

