// ページトップ

$(function() {
    var pagetop = $('#pageTop');
    // ボタン非表示
    pagetop.hide();
    // 100px スクロールしたらボタン表示
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) {
            pagetop.fadeIn();
        } else {
            pagetop.fadeOut();
        }
    });
    //pagetop.click(function() {
    //    $('body, html').animate({
    //        scrollTop: 0
    //    }, 500);
    //    return false;
    //});
});

// メニューボタン
$(function() {
    $(".nav-button").on("click", function() {
        if ($(this).hasClass("active")) {
            $(this).removeClass("active");
            $(".nav-wrap")
                .addClass("close")
                .removeClass("open");
        } else {
            $(this).addClass("active");
            $(".nav-wrap")
                .addClass("open")
                .removeClass("close");
        }
    });
});


const navWrap = document.getElementById("navWrap");
const navBtn = document.getElementById("navBtn");


function closeMenu() {
    navWrap.classList.remove("open");
    navBtn.classList.remove("active");
}

// スクロールすると、コンテンツが表示される（元にtransormプロパティがあると使えない）
var scrollAnimationClass = 'sa';
var scrollAnimationShowClass = 'show';
var triggerMarginDefault = 200;

if (window.innerWidth < 1000) {
    triggerMarginDefault = 100;
}

var scrollAnimationElm = document.querySelectorAll('.' + scrollAnimationClass);
var scrollAnimationFunc = function() {
    var dataMargin = scrollAnimationClass + '_margin';
    var dataTrigger = scrollAnimationClass + '_trigger';
    var dataDelay = scrollAnimationClass + '_delay';
    for (var i = 0; i < scrollAnimationElm.length; i++) {
        var triggerMargin = triggerMarginDefault;
        var elm = scrollAnimationElm[i];
        var showPos = 0;
        if (elm.dataset[dataMargin] != null) {
            triggerMargin = parseInt(elm.dataset[dataMargin]);
        }
        if (elm.dataset[dataTrigger]) {
            showPos = document.querySelector(elm.dataset[dataTrigger]).getBoundingClientRect().top + triggerMargin;
        } else {
            showPos = elm.getBoundingClientRect().top + triggerMargin;
        }
        if (window.innerHeight > showPos) {
            var delay = (elm.dataset[dataDelay]) ? elm.dataset[dataDelay] : 0;
            setTimeout(function(index) {
                scrollAnimationElm[index].classList.add('show');
            }.bind(null, i), delay);
        }
    }
}
window.addEventListener('load', scrollAnimationFunc);
window.addEventListener('scroll', scrollAnimationFunc);

//スクロール処理
$(function() {
    $('a[href^="#"]').click(function() {
        var adjust = 80;
        var speed = 400;
        var href = $(this).attr("href");
        var target = $(href == "#" || href == "" ? 'html' : href);
        var position = target.offset().top - adjust;
        $('body,html').animate({ scrollTop: position }, speed, 'swing');
        return false;
    });
});