$(document).ready(function(){
    var window_w = $(window).width(); // Window Width
    var window_h = $(window).height(); // Window Height
    var window_s = $(window).scrollTop(); // Window Scroll Top
    // On Resize
    $(window).resize(function(){
        window_w = $(window).width();
        window_h = $(window).height();
        window_s = $(window).scrollTop();
    });
    // On Scroll
    $(window).scroll(function(){
        window_s = $(window).scrollTop();
    });

    // 瀵艰埅鍔ㄧ敾
    fixedNav();
    enableBackToTop(); // Back to top button
    slideDoor(); //鐐瑰嚮鏄剧ず闅愯棌

    function enableBackToTop() {
        $('#button-to-top').hide();
        $(window).scroll(function() {
            if (window_s > 100) {
                $('#button-to-top').fadeIn(300);
            } else {
                $('#button-to-top').fadeOut(300);
            }
        });
        $('#button-to-top').click(function(e) {
            e.preventDefault();
            $('body,html').animate({ scrollTop: 0 }, 600);
        });
    }
    
    // 鐐瑰嚮鏄剧ず闅愯棌
    function slideDoor(){
        $(".slide-door .accordion-title").click(function(){
            var hideBox = $(this).next(".accordion-content");
            if (hideBox.css("display")=="none") {
                hideBox.slideDown("300");
                $(this).parent('.slide-door').addClass('open').siblings().removeClass('open');
                $(this).parent('.slide-door').siblings().find('.accordion-content').slideUp("300");
            } else{
                hideBox.slideUp("300");
                $(this).parent('.slide-door').removeClass('open');
            }
        });
    }

    function fixedNav(){
        var position = $(window).scrollTop();
        $(window).scroll(function() {
            if ($(window).scrollTop() > 0) {
                $("header").addClass("header-fixed");
                var scroll = $(window).scrollTop();
                if (scroll >= position) {
                    $("header").removeClass("show");
                }else {
                    $("header").addClass("show");
                }
                position = scroll;
            }else if($(window).scrollTop() <= 0){
                $("header").removeClass("header-fixed").removeClass("show");
            }
        });
        $(window).on("ontouchmove", function() {
            if ($(window).scrollTop() > 0) {
                $("header").addClass("fixed");
                var scroll = $(window).scrollTop();
                if (scroll >= position) {
                    $("header").removeClass("show");
                }else {
                    $("header").addClass("show");
                }
                position = scroll;
            }else if($(window).scrollTop() <= 0){
                $("header").removeClass("fixed").removeClass("show");
            }

        });
    } 


});