//lowerpage header fixed
$(function() {
    var old = -1;
    var targetClass='body.lower-page';

    var pc = $(window).innerWidth() > 800;
    var sp = $(window).innerWidth() < 801;
    /*
     使用しているCSS用クラス名
     header-top : ヘッダ初期状態用クラス
     header-animation : アニメーションクラス
     header-unanimation : アニメーションキャンセルクラス
     header-fixed : ヘッダ固定用クラス
     header-unfixed : ヘッダ非表示用クラス
     */


    $(window).on('load scroll resize', function(){

        if(pc){
            var topHeight=60;
            var now=$(window).scrollTop();
            //
            if ($(window).scrollTop() > topHeight) {
                //ヘッダ領域より下にいる
                if($(targetClass).hasClass('header-top')){
                    //トップ領域から出たばかり -> アニメーションせずヘッダーを隠す
                    $(targetClass).addClass('header-unanimation header-unfixed');
                    $(targetClass).removeClass('header-top');
                }else{
                    //既にトップ領域から出てる
                    if (now !== old)
                    if (now < old){
                        //スクロールアップした -> アニメーションしてヘッダーを出す
                        $(targetClass).removeClass('header-unanimation header-unfixed');
                        $(targetClass).addClass('header-animation header-fixed');
                    }else{
                        //スクロールダウンした -> アニメーションしてヘッダーを隠す
                        $(targetClass).removeClass('header-unanimation header-fixed');
                        $(targetClass).addClass('header-animation header-unfixed');
                    }
                }
            }else{
                //ヘッダ領域より上にいる
                if($(targetClass).hasClass('header-top')){
                    //既にヘッダ領域にいる -> 初期状態を維持する
                    $(targetClass).removeClass('header-animation header-unfixed');
                }else{
                    //ヘッダ領域以下からヘッダ領域内に入った状態
                    if ($(window).scrollTop() <= 0) {
                        //最上位に到達 -> アニメーション無くヘッダ初期値に戻る
                        $(targetClass).addClass('header-unanimation header-top');
                        $(targetClass).removeClass('header-animation header-fixed header-unfixed');
                    }else{
                        //まだ最上位でない　-> Fixedの状態維持をする
                    }
                }
            }
            old=now;
        }else{
            var topHeight=46;
            var now=$(window).scrollTop();
            //
            if ($(window).scrollTop() > topHeight) {
                //ヘッダ領域より下にいる
                if($(targetClass).hasClass('header-top')){
                    //トップ領域から出たばかり -> アニメーションせずヘッダーを隠す
                    $(targetClass).addClass('header-unanimation header-unfixed');
                    $(targetClass).removeClass('header-top');
                }else{
                    //既にトップ領域から出てる
                    if (now < old){
                        //スクロールアップした -> アニメーションしてヘッダーを出す
                        $(targetClass).removeClass('header-unanimation header-unfixed');
                        $(targetClass).addClass('header-animation header-fixed');
                    }else{
                        //スクロールダウンした -> アニメーションしてヘッダーを隠す
                        $(targetClass).removeClass('header-unanimation header-fixed');
                        $(targetClass).addClass('header-animation header-unfixed');
                    }
                }
            }else{
                //ヘッダ領域より上にいる
                if($(targetClass).hasClass('header-top')){
                    //既にヘッダ領域にいる -> 初期状態を維持する
                    $(targetClass).removeClass('header-animation header-unfixed');
                }else{
                    //ヘッダ領域以下からヘッダ領域内に入った状態
                    if ($(window).scrollTop() <= 0) {
                        //最上位に到達 -> アニメーション無くヘッダ初期値に戻る
                        $(targetClass).addClass('header-unanimation header-top');
                        $(targetClass).removeClass('header-animation header-fixed header-unfixed');
                    }else{
                        //まだ最上位でない　-> Fixedの状態維持をする
                    }
                }
            }
            old=now;
        }



        /* Animation navigation */
        setTimeout(function () {
            $('.navi').each(function () {
                $(this).children('ul').children('li').each(function (i) {
                    $(this).delay(150 * i).animate({'opacity': 1}, 1000);
                });
            });
        }, 1000);
    });


    $('.action-bar-wrap .navi a, .footer-navi a').click(function(){
        var targetClass='body.lower-page';
        setTimeout(function () {
            $(targetClass).removeClass('header-unanimation header-fixed');
            $(targetClass).addClass('header-animation header-unfixed');
        },100);
    });
    $('.banner').addClass('animate');


    $(document).ready(function(){

        /* jQuery for laguage Head */
        var lang = $('.action-bar-wrap .language');
        lang.click(function(){

            if($(window).innerWidth() < 801){
                if($(this).hasClass('show')){
                    $(this).removeClass('show');
                }else{
                    $(this).addClass('show');
                }
            }
        });

        lang.mouseenter(function(){
            if($(window).innerWidth() > 801) {
                $(this).addClass('show');
            }
        });
        lang.mouseleave(function(){
            if($(window).innerWidth() > 801) {
                $(this).removeClass('show');
            }
        });

        $('.language-option a').click(function(){
            $('.selected-language').html($(this).html());
        });


        /* jQuery for Modal SP */
        var btnmodal = $('.navi-sp');
        var modalcontent = $('.modal-content');

        btnmodal.click(function(){
            if($(this).hasClass('close')){
                $(this).removeClass('close');
                modalcontent.removeClass('show').parents('.sp-modal').removeClass('show');
                $('body').css('overflow', 'auto');
            }else{
                $(this).addClass('close');
                modalcontent.addClass('show').parents('.sp-modal').addClass('show');
                $('body').css('overflow', 'hidden');
            }
        });

        $('.modal-overlay').click(function(){
            if(btnmodal.hasClass('close')){
                btnmodal.removeClass('close');
                modalcontent.removeClass('show').parents('.sp-modal').removeClass('show');
                $('body').css('overflow', 'auto');
            }else{
                btnmodal.addClass('close');
                modalcontent.addClass('show').parents('.sp-modal').addClass('show');
                $('body').css('overflow', 'hidden');
            }
        });


        $('.modal-content .head-navi a').click(function(){

            if(btnmodal.hasClass('close')){
                btnmodal.removeClass('close');
                modalcontent.removeClass('show').parents('.sp-modal').removeClass('show');
                $('body').css('overflow', 'auto');
            }else{
                btnmodal.addClass('close');
                modalcontent.addClass('show').parents('.sp-modal').addClass('show');
                $('body').css('overflow', 'hidden');
            }

            var targetClass='body.lower-page';
            setTimeout(function () {
                $(targetClass).removeClass('header-unanimation header-fixed');
                $(targetClass).addClass('header-animation header-unfixed');
            },100);
        });
    });
});