Template:UrbanTundra Edmonton/main-js
- (function () {
'use strict';
var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, Windows: function() { return navigator.userAgent.match(/IEMobile/i); }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); } };
var fullHeight = function() {
if ( !isMobile.any() ) { $('.js-fullheight').css('height', $(window).height()); $(window).resize(function(){ $('.js-fullheight').css('height', $(window).height()); }); }
};
var sliderMain = function() {
$('#ute-hero .flexslider').flexslider({ animation: "fade", slideshowSpeed: 5000, directionNav: true, start: function(){ setTimeout(function(){ $('.slider-text').removeClass('animated fadeInUp'); $('.flex-active-slide').find('.slider-text').addClass('animated fadeInUp'); }, 500); }, before: function(){ setTimeout(function(){ $('.slider-text').removeClass('animated fadeInUp'); $('.flex-active-slide').find('.slider-text').addClass('animated fadeInUp'); }, 500); }
});
$('#ute-hero .flexslider .slides > li').css('height', $(window).height()); $(window).resize(function(){ $('#ute-hero .flexslider .slides > li').css('height', $(window).height()); });
};
var centerBlock = function() { $('.ute-section-with-image .ute-box').css('margin-top', -($('.ute-section-with-image .ute-box').outerHeight()/2)); $(window).resize(function(){ $('.ute-section-with-image .ute-box').css('margin-top', -($('.ute-section-with-image .ute-box').outerHeight()/2)); }); };
var responseHeight = function() { setTimeout(function(){ $('.js-responsive > .v-align').css('height', $('.js-responsive > img').height()); }, 1);
$(window).resize(function(){ setTimeout(function(){ $('.js-responsive > .v-align').css('height', $('.js-responsive > img').height()); }, 1); }) };
var mobileMenuOutsideClick = function() {
$(document).click(function (e) { var container = $("#ute-offcanvas, .js-ute-nav-toggle"); if (!container.is(e.target) && container.has(e.target).length === 0) {
if ( $('body').hasClass('offcanvas-visible') ) {
$('body').removeClass('offcanvas-visible');
$('.js-ute-nav-toggle').removeClass('active');
}
}
});
};
var offcanvasMenu = function() {
$('body').prepend('<div id="ute-offcanvas" />');
- ');
$('body').prepend('<a href="#" class="js-ute-nav-toggle ute-nav-toggle"></a>');
$('#ute-offcanvas').append($('#ute-header nav').clone());
};
var burgerMenu = function() {
$('body').on('click', '.js-ute-nav-toggle', function(event){
var $this = $(this);
$('body').toggleClass('ute-overflow offcanvas-visible');
$this.toggleClass('active');
event.preventDefault();
});
$(window).resize(function() {
if ( $('body').hasClass('offcanvas-visible') ) {
$('body').removeClass('offcanvas-visible');
$('.js-ute-nav-toggle').removeClass('active');
}
});
$(window).scroll(function(){
if ( $('body').hasClass('offcanvas-visible') ) {
$('body').removeClass('offcanvas-visible');
$('.js-ute-nav-toggle').removeClass('active');
}
});
};
var toggleBtnColor = function() {
if ( $('#ute-hero').length > 0 ) {
$('#ute-hero').waypoint( function( direction ) {
if( direction === 'down' ) {
$('.ute-nav-toggle').addClass('dark');
}
} , { offset: - $('#ute-hero').height() } );
$('#ute-hero').waypoint( function( direction ) {
if( direction === 'up' ) {
$('.ute-nav-toggle').removeClass('dark');
}
} , {
offset: function() { return -$(this.element).height() + 0; }
} );
}
};
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 () {
var effect = el.data('animate-effect');
if ( effect === 'fadeIn') {
el.addClass('fadeIn animated');
} else if ( effect === 'fadeInLeft') {
el.addClass('fadeInLeft animated');
} else if ( effect === 'fadeInRight') {
el.addClass('fadeInRight animated');
} else {
el.addClass('fadeInUp animated');
}
el.removeClass('item-animate');
}, k * 200, 'easeInOutExpo' );
});
}, 100);
}
} , { offset: '85%' } );
};
var testimonialCarousel = function(){
var owl = $('.owl-carousel-fullwidth');
owl.owlCarousel({
animateOut: 'fadeOut',
items: 1,
loop: true,
margin: 0,
responsiveClass: true,
nav: false,
dots: true,
smartSpeed: 500,
autoHeight: true
});
};
$(function(){
fullHeight();
sliderMain();
centerBlock();
responseHeight()
mobileMenuOutsideClick();
offcanvasMenu();
burgerMenu();
toggleBtnColor();
contentWayPoint();
testimonialCarousel();
});
}());
