$(function(){
    var _window = $(window);
    var _body = $("body");

    /* 回頁首 */
    $('#gotop').on('click',function(){
        $("html,body").animate({scrollTop: 0},800);
    });

    /* 尺寸判斷 */
    if(_window.width() >= 1024){

		/* 上方選單固定 */
	    _window.on('scroll', function(event) {
	        var scrollTop = _window.scrollTop();
	        if(scrollTop>0){
	            $("#gotop").css("opacity","1");
	            _body.addClass('is-sticky');
	        }else{
	            $("#gotop").css("opacity","0");
	            _body.removeClass('is-sticky');
	        }
	    });
	}else{
		/* 左側選單操控程式 */
	    var nav_n = false;
	    $('.menu-b').on('click',function(){
	        if(!nav_n){
	            nav_n = true;
	            $(this).addClass('close');
	            $('#navbg,#navbox').addClass('open-nav');
	            $('body').addClass('overflow-hidden');
	        }else{
	            nav_n = false;
	            $(this).removeClass('close');
	            $('#navbg,#navbox').removeClass('open-nav');
	            $('body').removeClass('overflow-hidden');
	        }
	    });
	    $('#navbg').on('click',function(){
	         nav_n = false;
	            $('.menu-b').removeClass('close');
	            $('#navbg,#navbox').removeClass('open-nav');
	            $('body').removeClass('overflow-hidden');
	    });
	    $('#menu-nav').on('click','h3.m-item-title',function(){
	    	var n = $(this).parent(".open").length;
			$('#menu-nav .nav-item').removeClass('open');
			if(n == 0){
				$(this).parent(".nav-item").addClass('open');
			}
	    });
	}

	// 變更畫面尺寸
    var _view = _window.width();
    // console.log(_view);
    _window.on('resize',function(){
        _window = $(window);
        // console.log(_window.width());
        // console.log(_view);
        if(_window.width() >= 1024 && _view < 1024){
			_view = 1024 ;
			/* 上方選單固定 */
		    _window.on('scroll', function(event) {
		        var scrollTop = _window.scrollTop();
		        if(scrollTop>0){
		            $("#gotop").css("opacity","1");
		            _body.addClass('is-sticky');
		        }else{
		            $("#gotop").css("opacity","0");
		            _body.removeClass('is-sticky');
		        }
		    });

        }else if(_window.width() < 1024 && _view > 960){
        	_view = 960 ;
			/* 清除上方選單固定 */
			_window.off('scroll');
			_body.removeClass('is-sticky');

			/* 左側選單操控程式 */
		    var nav_n = false;
		    $('.menu-b').on('click',function(){
		        if(!nav_n){
		            nav_n = true;
		            $(this).addClass('close');
		            $('#navbg,#navbox').addClass('open-nav');
		            $('body').addClass('overflow-hidden');
		        }else{
		            nav_n = false;
		            $(this).removeClass('close');
		            $('#navbg,#navbox').removeClass('open-nav');
		            $('body').removeClass('overflow-hidden');
		        }
		    });
		    $('#navbg').on('click',function(){
		         nav_n = false;
		            $('.menu-b').removeClass('close');
		            $('#navbg,#navbox').removeClass('open-nav');
		            $('body').removeClass('overflow-hidden');
		    });
		    $('#menu-nav').on('click','h3.m-item-title',function(){
		    	var n = $(this).parent(".open").length;
				$('#menu-nav .nav-item').removeClass('open');
				if(n == 0){
					$(this).parent(".nav-item").addClass('open');
				}
		    });
        }
    });
    
    $(document).on("click", ".header-login-btn", function(){
      let wrapper = $(".header-login-wrapper")
      function closeLoginPopup(e){
        if(!$(e.target).closest(".header-login-btn").length){
          $(".header-login-wrapper").removeClass("open")
        }
        $(document).off("click",closeLoginPopup)
      }
      
      if(wrapper.hasClass("open")){
        wrapper.removeClass("open")
      }else{
        wrapper.addClass("open")
        $(document).on("click",closeLoginPopup)
      }
    })


});