/*
JS/jQUERY FOR LAYOUT 440
Steve @ Build Your Firm
4/30/2018
*/

// I. SHOW THE OVERLAY MENU AND POSITION THE CLOSE BUTTON
$('#toggle-open').click(function (e) {
  e.preventDefault();

  // 1. set container height
  var $containerHeight = $('#header-logo').outerHeight();
  $('#overlay-menu > .container').css({"height": $containerHeight + "px"});

  // 2. position the close button
  var $scrollOffset = $(window).scrollTop();
  var $toggleOpenOffset = $('#toggle-open i').offset().top;
  var $toggleCloseOffset = ($toggleOpenOffset - $scrollOffset);
  $('#toggle-close i').css({'top': $toggleCloseOffset});

  // 3. show the overlay menu
  $("#overlay-menu").css({'opacity': '1', 'visibility': 'visible'});
});


// II. HIDE THE OVERLAY MENU
$('#toggle-close').click(function (e) {
  e.preventDefault();
  $("#overlay-menu").css({'opacity': '0', 'visibility': 'hidden'});
});


// III. PARALLAX BACKGROUND SCROLL
$(function() {

  // 1. function to set parallax background position
  function setParallax() {
    var offset;
    var scroll = $(document).scrollTop();
    $('.parallax-bg').each(function() {
      if($(this).data("offset")) {
        offset = $(this).data("offset");
      } else {
        offset = 0;
      }
      var scrollOffset = $(this).offset().top;
      var yScroll = .2*(scroll - scrollOffset) - offset + "px";
      $(this).css({'background-position':'50% ' + yScroll});
    });
  }

  // 2. set parallax background position on page load
  setParallax();

  // 3. set parallax background position on page scroll
  $(window).on('scroll', function () {
    setParallax();
  });
});


// IV. FIXED NAVBAR ON SCROLL
$(function() {
  var navpos = $('#header-logo').offset();
  // 1. function to set fixed nav
  function fixNav() {
    if ($(window).scrollTop() > navpos.top) {
      $('#header-logo').addClass('fixed-top');
      var $headerHeight = $('#header-logo').outerHeight() + "px";
      $('header').css({'paddingBottom': $headerHeight});
    } else {
      $('#header-logo').removeClass('fixed-top');
      $('header').css({'paddingBottom': 0});
    }
  }
  // 2. set fixed nav on page load
  fixNav();
  // 3. set fixed nav on page scroll
  $(window).bind('scroll', function() {
    fixNav();
  });
});


// V. CAROUSEL SLIDER SPEED
$(function() {
  $("#myCarousel").carousel({
    interval: 4000
  });
});


// VI. SCROLL TO TOP
$(window).scroll(function() {
  if ($(this).scrollTop() > 150 ) {
    $("#scroll-icon").css({opacity: "1", visibility: "visible"});
  } else {
    $("#scroll-icon").css({opacity: "0", visibility: "hidden"});
  }
});

$("#scroll-icon .fa").click(function() {
  $("html,body").animate({scrollTop: 0 }, "1000");
  return false;
});