$(function(){
    let sr = ScrollReveal();
    let reveal_default = {
        duration: 400,
        easing: "linear",
        mobile: true,
        opacity: 0,
        // reset: true,
        delay: 100,
    }
    sr.reveal(".reveal-rotate",{
        ...reveal_default,
        rotate: { x: -90, y: 0, z: 0 }
    })
    sr.reveal(".enter-left",{
        ...reveal_default,
        distance: "20%",
        origin: "left"
    })
    sr.reveal(".enter-right",{
        ...reveal_default,
        distance: "20%",
        origin: "right"
    })
    sr.reveal(".enter-bottom",{
        ...reveal_default,
        distance: "20%",
        origin: "bottom"
    })
    sr.reveal(".scale-01",{
        ...reveal_default,
        delay: 500,
        scale: 0.8,
    })
    sr.reveal(".scale-02",{
        ...reveal_default,
        delay: 700,
        scale: 0.8,
    })
    sr.reveal(".scale-03",{
        ...reveal_default,
        delay: 900,
        scale: 0.8,
    })
    sr.reveal(".scale-04",{
        ...reveal_default,
        delay: 1100,
        scale: 0.8,
    })
    sr.reveal(".scale-05",{
        ...reveal_default,
        delay: 1300,
        scale: 0.8,
    })
    sr.reveal(".reveal-anchor",{
        duration: 400,
        delay: 100,
        mobile: true,
        // reset: true,
        // afterReset:function (el){
        //     el.classList.remove('reveal-active');
        // },
        afterReveal:function (el){
            el.classList.add('reveal-active');
        }
    })
    
    function dsgsdgdg(){
        if(($(window).scrollTop() + window.innerHeight/2) > $("#home_news").offset().top){
            $("#home_news").addClass('reveal-active');
            $(window).off("scroll",dsgsdgdg);
        }
    }
    window.home_news && $(window).on("scroll",dsgsdgdg);
    let nav_state = true;
    let nav_fixed = $("#nav_fixed");
    let nav = $("#nav");
    let h = nav.height();
    let stick = $("#to_top");
    let scroll = 0;
    $("#navbar_button").click(function (){
        let method = nav_state ? 'addClass' : 'removeClass';
        nav[method]("select");
        $(this)[method]("close");
        nav_state ? show_nav() : hide_nav();
        function show_nav(){
            nav_fixed.show();
            nav_fixed.addClass('active');
        }
        function hide_nav(){
            nav_fixed.removeClass('active');
            nav_fixed.fadeOut(200);
        }
        nav_state = !nav_state;
    });
    if(window.innerWidth < 1200){
        $("#nav_fixed .list .item").click(function(){
            let _self =  $(this);
            _self.siblings().removeClass("active").find(".sublist").slideUp();
            _self.toggleClass("active").find(".sublist").slideToggle();
        })
    }
    $(window).on("scroll",function (){
        let top = $(this).scrollTop();
        let nav_method = top <= h ? 'removeClass' : 'addClass';
        let nav_method2 = (top > h && top < scroll) ? 'addClass' : 'removeClass';
        let stick_method = (top > this.innerHeight*1.5 && top < scroll) ? "addClass" : "removeClass";
        nav[nav_method]("active");
        nav[nav_method2]("scroll");
        stick[stick_method]("active");
        scroll = top;
    });
})