var gnavi_2nd = {
    0: "<li><a href=http://www.splume.com/service/jp/about/splume.html><img src=/service/jp/common/img/submenu-about1-off.gif width=114 height=30 class=switch alt='スプリュームのセカイ' /></a></li>"
     + "<li><a href=http://www.splume.com/service/jp/about/hub.html><img src=/service/jp/common/img/submenu-about2-off.gif  width=149 height=30 class=switch alt='次世代アバター&lt;HUB&gt;紹介' /></a></li>"
	 + "<li><a href=http://www.splume.com/service/jp/about/function.html><img src=/service/jp/common/img/submenu-about3-off.gif alt='スプリュームの機能' width=113 height=30 class=switch /></a></li>"
	 + "<li><a href=http://www.splume.com/service/jp/about/require.html><img src=/service/jp/common/img/submenu-about4-off.gif alt='推奨環境について' width=96 height=30 class=switch /></a></li>"
     ,
    1: "<li><a href=http://www.splume.com/service/jp/guide/worldguide.html><img src=/service/jp/common/img/submenu-guide1-off.gif alt='スプリュームワールドガイド' width=146 height=30 class=switch /></a></li>"
     + "<li><a href=http://www.splume.com/service/jp/guide/mainwindow.html><img src=/service/jp/common/img/submenu-guide2-off.gif alt='メインウインドウの見方' width=125 height=30 class=switch /></a></li>"
     + "<li><a href=http://www.splume.com/service/jp/guide/otherwindow.html><img src=/service/jp/common/img/submenu-guide3-off.gif alt='主なウインドウの見方' width=119 height=30 class=switch /></a></li>"
	 + "<li><a href=http://www.splume.com/service/jp/guide/tutorial.html><img src=/service/jp/common/img/submenu-guide4-off.gif alt='チュートリアル' width=82 height=30 class=switch /></a></li>"
     ,
    2: "<li><a href=http://www.splume.com/service/jp/support/faq.html><img src=/service/jp/common/img/submenu-support1-off.gif alt='よくあるご質問' width=87 height=30 class=switch /></a></li>"
     + "<li><a href=http://www.splume.com/service/jp/support/troubleshoot.html><img src=/service/jp/common/img/submenu-support2-off.gif alt='トラブルシューティング' width=125 height=30 class=switch /></a></li>"
	 + "<li><a href=http://www.splume.com/service/jp/support/words.html><img src=/service/jp/common/img/submenu-support3-off.gif alt='用語集' width=53 height=30 class=switch /></a></li>"
	 + "<li><a href=http://www.splume.com/service/jp/support/collaboration.html><img src=/service/jp/common/img/submenu-support4-off.gif alt='コラボ協賛企業' width=86 height=30 class=switch /></a></li>"
};

$(function(){
    
    // global-navigation
    $.each( $('#global-navigation li'), function(i, v){
        var label_img = $('img', v).filter( 
            function(){ return $(this).attr('src').match(/-off\./) }
        );
        if (!gnavi_2nd[i]) {
            label_img.addClass('switch');
            return;
        }
        
        var id = 'global-navigation-' + i;
        var src = label_img.attr('src');
        $(v).append("<ul id=" + id + ">" + gnavi_2nd[i] + "</ul>");
        $(v).hover(
            function(){
                if (src) label_img.attr('src', src.replace(/-off\./, '-on.') );
                $('#' + id + ':hidden' ).slideDown(100);
            },
            function(){ 
                if (src) label_img.attr('src', src);
                $('#' + id + ':visible').slideUp(100);
            }
        );
    });
    
    // bind swiches event
    $('img.switch').hover(
        function(){
            $(this).attr('src', function(){ return this.src.replace(/-off\./, '-on.') });
        },
        function(){
            $(this).attr('src', function(){ return this.src.replace(/-on\./, '-off.') });
        }
    );
    
    // ref-link
    $.each( $('a.ref-link, area.ref-link'), function(i, v){
        var id = $(v).attr('href').match(/#.*/);
        $(v).attr('href', '#').hover(
            function(ev){
                $('img', this).attr('alt', '');
                $(id + ':hidden').css({
                    top:  (ev.pageY + 30) + "px",
                    left: (ev.pageX + ( ev.pageX < 700 ? 10 : -200 ) ) + "px"
                }).show();
            },
            function(){
                $('img', this).attr('alt', '');
                $(id + ':visible').fadeOut('fast');
            }
        );
    });
    
    // ref-link
    $.each( $('#nonclinic-a-1-1'), function(i, v){
        var id = $(v).attr('href').match(/#.*/);
        $(v).attr('href', '#').hover(
            function(ev){
                $('img', this).attr('alt', '');
                $(id + ':hidden').css({
                    top:  (ev.pageY + -150) + "px",
                    left: (ev.pageX + ( ev.pageX < 700 ? 10 : -200 ) ) + "px"
                }).show();
            },
            function(){
                $('img', this).attr('alt', '');
                $(id + ':visible').fadeOut('fast');
            }
        );
    });
    
}); // end of $(function(){