//=============================================================================
// エフェクト
//=============================================================================

// ロード後に実行される初期化処理
$(function(){
    // アイキャッチのランダム表示
    var eyecatchTbl = [ // アイキャッチ画像ファイル名定義
        // [0]  => *e：通常 ：アイキャッチ
        // [1]  => *md ：通常 ：メニューバー (プライスリスト)
        // [2]  => *mx ：Hover：メニューバー (プライスリスト)
        // [3]  => *ld0：通常 ：メニューイメージL：アロマセラピー
        // [4]  => *ld1：通常 ：メニューイメージL：タラソテラピー＆デトックス
        // [5]  => *ld2：通常 ：メニューイメージL：アンチエイジング
        // [6]  => *ld3：通常 ：メニューイメージL：スパ＆ラグジュアリー
        // [7]  => *lx0：Hover：メニューイメージL：アロマセラピー
        // [8]  => *lx1：Hover：メニューイメージL：タラソテラピー＆デトックス
        // [9]  => *lx2：Hover：メニューイメージL：アンチエイジング
        // [10] => *lx3：Hover：メニューイメージL：スパ＆ラグジュアリー
        // [11] => *sd0：通常 ：メニューイメージS：コンタクト
        // [12] => *sd1：通常 ：メニューイメージS：メンバーベネフィット
        // [13] => *sd2：通常 ：メニューイメージS：ウェディング
        // [14] => *sd3：通常 ：メニューイメージS：スペシャルデイ
        // [15] => *sx0：Hover：メニューイメージS：コンタクト
        // [16] => *sx1：Hover：メニューイメージS：メンバーベネフィット
        // [17] => *sx2：Hover：メニューイメージS：ウェディング
        // [18] => *sx3：Hover：メニューイメージS：スペシャルデイ
        [
            'ae.jpg',   'amd.jpg',  'amx.jpg',
            'ald0.jpg', 'ald1.jpg', 'ald2.jpg', 'ald3.jpg',
            'alx0.jpg', 'alx1.jpg', 'alx2.jpg', 'alx3.jpg',
            'asd0.jpg', 'asd1.jpg', 'asd2.jpg', 'asd3.jpg',
            'asx0.jpg', 'asx1.jpg', 'asx2.jpg', 'asx3.jpg',
        ],
        [
            'be.jpg',   'bmd.jpg',  'bmx.jpg',
            'bld0.jpg', 'bld1.jpg', 'bld2.jpg', 'bld3.jpg',
            'blx0.jpg', 'blx1.jpg', 'blx2.jpg', 'blx3.jpg',
            'bsd0.jpg', 'bsd1.jpg', 'bsd2.jpg', 'bsd3.jpg',
            'bsx0.jpg', 'bsx1.jpg', 'bsx2.jpg', 'bsx3.jpg',
        ],
    ];
    var setCnt = 0;
    $.each(eyecatchTbl, function(){
        if ($.isArray(this)) {
            setCnt++;
        }
    });
    var eyecatchDef = eyecatchTbl[Math.floor(Math.random() * setCnt)];
    // アイキャッチ
    $('#eyecatch').attr('src', eyecatchDef[0]);
    // 通常 :メニューバー (プライスリスト)
    $('#pricelist_img').attr('src', eyecatchDef[1]);
    $('#pricelist_hlt').attr('src', eyecatchDef[2]);
    // 通常 :メニューイメージL
    $('#menuimgL0').attr('src', eyecatchDef[3]);
    $('#menuimgL1').attr('src', eyecatchDef[4]);
    $('#menuimgL2').attr('src', eyecatchDef[5]);
    $('#menuimgL3').attr('src', eyecatchDef[6]);
    // Hover：メニューイメージL
    $('#menuhltL0').hide().attr('src', eyecatchDef[7]);
    $('#menuhltL1').hide().attr('src', eyecatchDef[8]);
    $('#menuhltL2').hide().attr('src', eyecatchDef[9]);
    $('#menuhltL3').hide().attr('src', eyecatchDef[10]);
    // 通常 :メニューイメージS
    $('#menuimgS0').attr('src', eyecatchDef[11]);
    $('#menuimgS1').attr('src', eyecatchDef[12]);
    $('#menuimgS2').attr('src', eyecatchDef[13]);
    $('#menuimgS3').attr('src', eyecatchDef[14]);
    // Hover：メニューイメージS
    $('#menuhltS0').hide().attr('src', eyecatchDef[15]);
    $('#menuhltS1').hide().attr('src', eyecatchDef[16]);
    $('#menuhltS2').hide().attr('src', eyecatchDef[17]);
    $('#menuhltS3').hide().attr('src', eyecatchDef[18]);
    // 順次フェードイン表示：メニューイメージL
    $('#menuimgL0').fadeTo(500, 0.01, function(){
        var fadeSpeed = 750;
        $('#menuimgL0').fadeTo(fadeSpeed, 1, function(){
            $('#menuimgL1').fadeIn(fadeSpeed, function(){
                $('#menuimgL2').fadeIn(fadeSpeed, function(){
                    $('#menuimgL3').fadeIn(fadeSpeed);
                });
            });
        });
    });
    // マウスホバー処理：メニューボタン
    var btnFade = 250;
    $('#btnbox0,#btnbox1,#btnbox2,#btnbox3').css({position:"relative"});
    $('#btnhlt0,#btnhlt1,#btnhlt2,#btnhlt3').css({position:"absolute", left:0, right:0});
    $('#btnbox0').hover(
        function(){ $('#btnhlt0').stop().css({opacity:0.5}).fadeTo(btnFade, 1); },
        function(){ $('#btnhlt0').stop().fadeTo(btnFade, 0); }
    );
    $('#btnbox1').hover(
        function(){ $('#btnhlt1').stop().css({opacity:0.5}).fadeTo(btnFade, 1); },
        function(){ $('#btnhlt1').stop().fadeTo(btnFade, 0); }
    );
    $('#btnbox2').hover(
        function(){ $('#btnhlt2').stop().css({opacity:0.5}).fadeTo(btnFade, 1); },
        function(){ $('#btnhlt2').stop().fadeTo(btnFade, 0); }
    );
    $('#btnbox3').hover(
        function(){ $('#btnhlt3').stop().css({opacity:0.5}).fadeTo(btnFade, 1);},
        function(){ $('#btnhlt3').stop().fadeTo(btnFade, 0); }
    );
    // マウスホバー処理：メニューバー (プライスリスト)
    $('#pricelist_box').css({position:"relative"});
    $('#pricelist_hlt').css({position:"absolute", left:0, right:0});
    $('#pricelist_box').hover(
        function(){
            $('#pricelist_hlt').stop().css({opacity:0.5}).fadeTo(btnFade, 1);
            $('#menuhltL0').stop().css({opacity:0.5}).fadeTo(imgFade, 1);
            $('#menuhltL1').stop().css({opacity:0.5}).fadeTo(imgFade, 1);
            $('#menuhltL2').stop().css({opacity:0.5}).fadeTo(imgFade, 1);
            $('#menuhltL3').stop().css({opacity:0.5}).fadeTo(imgFade, 1);
        },
        function(){
            $('#pricelist_hlt').stop().fadeTo(btnFade, 0);
            $('#menuhltL0').stop().fadeTo(imgFade, 0);
            $('#menuhltL1').stop().fadeTo(imgFade, 0);
            $('#menuhltL2').stop().fadeTo(imgFade, 0);
            $('#menuhltL3').stop().fadeTo(imgFade, 0);
        }
    );
    // マウスホバー処理：メニューイメージL
    var imgFade = 250;
    $('#menuboxL0,#menuboxL1,#menuboxL2,#menuboxL3').css({position:"relative"});
    $('#menuhltL0,#menuhltL1,#menuhltL2,#menuhltL3').css({position:"absolute", left:0, right:0});
    $('#menuboxL0').hover(
        function(){ $('#menuhltL0').stop().css({opacity:0.5}).fadeTo(imgFade, 1); },
        function(){ $('#menuhltL0').stop().fadeTo(imgFade, 0); }
    );
    $('#menuboxL1').hover(
        function(){ $('#menuhltL1').stop().css({opacity:0.5}).fadeTo(imgFade, 1); },
        function(){ $('#menuhltL1').stop().fadeTo(imgFade, 0); }
    );
    $('#menuboxL2').hover(
        function(){ $('#menuhltL2').stop().css({opacity:0.5}).fadeTo(imgFade, 1); },
        function(){ $('#menuhltL2').stop().fadeTo(imgFade, 0); }
    );
    $('#menuboxL3').hover(
        function(){ $('#menuhltL3').stop().css({opacity:0.5}).fadeTo(imgFade, 1); },
        function(){ $('#menuhltL3').stop().fadeTo(imgFade, 0); }
    );
    // マウスホバー処理：メニューイメージS
    var imgFade = 250;
    $('#menuboxS0,#menuboxS1,#menuboxS2,#menuboxS3').css({position:"relative"});
    $('#menuhltS0,#menuhltS1,#menuhltS2,#menuhltS3').css({position:"absolute", left:0, right:0});
    $('#menuboxS0').hover(
        function(){ $('#menuhltS0').stop().css({opacity:0.5}).fadeTo(imgFade, 1); },
        function(){ $('#menuhltS0').stop().fadeTo(imgFade, 0); }
    );
    $('#menuboxS1').hover(
        function(){ $('#menuhltS1').stop().css({opacity:0.5}).fadeTo(imgFade, 1); },
        function(){ $('#menuhltS1').stop().fadeTo(imgFade, 0); }
    );
    $('#menuboxS2').hover(
        function(){ $('#menuhltS2').stop().css({opacity:0.5}).fadeTo(imgFade, 1); },
        function(){ $('#menuhltS2').stop().fadeTo(imgFade, 0); }
    );
    $('#menuboxS3').hover(
        function(){ $('#menuhltS3').stop().css({opacity:0.5}).fadeTo(imgFade, 1); },
        function(){ $('#menuhltS3').stop().fadeTo(imgFade, 0); }
    );
});