$(document.documentElement).addClass('no-js');


$(function(){
    $(document.documentElement).removeClass('no-js');
    
    var navId = 'project_service_index';
    var externalIcon = '/shared/img/icon_externallink2.gif';
    var $index = $('#'+navId);

    $index.find('ul ul').each(function(){
        var $ul = $(this);
        var $li = $ul.children();
        var max = 70;
        $li.each(function(){
            max = Math.max(max, $(this).height());
        });
        $li.height(max);
    });

    $('a[href=#'+navId+']').each(function(){
        var $a = $(this);
        var $img = $a.find('img');
        var offSrc = $img.attr('src');
        var onSrc = offSrc.replace(/\.(png|gif|jpg)$/, '_cr.$1');
        var toggleFlg = !$index.is('.default_close');
        
        if (toggleFlg) {
            $img.attr('src', onSrc);
        } else {
            $index.hide();
        }
        $a.click(function(e){
            e.preventDefault();
            if (toggleFlg){
                $img.attr('src', offSrc);
            } else {
                $img.attr('src', onSrc);
            }
            toggleFlg = !toggleFlg;
            $index.slideToggle();
        });
    });

    $index.find('a[href^=http://]').not('a[href^="http://www.unijapan.org/"]').each(function(){
        var a = $(this);
        a.append(' <img src="'+externalIcon+'" class="externalIcon" />');
    });
    $index.find('a img').hover(function(){
        $(this).stop().css({
            opacity: 0.7
        });
    }, function(){
        $(this).animate({
            opacity: 1
        }, 500);
    });

});