;(function () { 'use strict'; // iPad and iPod detection var isiPad = function(){ return (navigator.platform.indexOf("iPad") != -1); }; var isiPhone = function(){ return ( (navigator.platform.indexOf("iPhone") != -1) || (navigator.platform.indexOf("iPod") != -1) ); }; // Main Menu Superfish var mainMenu = function() { $('#w08g-primary-menu').superfish({ delay: 0, animation: { opacity: 'show' }, speed: 'fast', cssArrows: true, disableHI: true }); }; // Parallax var parallax = function() { $(window).stellar(); }; // Offcanvas and cloning of the main menu var offcanvas = function() { var $clone = $('#w08g-menu-wrap').clone(); $clone.attr({ 'id' : 'offcanvas-menu' }); $clone.find('> ul').attr({ 'class' : '', 'id' : '' }); $('#w08g-page').prepend($clone); // click the burger $('.js-w08g-nav-toggle').on('click', function(){ if ( $('body').hasClass('w08g-offcanvas') ) { $('body').removeClass('w08g-offcanvas'); } else { $('body').addClass('w08g-offcanvas'); } }); $('#offcanvas-menu').css('height', $(window).height()); $(window).resize(function(){ var w = $(window); $('#offcanvas-menu').css('height', w.height()); if ( w.width() > 769 ) { if ( $('body').hasClass('w08g-offcanvas') ) { $('body').removeClass('w08g-offcanvas'); } } }); } // Click outside of the Mobile Menu var mobileMenuOutsideClick = function() { $(document).click(function (e) { var container = $("#offcanvas-menu, .js-w08g-nav-toggle"); if (!container.is(e.target) && container.has(e.target).length === 0) { if ( $('body').hasClass('w08g-offcanvas') ) { $('body').removeClass('w08g-offcanvas'); } } }); }; // Animations 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 * 50, 'easeInOutExpo' ); }); }, 100); } } , { offset: '85%' } ); }; var stickyBanner = function() { var $stickyElement = $('.sticky-banner'); var sticky; if ($stickyElement.length) { sticky = new Waypoint.Sticky({ element: $stickyElement[0], offset: 0 }) } }; // Document on load. $(function(){ mainMenu(); parallax(); offcanvas(); mobileMenuOutsideClick(); contentWayPoint(); stickyBanner(); }); }());