(function(){
  const $window = $(window);
  const $doc = $(document);
  const $html = $("html,body");
  const $header = $(".p-header");

  $window.on('load',function(){

    /* page top */
    $pageTopInner.css({'position': 'fixed', 'bottom': '16px', 'left': $pageTop.offset().left});

    $window.scroll(function() {
      scroll();
    });
    $window.resize(function() {
      resize();
    });
  });

  /* header nav */
  var hideNav = $(".p-header-nav__row--hide");
  hideNav.hide();
  $(".p-header-nav__btn-more").on('click', function(){
    hideNav.toggle(500);
    $(".p-header-nav__btn-more").parent().toggleClass('nav_on');
  });

  /* page top */
  const $pageTop = $(".footer__page-top");
  const $pageTopInner = $(".page-top__inner");
  $pageTop.on('click', function(){
    $html.animate({
      scrollTop: 0}, 500);
    return false;
  });
  $pageTop.hide();

  function scroll(){
    if($window.scrollTop() > 50){
      $header.addClass('small');
    }else{
      $header.removeClass('small');
    }

    let scrollTop = $doc.scrollTop();
    let scrollLeft = $doc.scrollLeft();

    if($window.height() < scrollTop){
      $pageTop.fadeIn(300);
    }else{
      $pageTop.fadeOut(300);
    }

    if($pageTop.offset().top - $html.height() + 64 < scrollTop){
      $pageTopInner.css({'position': 'relative', 'bottom': '0', 'left': '0'});
    }else{
      $pageTopInner.css({'position': 'fixed', 'bottom': '16px', 'left': $pageTop.offset().left - scrollLeft});
    }
    $header.css('left', -scrollLeft);
  }

  function resize(){
    scroll();
  }

})();