var w = $(window).width();

bodyPadding = function () {
    var footerH = $('footer').outerHeight();
    $("body").css({
        'padding-bottom': footerH
    });
}

$(document).ready(function () {

    //bodyPadding();

    var body = $('body');
    // var menuArea = $('.menuArea');
    var originWindowPageYOffset = 0;
    var checkResize;
    $(window).on('load resize', function () {
        clearTimeout(checkResize);
        checkResize = setTimeout(resizing, 150);
    });

    //risize
    function resizing() {
        var headerH = $('header').innerHeight() - 15;
        $('.langBox').css({
            top: headerH
        });
    }


    $('').on('click', function () {
        // $(this).next('.menu_lower').slideToggle();
        // return false;
    });

});

$(document).ready(function () {
    var checkResize;
    $(window).on('load resize', function () {
        clearTimeout(checkResize);
        checkResize = setTimeout(resizing, 100);
    });

    //risize
    function resizing() {
        var w = $(window).width();

        var pageTitleH = $('.animate').height();
        if (w > 980) {
            
            $('.pageTitleWrap .txtBox').css({
                'height': pageTitleH
            });
        } else {

            $('.pageTitleWrap .txtBox').css({
                'height': 'auto'
            });
        }

        // console.log("hai");
        //bodyPadding();
        //pagetop
        var pagetop = $(".pagetop");
        pagetop.hide();
        $(window).scroll(function () { //スクロールしたら処理を開始する
            var scroll = $(window).scrollTop() + $(window).height(); //ページトップから現在の画面下部までの高さ
            var footer = $("footer .copy").offset().top; //ページトップからfooterまでの高さ
            var absoluteBottom = $("footer .copy").outerHeight(); //footerの高さ(margin、padding、borderの値を含める)
            if ($(window).scrollTop() > 20) { //ページトップからスクロールしたら
                pagetop.css({
                    'bottom': absoluteBottom + 15
                });
                pagetop.fadeIn(); //「ページトップへ戻る」ボタンをフェードインさせる
            } else {
                pagetop.fadeOut(); //ページトップから1画面の高さ以内でスクロールしている場合はフェードアウト
            }
            if (scroll > footer) { //画面下部からfooterが現れたら
                pagetop.removeClass('fixedF');
            } else {
                pagetop.css({
                    'bottom': '20px'
                });
                pagetop.addClass('fixedF');
            }
        });
        pagetop.click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 1000);
            return false;
        });

        //初期化
        if ($('body').hasClass('open')) {
            $('body').removeClass('open').css({
                marginTop: ''
            });
        } else {}
        if (w > 1170) {
            if ($('body').hasClass("headerFixed")) {
                $('header').removeClass('fixed');
                $('body').removeClass("headerFixed");
            }
        } else {
            //header
            $('body').addClass("headerFixed");
            var targetItem = $('header');
            //スクロールが100に達したらボタン表示
            $(window).scroll(function () {
                if ($(this).scrollTop() > 60) {
                    //ボタンの表示方法
                    $(targetItem).fadeIn().addClass('fixed');
                } else {
                    //ボタンの非表示方法
                    $(targetItem).removeClass('fixed');
                }
            });
        }

        function pagelink(heightnum) {
            var headerHight = heightnum;
            $('a[href^="#"]:not(a.notscroll)').not(".tabs a,a.md-btn,a.close").click(function () {
                var href = $(this).attr("href");
                var target = $(href == "#" || href == "" ? "body" : href);
                var position = target.offset().top - headerHight;
                $("html, body").animate({
                    scrollTop: position
                }, 500, "swing");
                //return false;
            });
        }
        if (w > 768) {
            pagelink(60);
        } else {
            pagelink(60);
        }
    }
});

