Template:Shenzhen SFLS/js/main

(function () {

'use strict';

var mobileMenuOutsideClick = function() {

$(document).click(function (e) { var container = $("#sfls-offcanvas, .js-sfls-nav-toggle"); if (!container.is(e.target) && container.has(e.target).length === 0) {

if ( $('body').hasClass('offcanvas') ) {

   			$('body').removeClass('offcanvas');
   			$('.js-sfls-nav-toggle').removeClass('active');

}

} });

};

var offcanvasMenu = function() {

$('#page').prepend('<div id="sfls-offcanvas" />'); $('#page').prepend('<a href="#" class="js-sfls-nav-toggle sfls-nav-toggle sfls-nav-white"></a>'); var clone1 = $('.menu-1 > ul').clone(); $('#sfls-offcanvas').append(clone1); var clone2 = $('.menu-2 > ul').clone(); $('#sfls-offcanvas').append(clone2);

$('#sfls-offcanvas .has-dropdown').addClass('offcanvas-has-dropdown'); $('#sfls-offcanvas') .find('li') .removeClass('has-dropdown');

// Hover dropdown menu on mobile $('.offcanvas-has-dropdown').mouseenter(function(){ var $this = $(this);

$this .addClass('active') .find('ul') .slideDown(500, 'easeOutExpo'); }).mouseleave(function(){

var $this = $(this); $this .removeClass('active') .find('ul') .slideUp(500, 'easeOutExpo'); });

$(window).resize(function(){

if ( $('body').hasClass('offcanvas') ) {

   			$('body').removeClass('offcanvas');
   			$('.js-sfls-nav-toggle').removeClass('active');

} }); };

var burgerMenu = function() {

$('body').on('click', '.js-sfls-nav-toggle', function(event){ var $this = $(this);

if ( $('body').hasClass('overflow offcanvas') ) { $('body').removeClass('overflow offcanvas'); } else { $('body').addClass('overflow offcanvas'); } $this.toggleClass('active'); event.preventDefault();

}); };

var contentWayPoint = function() { var i = 0; $('.animate-box').waypoint( function( direction ) {

if( direction === 'down' && !$(this.element).hasClass('animated-fast') ) {

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-fast'); } else if ( effect === 'fadeInLeft') { el.addClass('fadeInLeft animated-fast'); } else if ( effect === 'fadeInRight') { el.addClass('fadeInRight animated-fast'); } else { el.addClass('fadeInUp animated-fast'); }

el.removeClass('item-animate'); }, k * 200, 'easeInOutExpo' ); });

}, 100);

}

} , { offset: '85%' } ); };

var dropdown = function() {

$('.has-dropdown').mouseenter(function(){

var $this = $(this); $this .find('.dropdown') .css('display', 'block') .addClass('animated-fast fadeInUpMenu');

}).mouseleave(function(){ var $this = $(this);

$this .find('.dropdown') .css('display', 'none') .removeClass('animated-fast fadeInUpMenu'); });

};

var tabs = function() {

// Auto adjust height $('.sfls-tab-content-wrap').css('height', 0); var autoHeight = function() {

setTimeout(function(){

var tabContentWrap = $('.sfls-tab-content-wrap'), tabHeight = $('.sfls-tab-nav').outerHeight(), formActiveHeight = $('.tab-content.active').outerHeight(), totalHeight = parseInt(tabHeight + formActiveHeight + 90);

tabContentWrap.css('height', totalHeight );

$(window).resize(function(){ var tabContentWrap = $('.sfls-tab-content-wrap'), tabHeight = $('.sfls-tab-nav').outerHeight(), formActiveHeight = $('.tab-content.active').outerHeight(), totalHeight = parseInt(tabHeight + formActiveHeight + 90);

tabContentWrap.css('height', totalHeight ); });

}, 100);

};

autoHeight();

// Click tab menu $('.sfls-tab-nav a').on('click', function(event){

var $this = $(this), tab = $this.data('tab');

$('.tab-content') .addClass('animated-fast fadeOutDown');

$('.sfls-tab-nav li').removeClass('active');

$this .closest('li') .addClass('active')

$this .closest('.sfls-tabs') .find('.tab-content[data-tab-content="'+tab+'"]') .removeClass('animated-fast fadeOutDown') .addClass('animated-fast active fadeIn');

autoHeight(); event.preventDefault();

}); };

var goToTop = function() {

$('.js-gotop').on('click', function(event){

event.preventDefault();

$('html, body').animate({ scrollTop: $('html').offset().top }, 500, 'easeInOutExpo');

return false; });

$(window).scroll(function(){

var $win = $(window); if ($win.scrollTop() > 200) { $('.js-top').addClass('active'); } else { $('.js-top').removeClass('active'); }

});

};

var navBarScroll = function(){ $(window).scroll(function(){

var $win = $(window); if ($win.scrollTop() > 200) { $('#sfls-navbar').addClass('active'); } else { $('#sfls-navbar').removeClass('active'); }

}); }

// Loading page var loaderPage = function() { $(".sfls-loader").fadeOut("slow"); };

var counter = function() { $('.js-counter').countTo({ formatter: function (value, options) { return value.toFixed(options.decimals); }, }); };

var counterWayPoint = function() { if ($('#sfls-counter').length > 0 ) { $('#sfls-counter').waypoint( function( direction ) {

if( direction === 'down' && !$(this.element).hasClass('animated') ) { setTimeout( counter , 400); $(this.element).addClass('animated'); } } , { offset: '90%' } ); } };

var sliderMain = function() {

$('#sfls-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); }

});

$('#sfls-hero .flexslider .slides > li').css('height', $(window).height()); $(window).resize(function(){ $('#sfls-hero .flexslider .slides > li').css('height', $(window).height()); });

};

var testimonialCarousel = function(){

var owl = $('.owl-carousel-fullwidth'); owl.owlCarousel({ items: 1, loop: true, margin: 0, nav: false, dots: true, smartSpeed: 800, autoHeight: true });

};

$(function(){ mobileMenuOutsideClick(); offcanvasMenu(); burgerMenu(); contentWayPoint(); dropdown(); tabs(); goToTop(); navBarScroll(); loaderPage(); counterWayPoint(); sliderMain(); testimonialCarousel(); });

}());