$(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);  
    }  
});  
});