Template:SBS SH 112144/js/main1.js

'use strict';

(function ($) { "use strict";

/**

  * [isMobile description]
  * @type {Object}
  */

/**

  * Match height 
  */

$('.row-eq-height > [class*="col-"]').matchHeight();

var myEfficientFn = debounce(function () { $('.row-eq-height > [class*="col-"]').matchHeight(); }, 250);

window.addEventListener('resize', myEfficientFn);

// Wow js var wow = new WOW({ boxClass: 'wow', animateClass: 'animated', offset: 100, mobile: false, live: false }); $(window).on('load', function () { wow.init(); });

/**

  * [debounce description]
  * @param  {[type]} func      [description]
  * @param  {[type]} wait      [description]
  * @param  {[type]} immediate [description]
  * @return {[type]}           [description]
  */

/**

  * Count To
  */

$(window).ready(function () {

$('.countTo_module').each(function () { var self = $(this), offsettop = self.offset().top, countNumber = $('.countTo__number', self), didScroll, a = 0;

$(window).scroll(function () { var scroll = $(window).scrollTop(), wh = $(window).height();

if (a == 0 && scroll + wh > offsettop + wh / 4) { var optData = eval('(' + self.attr('data-options') + ')'), optDefault = { from: 50, to: 2500, speed: 1000, refreshInterval: 50 // formatter: function (value, options) { // return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ','); // } }, options = $.extend(optDefault, optData);

countNumber.countTo(options);

a = 1; } }); }); });

/**

  * Masonry
  */

$('.grid__inner').masonry({ itemSelector: '.grid-item', columnWidth: '.grid-sizer' });

/**

  * grid css
  */

$.fn.reCalWidth = function () { var $self = $(this); $self.on('reCalWidth', function () { var _self = $(this); _self.css('width', ); var width = Math.floor(_self.width()); _self.css('width', width + 'px'); var height = Math.floor(_self.parent().children('.wide').width() / 2); _self.parent().children('.wide').css('height', height + 'px'); }); $(window).on('resize', function () { $self.trigger('reCalWidth'); }); }; function work() { $('.grid-css').each(function () { var workWrapper = $(this), workContainer = $('.grid__inner', workWrapper), filters = $('.filter', workWrapper), filterCurrent = $('.current a', filters), filterLiCurrent = $('.current', filters), duration = 0.3; workContainer.imagesLoaded(function () {

// Fix Height if (workWrapper.hasClass('grid-css--fixheight')) { workContainer.find('.grid-item__content-wrapper').matchHeight(); }

workContainer.isotope({ layoutMode: 'masonry', itemSelector: '.grid-item', transitionDuration: duration + 's', masonry: { columnWidth: '.grid-sizer' } // hiddenStyle: {}, // visibleStyle: {} }); }); filters.on('click', 'a', function (e) { e.preventDefault(); var $el = $(this); var selector = $el.attr('data-filter'); filters.find('.current').removeClass('current'); $el.parent().addClass('current'); workContainer.isotope({ filter: selector }); });

filters.find('.select-filter').change(function () { var $el = $(this); var selector = $el.val(); workContainer.isotope({ filter: selector }); });

$('.grid-item', workWrapper).reCalWidth(); }); } work();

$('.portfolio').magnificPopup({ delegate: 'a', type: 'image', closeOnContentClick: true, closeBtnInside: true, fixedContentPos: true, closeMarkup: '<button title="%title%" type="button" class="mfp-close"></button>',

removalDelay: 500, //delay removal by X to allow out-animation callbacks: { beforeOpen: function beforeOpen() { this.st.mainClass = this.st.el.attr('data-effect'); } }, midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. });

$('.portfolio .popup-video').magnificPopup({ disableOn: 700, type: 'iframe', preloader: false, closeOnContentClick: true, closeBtnInside: true, fixedContentPos: true, closeMarkup: '<button title="%title%" type="button" class="mfp-close"></button>',

removalDelay: 500, //delay removal by X to allow out-animation callbacks: { beforeOpen: function beforeOpen() { this.st.mainClass = this.st.el.attr('data-effect'); } }, midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. });

$('.video .popup-video').magnificPopup({ disableOn: 700, type: 'iframe', preloader: false, closeOnContentClick: true, closeBtnInside: true, fixedContentPos: true, closeMarkup: '<button title="%title%" type="button" class="mfp-close"></button>',

removalDelay: 500, //delay removal by X to allow out-animation callbacks: { beforeOpen: function beforeOpen() { this.st.mainClass = this.st.el.attr('data-effect'); } }, midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. }); /**

  * ProgressBar
  */

var progress = $('.progress');

progress.each(function () {

var _self = $(this); var progressNumber = _self.find('.progress__number'); progressNumber.text('0%');

_self.waypoint(function (direction) { var progressBar = _self.find('.progress__bar'), delay = progressBar.data("delay"), durations = progressBar.data("duration"), timing = progressBar.data("timing"), getPercent = progressBar.data('progress-percent');

console.log(durations);

progressBar.css({ 'width': getPercent + '%', 'transition': 'all ' + durations + 'ms ' + timing, 'transition-delay': delay + 'ms' });

setTimeout(function () { progressNumber.prop('Counter', 0).animate({ Counter: getPercent }, { duration: durations, easing: 'swing', step: function step(now) { $(this).text(Math.ceil(now) + '%'); } }); }, delay);

this.destroy(); }, { offset: function offset() { return Waypoint.viewportHeight() - _self.outerHeight() - 150; } }); });

var smokyBG = $('#smoky-bg').waterpipe({ gradientStart: '#51ff00', gradientEnd: '#001eff', smokeOpacity: 0.1, smokeSize: 100, numCircles: 1, maxMaxRad: 'auto', minMaxRad: 'auto', minRadFactor: 0, iterations: 8, drawsPerFrame: 10, lineWidth: 2, speed: 10, bgColorInner: "#111", bgColorOuter: "#000" }); /**

  * Swiper
  */

$('.swiper__module').each(function () { var self = $(this), wrapper = $('.swiper-wrapper', self), optData = eval('(' + self.attr('data-options') + ')'), optDefault = { paginationClickable: true, pagination: self.find('.swiper-pagination-custom'), nextButton: self.find('.swiper-button-next-custom'), prevButton: self.find('.swiper-button-prev-custom'), spaceBetween: 30 }, options = $.extend(optDefault, optData);

wrapper.children().wrap('

');

var swiper = new Swiper(self, options);

function thumbnails(selector) {

if (selector.length > 0) { var wrapperThumbs = selector.children('.swiper-wrapper'), optDataThumbs = eval('(' + selector.attr('data-options') + ')'), optDefaultThumbs = { spaceBetween: 10, centeredSlides: true, slidesPerView: 3, touchRatio: 0.3, slideToClickedSlide: true, pagination: selector.find('.swiper-pagination-custom'), nextButton: selector.find('.swiper-button-next-custom'), prevButton: selector.find('.swiper-button-prev-custom') }, optionsThumbs = $.extend(optDefaultThumbs, optDataThumbs);

wrapperThumbs.children().wrap('

');

var swiperThumbs = new Swiper(selector, optionsThumbs); swiper.params.control = swiperThumbs; swiperThumbs.params.control = swiper; } } thumbnails(self.next('.swiper-thumbnails__module')); });

/**

  * Tabs
  */

$('.tabs__module').each(function () { var self = $(this), optData = eval('(' + self.attr('data-options') + ')'), optDefault = { active: 0, activeEvent: 'click', navigatorPosition: 'top' }, options = $.extend(optDefault, optData); self.aweTabs(options); });

$('.video .popup-video').magnificPopup({ disableOn: 700, type: 'iframe', preloader: false, closeOnContentClick: true, closeBtnInside: true, fixedContentPos: true, closeMarkup: '<button title="%title%" type="button" class="mfp-close"></button>',

removalDelay: 500, //delay removal by X to allow out-animation callbacks: { beforeOpen: function beforeOpen() { this.st.mainClass = this.st.el.attr('data-effect'); } }, midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. }); /**

 * Footer
 */

$('#back-to-top').on('click', function (e) { e.preventDefault(); $('html,body').animate({ scrollTop: 0 }, 700); }); //* // Header //*

var wh = $(window).height(), half = wh / 2, headerHeight = $('header').outerHeight();

$(window).scroll(function () { var scrollTop = $(window).scrollTop();

if (scrollTop >= half) { $('header').addClass('is-scroll'); } else { $('header').removeClass('is-scroll'); } });

$('.onepage-nav').dropdownMenu({ menuClass: 'onepage-menu', breakpoint: 1200, toggleClass: 'active', classButtonToggle: 'navbar-toggle', subMenu: { class: 'sub-menu', parentClass: 'menu-item-has-children', toggleClass: 'active' } });

$('.onepage-nav').onePageNav({ currentClass: 'current-menu-item', scrollOffset: headerHeight });

//* // Back to top //*

$(window).scroll(function () { var wh = $(window).height(), scrollTop = $(window).scrollTop();

if (scrollTop >= wh) { $('#back-to-top').addClass('is-visible'); } else { $('#back-to-top').removeClass('is-visible'); } });

var headerHeight = $('header').outerHeight();

$('#back-to-down').on('click', function () { var offsets = $(this).closest('.hero').next().offset().top - headerHeight;

$('html,body').animate({ scrollTop: offsets }, 700); });

})(jQuery);