tupali/temas/magazine/js/main.js
2016-10-29 10:07:15 -05:00

190 lines
3.7 KiB
JavaScript

;(function () {
'use strict';
// iPad and iPod detection
var isiPad = function(){
return (navigator.platform.indexOf("iPad") != -1);
};
var isiPhone = function(){
return (
(navigator.platform.indexOf("<i></i>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();
});
}());