// JavaScript Document

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