$(document).ready(function () {
    // Wrap every letter in a span
    /*
    var textWrapper = document.querySelector('h1');
    textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");

    anime.timeline({loop: true})
        .add({
            targets: 'h1 .letter',
            opacity: [0,1],
            easing: "easeInOutQuad",
            duration: 1250,
            delay: (el, i) => 80 * (i+1)
        }).add({
        targets: 'h1',
        opacity: 0,
        duration: 1000,
        easing: "easeOutExpo",
        delay: 1000
    });
    */

    function isMobile() {
        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
    }

    var swiper = new Swiper('div.gallery', {
        navigation: {
            nextEl: 'div.gallery-wrap .swiper-button-next',
            prevEl: 'div.gallery-wrap .swiper-button-prev',
        },
        slidesPerView: 1,
        autoplay: false,
        loop: true,
        breakpoints: {
            1023: { //모바일 사이즈
                slidesPerView: 1,
                spaceBetween: 1,
            },
        }
    });

    function toggleQuickMenu(quick_menu, useBg) {
        if(useBg) {
            ctlWrap(quick_menu);
        }

        if($(quick_menu).hasClass("on")){
            $(quick_menu).animate({"right":"0"}, 400);
        }else{
            $(quick_menu).animate({"right":"-100rem"}, 400);
        }

        function ctlWrap(quick_menu) {
            if($(quick_menu).hasClass("on")){
                if(!$('div.popup-wrap').length){
                    $('body').append('<div class="popup-wrap"></div>');
                }

                $('div.popup-wrap').css('z-index', parseInt($(quick_menu).css('z-index'), 10) - 1);
                $('div.popup-wrap').click(function () {
                    $("nav.quick_menu a.btn-close").trigger('click');
                });
            }else{
                $('div.popup-wrap').remove();
            }
        }
    }

    $("a.btn-mobile-top-menu").click(function () {
        $("header nav.menu").toggleClass("on");
        $(this).toggleClass("on");
        toggleQuickMenu("header nav.menu", false);
    });

    $("ul.menu li a, a.lnk-consult").click(function (e) {
        e.preventDefault();

        var sections = {
                'part1': 'part1',
                'part3': 'part3',
                'part4': 'part4',
                'part5': 'part5',
            },
            menu = $(this).attr('href').replace(/#/g,''),
            headerHeight = $('header').height(),
            top = $("section." + sections[menu]).offset().top - headerHeight;

        if(isMobile()){
            if($(this).hasClass('lnk-consult')){

            }else {
                $("a.btn-mobile-top-menu")[0].click();
            }
        }

        $("html,body").animate({scrollTop: top}, 600, "easeInOutExpo");
    });

});