123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267 |
- ;(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 mobileMenuOutsideClick = function() {
- $(document).click(function (e) {
- var container = $("#bida-offcanvas, .js-bida-nav-toggle");
- if (!container.is(e.target) && container.has(e.target).length === 0) {
- if ( $('body').hasClass('offcanvas') ) {
- $('body').removeClass('offcanvas');
- $('.js-bida-nav-toggle').removeClass('active');
-
- }
-
-
- }
- });
- };
- var offcanvasMenu = function() {
- $('#page').prepend('<div id="bida-offcanvas" />');
- $('#page').prepend('<a href="#" class="js-bida-nav-toggle bida-nav-toggle bida-nav-white"><i></i></a>');
- var clone1 = $('.menu-1 > ul').clone();
- $('#bida-offcanvas').append(clone1);
- var clone2 = $('.menu-2 > ul').clone();
- $('#bida-offcanvas').append(clone2);
- $('#bida-offcanvas .has-dropdown').addClass('offcanvas-has-dropdown');
- $('#bida-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-bida-nav-toggle').removeClass('active');
-
- }
- });
- };
- var burgerMenu = function() {
- $('body').on('click', '.js-bida-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 fullHeight = function() {
- if ( !isMobile.any() ) {
- $('.js-fullheight').css('height', $(window).height());
- $(window).resize(function(){
- $('.js-fullheight').css('height', $(window).height());
- });
- }
- };
- 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 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');
- }
- });
-
- };
- // Loading page
- var loaderPage = function() {
- $(".bida-loader").fadeOut("slow");
- };
- var counterWayPoint = function() {
- if ($('#bida-counter').length > 0 ) {
- $('#bida-counter').waypoint( function( direction ) {
-
- if( direction === 'down' && !$(this.element).hasClass('animated') ) {
- setTimeout( counter , 400);
- $(this.element).addClass('animated');
- }
- } , { offset: '90%' } );
- }
- };
- var sliderMain = function() {
-
- $('#bida-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);
- }
- });
- $('#bida-hero .flexslider .slides > li').css('height', $(window).height());
- $(window).resize(function(){
- $('#bida-hero .flexslider .slides > li').css('height', $(window).height());
- });
- };
-
- $(function(){
- mobileMenuOutsideClick();
- offcanvasMenu();
- burgerMenu();
- contentWayPoint();
- sliderMain();
- dropdown();
- goToTop();
- loaderPage();
- counterWayPoint();
- fullHeight();
- });
- }());
|