$(document).ready(function () {
  var subNav = $('.sub-nav-container');
  var navBg = $('.nav-bg-container');
  $('.main-nav-box').mouseover(function () {
    // subNav.stop().slideDown(500);
    subNav.stop().fadeIn(100);
    navBg.stop().slideDown(100);
  });


  $('.main-nav-box').mouseout(function () {
    // subNav.stop().slideUp(100);
    subNav.stop().fadeOut(100);
    navBg.stop().slideUp(500);
  });


  //mobile header
  var Innerwidth = $('html, body').innerWidth();
  if (Innerwidth > 1024) {
    $('.mobie-menu-container').hide();
    console.log(`À¥`);
  } else {
    HeaderScroll();
  }


  $('.m-btn-container').click(function (e) {
    e.preventDefault();
    $(this).toggleClass('close-btn');
    if ($(this).hasClass('close-btn') === false) {
      $('.mobie-menu-container').stop().slideUp();
    } else {
      $('.mobie-menu-container').stop().slideDown();
    }
  });


  $('.mobile-menu li.m-main > a').click(function (e) {
    e.preventDefault();
    $('.mobile-menu li.m-main > a').next('.m-sub').slideUp();
    var mSub = $(this).next('.m-sub');
    if (mSub.is(':visible')) {
      mSub.stop().slideUp();
    } else {
      mSub.stop().slideDown();
    }
  });


  $(window).resize(function () {
    if (Innerwidth > 1024) {
      $('.mobie-menu-container').hide();


      console.log(`À¥`);
    } else {
      HeaderScroll();
    }
  });
}); //e::ready


//s:: function vh
function vh(v) {
  var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
  return (v * h) / 100;
} //e:: function vh


function HeaderScroll() {
  $(window).scroll(function () {
    var scrollHeight = $(document).scrollTop();
    // console.log(`vh(100)`, vh(100));
    // console.log(`scrollHeight`, scrollHeight);
    if (850 < scrollHeight) {
      $('.header-container').addClass('on');
    } else {
      $('.header-container').removeClass('on');
    }
  });
}