(function($){
	var tabAllCategory = new Array($('ul.tab li').length);
	tabAllCategory = ['fashion','cosmetic','foods','livingkids','other'];
	//
    $.fn.imageTabs = function(options){
    	$('div.tabBtnArea p a').attr('href', "/" + tabAllCategory[0] + "/");
		//
        var conf = $.extend({
            animate: 'show',
            duration: '',
            opentab: ''
        }, options);
        
        var target = this;
        var tabPanel = $('div.tabPanel', target);
        tabPanel.hide();
        var handler = $('ul.tab li a', target);
        
        if(conf.opentab) {
            tabPanel.each(function() {
                if($(this).attr('id') == conf.opentab) {
                    $(this).show();
                }
            });
            handler.each(function() {
                if($(this).attr('href') == '#' + conf.opentab) {
                    var imgSrc = $(this).children('img').attr('src');
                    var imgDot = imgSrc.lastIndexOf('.');
                    var onSrc = imgSrc.substr(0, imgDot) + '_on' + imgSrc.substr(imgDot, 4);
                    $(this).children('img').attr('src',onSrc).addClass('active');
                }
            });
        } else {
            $('div.tabPanel:first', target).show();
            var imgSrc = $('ul.tab li:first a', target).children('img').attr('src');
            var imgDot = imgSrc.lastIndexOf('.');
            var onSrc = imgSrc.substr(0, imgDot) + '_on' + imgSrc.substr(imgDot, 4);
            $('ul.tab li:first a', target).children('img').attr('src',onSrc).addClass('active');
        }
        
		
        handler.click(function() {
            var classJudgment = $(this).children('img').attr('class');
			//
			var tabAllCategory = new Array($('ul.tab li').length);
			tabAllCategory = ['fashion','cosmetic','foods','livingkids','other'];
			var tabHref;
			//
            if(classJudgment !== 'active') {
                var imgSrc = $(this).children('img').attr('src').replace(/_on/g, ""); // _onが複数付かないように
                var imgDot = imgSrc.lastIndexOf('.');
                var onSrc = imgSrc.substr(0, imgDot) + '_on' + imgSrc.substr(imgDot, 4);
                $(this).children('img').attr('src',onSrc);
                var imgOff = $('ul.tab li img.active', target).attr('src').replace(/_on/g, "");
                $('ul.tab li img.active', target).attr('src',imgOff);
                $('ul.tab li img.active', target).removeClass('active');
                $(this).children('img').addClass('active');
                var clickAttr = $(this).attr('href');
				//alert(clickAttr);
                var boxHeight = $('div.tabPanelGroup').height();
                $('div.tabPanelGroup').css('height', boxHeight);
                $('div.tabPanel:visible', target).stop(true, true).hide();
                $('div#' + clickAttr)[conf.animate](conf.duration);
                $('div.tabPanelGroup').css('height', 'auto');
				//
				for(e=1;e<=$('ul.tab li').length;e++) {
					if(clickAttr == "#tab3-"+e){
						$('div.tabBtnArea p a').attr('href', "/" + tabAllCategory[e-1] + "/");
					}
				}
            }
            return false;
        });
        handler.hover(function() {
            var classJudgment = $(this).children('img').attr('class');
            if(classJudgment !== 'active') {
                var imgSrc = $(this).children('img').attr('src');
                var imgDot = imgSrc.lastIndexOf('.');
                var onSrc = imgSrc.substr(0, imgDot) + '_on' + imgSrc.substr(imgDot, 4);
                $(this).children('img').attr('src',onSrc);
            }
        }, function() {
            var classJudgment = $(this).children('img').attr('class');
            if(classJudgment !== 'active') {
                var imgOff = $(this).children('img').attr('src').replace(/_on/g, "");
                $(this).children('img').attr('src',imgOff);
            }
        });
    }
  
})(jQuery);