// $(window).bind("load", function () {
//     if (document.URL.match(/en/)) {
//         // URLにhogeまたはmogeが含まれる時に実行する処理を記述する
//         $('.lang-item-en a').addClass('active');
//     } else {
//         $('.lang-item-ja a').addClass('active');
//     }
// });
//久保一旦非表示
$('.effectElm').on('inview', function (event) {
    // if (isInView) {
    $(this).addClass('fadeIn');
    // } else {
    //     $(this).removeClass('fadeIn'); //elseをいれなければ、一度きりのアニメーションになる
    // }
});

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

    $('.lang').on('click', function () {
        $(this).toggleClass('active');
        $('.langBox').slideToggle().removeClass('open');
        // if ($(this).hasClass('active')) {
        // } else {
        //     $(this).addClass('active');
        //     $('.langBox').slideDown.addClass('open');
        // }
        return false;
    });

    $('.ancNav ul li a').on('click', function () {

        var ancNavChild = $(this).next('.ancNav_child');
        if ($(this).hasClass('active')) {
            $(this).removeClass('active');
            $(ancNavChild).slideUp().removeClass('open');
        } else if (!$(this).hasClass('active')) {
            $('.ancNav').find(".active").removeClass().next('.ancNav_child').slideUp();
            $(this).addClass('active');
            $(ancNavChild).slideDown().addClass('open');
        } else {
            $(this).addClass('active');
            $(ancNavChild).slideDown().addClass('open');
        }
//        return false; （falseにするとヘッダーのhrefのリンクが効かない）
    });

    //menu
    $('.menu-trigger').on('click', function () {

        if ($(this).hasClass('-active')) {
            $(this).removeClass('-active');
            $('.subNav').removeClass('open');
            $('.overlay').removeClass('open');
        } else {
            $(this).addClass('-active');
            $('.subNav').addClass('open');
            $('.overlay').addClass('open');
        }
    });
    $('.overlay').on('click', function () {
        if ($(this).hasClass('open')) {
            $(this).removeClass('open');
            // $('.menu-trigger').removeClass('active');
            $('.subNav').removeClass('open');
        }
    });
    //スライダー1
    $('.itemSlide .itemListArea01').slick({
        autoplay: true,
        autoplaySpeed: 2500,
        speed: 800,
        dots: false,
        arrows: true,
        slidesToShow: 3,
        slidesToScroll: 1,
        responsive: [{
            breakpoint: 768, //767px以下のサイズに適用
            settings: {
                slidesToShow: 1
            }
        }]
    });


    $(".introBox .textBlock .lead p").each(function () {
        //75文字以上になったら
        if ($(this).text().length > 75) {
            //74文字まで表示する、という設定
            $(this).text($(this).text().substr(0, 74));
            //74文字以降に表示する代替テキスト。「...」とかが一般的？
            $(this).append('…');
        }
    });

    //forms
    // $(function(){
    // var hideElem = $(".hideElem");
    // $(hideElem).hide();
    // $(".addElemCheck").on('click',function(){
    // if ($(this).prop('checked')) {
    // $(this).parents('.checkbox01').next(hideElem).slideToggle();
    // } else {
    // $(this).parents('.checkbox01').next(hideElem).slideToggle();
    // }
    // });
    // });

    //アコーディオン
    $(function () {
        var result = $('main').find('.accordionBlock01');
        if (result.length) {
            //console.log('存在します');
            $(result).find(".accoTitle").prepend('<p class="accordion_icon"><span></span><span></span></p>');
            result.each(function (index, value) {
                if ($(this).hasClass("open")) {
                    //console.log('open');
                    $(this).find(".accoTitle").addClass("active");
                    $(this).find(".accoCont").show();
                } else {
                    //console.log('open');
                    $(this).find(".accoCont").hide();
                }
            })
        }
        $(".accordionBlock01 .accoTitle").click(function () {
            $(this).next(".accoCont").slideToggle();
            $(this).parent(".accordionBlock01").toggleClass("open");
            $(this).toggleClass("active");
        });
    });
    $(function () {
        // タブ1
        var $tabButtonItem = $('.tabButton li'),
            $tabSelect = $('.tabSelect'),
            $tabContents = $('.tabContents'),
            activeClass = '-active';
        $tabButtonItem.first().addClass(activeClass);
        $tabContents.not(':first').hide();
        // button
        $tabButtonItem.find('a').on('click', function (e) {
            var target = $(this).attr('href');
            $tabButtonItem.removeClass(activeClass);
            $(this).parent().addClass(activeClass);
            $tabSelect.val(target);
            $tabContents.fadeOut();
            $(target).fadeIn();
            e.preventDefault();
        });
        // select
        $tabSelect.on('change', function () {
            var target = $(this).val(),
                targetSelectNum = $(this).prop('selectedIndex');
            $tabButtonItem.removeClass(activeClass);
            $tabButtonItem.eq(targetSelectNum).addClass(activeClass);
            $tabContents.hide();
            $(target).show();
        });
    });

    // deSVG('.svgImg', true);

});


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

    lightbox.option({
        'fitImagesInViewport': true,
        'alwaysShowNavOnTouchDevices': false,
        'disableScrolling': false,
        'albumLabel': false,
        'showImageNumberLabel': false,
        'wrapAround': false
    })


    $('.picSlide').slick({
        accessibility: false,
        arrows: true,
        appendArrows: $(".slide-arrow"),
        prevArrow: '<button class="slick-prev slick-arrow" aria-label="Previous" type="button"></button>',
        nextArrow: '<button class="slick-next slick-arrow" aria-label="Next" type="button"></button>',
        dots: true,
        customPaging: function (slick, index) {
            // スライダーのインデックス番号に対応した画像のsrcを取得
            var targetImage = slick.$slides.eq(index).find('img').attr('src');
            // slick-dots > li　の中に上記で取得した画像を設定
            return '<img src=" ' + targetImage + ' "/>';
        },
        responsive: [{
            breakpoint: 890,
            settings: {
                customPaging: function (slick, index) {
                    var targetImage = slick.$slides.eq(index).find('img').attr('src');
                    return '<button type="button" role="tab" id="' + targetImage + '" aria-controls="' + targetImage + '" aria-selected="true">' + targetImage + '</button>';
                }
            }
        }]
    });

    $('.picSlide_carousel').slick({
        autoplay: true, //自動再生
        infinite: true, //スライドのループ有効化
        dots: false, //ドットのナビゲーションを表示
        slidesToShow: 5, //表示するスライドの数
        slidesToScroll: 1, //スクロールで切り替わるスライドの数
        centerMode: true,
        centerPadding: '10%',
        responsive: [{
            breakpoint: 768, //ブレークポイントが768px
            settings: {
                slidesToShow: 3, //表示するスライドの数
                slidesToScroll: 1, //スクロールで切り替わるスライドの数
            }
        }, {
            breakpoint: 480, //ブレークポイントが480px
            settings: {
                slidesToShow: 2, //表示するスライドの数
                slidesToScroll: 1, //スクロールで切り替わるスライドの数
            }
        }]
    });

    $('.picSlide_simple').slick({
        arrows: false,
        autoplay: false, //自動再生
        infinite: true, //スライドのループ有効化
        dots: true //ドットのナビゲーションを表示

    });
    $('.slick-cloned a').removeAttr('data-lightbox');

/**190515コメントアウト**/
//     document.getElementById('galleryBox').onclick = function (event) {
//         event = event || window.event;
//         var target = event.target || event.srcElement,
//             link = target.src ? target.parentNode : target,
//             options = {
//                 index: link,
//                 event: event
//             },
//             galleryBox = this.getElementsByTagName('a');
//         blueimp.Gallery(galleryBox, options);
//     };


    $(".grid:not(.not) .elem").matchHeight();
    $("aside .categoryListArea li").matchHeight();

//  ヘッダーメニュー固定 20190828
var _window = $(window),
    _header = $('.fixedNavi'),
    heroBottom;

_window.on('scroll',function(){
    heroBottom = $('header').height();
    if(_window.scrollTop() > heroBottom){
        _header.addClass('is-fixed');
    }
    else{
        _header.removeClass('is-fixed');
    }
});

_window.trigger('scroll');
});