;(function () { 'use strict'; // iPad and iPod detection var isiPad = function(){ return (navigator.platform.indexOf("iPad") != -1); }; var isiPhone = function(){ return ( (navigator.platform.indexOf("Phone") != -1) || (navigator.platform.indexOf("iPod") != -1) ); }; // Click outside of offcanvass var mobileMenuOutsideClick = function() { $(document).click(function (e) { var container = $("#fh5co-offcanvas, .js-fh5co-close-offcanvas"); if (!container.is(e.target) && container.has(e.target).length === 0) { if ( $('#fh5co-offcanvas').hasClass('animated fadeInLeft') ) { $('#fh5co-offcanvas').addClass('animated fadeOutLeft'); setTimeout(function(){ $('#fh5co-offcanvas').css('display', 'none'); $('#fh5co-offcanvas').removeClass('animated fadeOutLeft fadeInLeft'); }, 1000); $('.js-fh5co-nav-toggle').removeClass('active'); } } }); $('body').on('click', '.js-fh5co-close-offcanvas', function(event){ $('#fh5co-offcanvas').addClass('animated fadeOutLeft'); setTimeout(function(){ $('#fh5co-offcanvas').css('display', 'none'); $('#fh5co-offcanvas').removeClass('animated fadeOutLeft fadeInLeft'); }, 1000); $('.js-fh5co-nav-toggle').removeClass('active'); event.preventDefault(); }); }; // Burger Menu var burgerMenu = function() { $('body').on('click', '.js-fh5co-nav-toggle', function(event){ var $this = $(this); $('#fh5co-offcanvas').css('display', 'block'); setTimeout(function(){ $('#fh5co-offcanvas').addClass('animated fadeInLeft'); }, 100); // $('body').toggleClass('fh5co-overflow offcanvas-visible'); $this.toggleClass('active'); event.preventDefault(); }); }; var scrolledWindow = function() { $(window).scroll(function(){ var header = $('#fh5co-header'), scrlTop = $(this).scrollTop(); $('#fh5co-home .flexslider .fh5co-overlay').css({ 'opacity' : (.5)+(scrlTop/2000) }); if ( $('body').hasClass('offcanvas-visible') ) { $('body').removeClass('offcanvas-visible'); $('.js-fh5co-nav-toggle').removeClass('active'); } }); $(window).resize(function() { if ( $('body').hasClass('offcanvas-visible') ) { $('body').removeClass('offcanvas-visible'); $('.js-fh5co-nav-toggle').removeClass('active'); } }); }; // Page Nav var clickMenu = function() { var topVal = ( $(window).width() < 769 ) ? 0 : 58; $(window).resize(function(){ topVal = ( $(window).width() < 769 ) ? 0 : 58; }); if ( $(this).attr('href') != "#") { $('#fh5co-main-nav a:not([class="external"]), #fh5co-offcanvas a:not([class="external"])').click(function(event){ var section = $(this).data('nav-section'); if ( $('div[data-section="' + section + '"]').length ) { $('html, body').animate({ scrollTop: $('div[data-section="' + section + '"]').offset().top - topVal }, 500); } event.preventDefault(); }); } }; var contentWayPoint = function() { var i = 0; $('.animate-box').waypoint( function( direction ) { if( direction === 'down' && !$(this.element).hasClass('animated') ) { i++; $(this.element).addClass('item-animate'); setTimeout(function(){ $('body .animate-box.item-animate').each(function(k){ var el = $(this); setTimeout( function () { el.addClass('fadeInUp animated'); el.removeClass('item-animate'); }, k * 200, 'easeInOutExpo' ); }); }, 100); } } , { offset: '85%' } ); }; // Document on load. $(function(){ mobileMenuOutsideClick(); burgerMenu(); scrolledWindow(); // Animations contentWayPoint(); }); }());