jQuery.noConflict();
jQuery(document).ready(function($){
    var handler = $('ul.navi li a.tab-link');
    var url = document.URL;
    var urlId = url.substr(url.lastIndexOf('#'));
    var urlIdJudgment = urlId.lastIndexOf('#');
    $('ul#navi').each(function(){
        $('#tab-box > div:first').show();
            //var imgSrc = $('ul#navi li:first img').attr('src');
            //var imgDot = imgSrc.lastIndexOf('.');
            //var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
            //$('ul#navi li:first img').attr('src',onSrc).addClass('tab-on');
            $('ul#navi li:first img').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#navi li img.tab-on').attr('src').replace(/_o/g, "");
        //$('ul#navi li img.tab-on').attr('src',imgOff);
        //$('ul#navi 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;
        }
    })
});