/*------------------------------------------------
    初期化処理
--------------------------------------------------*/
$(document).ready(function(){
    
    /**
     * 画像(imgタグ)を用いたhover対策
     * 
     * <pre>
     *  画像ロールオーバー用スクリプト
     *  ロールオーバー適応する際には非hover時の画像には"******_off.gif"
     *  hover時の画像には"******_on.gif"という命名規則でファイル名を設定
     * </pre>
     */
    $( 'img.img_hover').hover(
        function(){
            var afterSrc    = '';
            var beforeSrc   = $( this).attr( 'src');
            
            afterSrc = beforeSrc.replace( '_off', '_on');
            $( this).attr( 'src', afterSrc);
            
        },
        function(){
            var afterSrc    = '';
            var beforeSrc   = $( this).attr( 'src');
            
            afterSrc = beforeSrc.replace( '_on', '_off');
            $( this).attr( 'src', afterSrc);
        }
    );
    
    
    /**
     * グローバルメニューのhoverすると表示する子メニュー
     */
    $( '.openmenu').hover(
        function(){
            $( this).children( '.child').css( 'visibility', 'visible');
        },
        function(){
            $( this).children( '.child').css( 'visibility', 'hidden');
        }
    );
    
    
    
    
});