gcg-website/assets/js/script.js

(function ($) {
  'use strict';

  // adapt header to height
  function adaptHeight () {
    var height = $('.top-header').innerHeight();
    if ($('header').offset().top > 10) {
      $('.top-header').addClass('hide');
      $('.navigation').addClass('nav-bg');
      $('.navigation').css('margin-top','-'+height+'px');
    } else {
      $('.top-header').removeClass('hide');
      if ( !$('#top-banner').length) {
        $('.navigation').removeClass('nav-bg');
      }
      $('.navigation').css('margin-top','-'+0+'px');
    }
  }

  // load scripts
  $(window).on('load', function () {
    $('.preloader').fadeOut(100);
    adaptHeight();
    if ($('#top-banner').length) {
      $('.navigation').addClass('nav-bg');
      $('.hero-section').addClass('hs-banner');
      $('.page-title-section').addClass('pts-banner');
    } else {
      $('.hero-section').removeClass('hs-banner');
      $('.page-title-section').removeClass('pts-banner');
    }
  });

  // sticky menu
  $(window).scroll(adaptHeight);

  // hero slider
  $('.hero-slider').slick({
    autoplay: true,
    autoplaySpeed: 5000,
    pauseOnFocus: false,
    pauseOnHover: true,
    infinite: true,
    arrows: true,
    prevArrow: '<button type=\'button\' class=\'prevArrow\'><svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-left" class="arrowIcon" viewBox="0 0 24 24" height="1em" width="1em" fill="currentColor"><path d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg></button>',
    nextArrow: '<button type=\'button\' class=\'nextArrow\'><svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-left" class="arrowIcon" viewBox="0 0 24 24" height="1em" width="1em" fill="currentColor"><path xmlns="http://www.w3.org/2000/svg" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"/></svg></button>',
    dots: true
  });

  // venobox popup
  $(document).ready(function () {
    new VenoBox({
      selector: '.vb-video',
      spinner: 'grid'
    });
    new VenoBox({
      selector: '.vb-gallery',
      numeration: true,
      infinigall: true,
      share: true,
      shareStyle: 'block',
      spinner: 'grid'
    });
  });

  // filter
  $(document).ready(function () {
    const shuffleInstance = new Shuffle($('.filter-container'), {
      itemSelector: '.filter-item',
      sizer: '.filter-sizer', // could also be a selector: '.js-shuffle-sizer'
      delimiter: ','
    });
    $('.filter-controls li').on('click', function () {
      $('.filter-controls li').removeClass('active');
      $(this).addClass('active');
      shuffleInstance.filter($(this).data('filter'))
    });
  });

  // count up
  function counter() {
    var oTop;
    if ($('.count').length !== 0) {
      oTop = $('.count').offset().top - window.innerHeight;
    }
    if ($(window).scrollTop() > oTop) {
      $('.count').each(function () {
        var $this = $(this),
          countTo = $this.attr('data-count');
        $({
          countNum: $this.text()
        }).animate({
          countNum: countTo
        }, {
          duration: 1000,
          easing: 'swing',
          step: function () {
            $this.text(Math.floor(this.countNum));
          },
          complete: function () {
            $this.text(this.countNum);
          }
        });
      });
    }
  }
  $(window).on('scroll', function () {
    counter();
  });
  
})(jQuery);