$(function(){
    var handler = $('ul#tab_set li a');
    var url = document.URL;
    var urlId = url.substr(url.lastIndexOf('#'));
    var urlIdJudgment = urlId.lastIndexOf('#');
    $('ul#tab_set').each(function(){
        $('#tab_cont > div:first').show();
            var imgSrc = $('ul#tab_set li:first img').attr('src');
            var imgDot = imgSrc.lastIndexOf('.');
            var onSrc = imgSrc.substr(0, imgDot) + '_1' + imgSrc.substr(imgDot, 4);
            $('ul#tab_set li:first img').attr('src',onSrc).addClass('tab-on');
    });
    // クリック時の動作
    handler.click(function() {
        // クリックしたタブ画像をオンの状態に
        var imgSrc = $(this).children('img').attr('src').replace(/_1/g, "");
        var imgDot = imgSrc.lastIndexOf('.');
        var onSrc = imgSrc.substr(0, imgDot) + '_1' + imgSrc.substr(imgDot, 4);
        $(this).children('img').attr('src',onSrc);
        // タブ画像の切り替え
        var imgOff = $('ul#tab_set li img.tab-on').attr('src').replace(/_1/g, "");
        $('ul#tab_set li img.tab-on').attr('src',imgOff);
        $('ul#tab_set li img').removeClass('tab-on');
        $(this).children('img').addClass('tab-on');
        // コンテンツの切り替え
        var clickAttr = $(this).attr('href');
        var showAttr = '#' + $('#tab_cont > div:visible').attr('id');
        if(clickAttr !== showAttr) {
            $('#tab_cont > div:visible').hide();
            var showDiv = '#tab_cont div' + clickAttr;
            $(showDiv).show();
            return false;
        }
        else {
            // 何度もクリックした場合もタブ画像をオンの状態に
            var imgSrc = $(this).children('img').attr('src').replace(/_1/g, "");
            var imgDot = imgSrc.lastIndexOf('.');
            var onSrc = imgSrc.substr(0, imgDot) + '_1' + imgSrc.substr(imgDot, 4);
            $(this).children('img').attr('src',onSrc);
            return false;
        }
    });
});