import './jquery-global.js';
import 'single-page-nav/jquery.singlePageNav.js';
//bind plugin definition to jQuery

$(document).ready(function(){

    // =Hero
    // Alway make hero-container height equal to window height
  
    var $heroContainer = $('.hero');
  
    $heroContainer.height(window.innerHeight);
  
    // When user resize browser window, hero container needs to have the same
    // height as browser window height.  
    $(window).resize(function() {
      $heroContainer.height(window.innerHeight);
    });
  
    // =Work
    // Isotope filters  
    // var $workFilterLinks = $('.work-filters li');
    // var $container = $('.work-items');
  
    // $workFilterLinks.find('a').click(function(){  
    //   $workFilterLinks.removeClass('active');  
    //   $container.isotope({
    //     // options
    //     filter: $(this).attr('data-filter'),
    //     itemSelector: '.isotope-item',
    //     animationEngine : "best-available",
    //     masonry: {
    //       columnWidth: '.isotope-item'
    //     }
    //   });  
    //   $(this).parent().addClass('active');  
    //   return false;
    // });
  
    // Menu initialization
  
    var $menuIcon = $('.menu-icon'),
        $navigation = $('.navigation'),
        $menu = $('.menu'),
        $navigationLink = $('.menu a');
  
    $(window).scroll(function() {
      if(window.scrollY > window.outerHeight) {
        $menuIcon.addClass('active');
      } else {
        $menuIcon.removeClass('active');
      }
    });
  
    $menuIcon.click(function(e) {
      e.preventDefault();
  
      $navigation.toggleClass('active');
    });
  
    $menu.singlePageNav({
        filter: ':not(.external)',
        speed: 1000,
        currentClass: 'current',
        easing: 'swing',
        updateHash: false,
        beforeStart: function() {
        },
        onComplete: function() {
          $navigation.removeClass('active');
        }
    });
  
    // Scrollreveal initialize
  
    // var config = {  
    //   easing: 'hustle',
    //   reset:  false,
    //   delay:  'onload',
    //   opacity: .2,
    //   vFactor: 0.2,
    //   mobile: false
    // }
  
    // window.sr = new scrollReveal( config );
  
  });