/* Name: Theme Base Written by: Okler Themes - (http://www.okler.net) Theme Version: 6.0.0 */ // Theme window.theme = {}; // Theme Common Functions window.theme.fn = { getOptions: function(opts) { if (typeof(opts) == 'object') { return opts; } else if (typeof(opts) == 'string') { try { return JSON.parse(opts.replace(/'/g,'"').replace(';','')); } catch(e) { return {}; } } else { return {}; } } }; // Animate (function(theme, $) { theme = theme || {}; var instanceName = '__animate'; var PluginAnimate = function($el, opts) { return this.initialize($el, opts); }; PluginAnimate.defaults = { accX: 0, accY: -150, delay: 1, duration: '1s' }; PluginAnimate.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginAnimate.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { var self = this, $el = this.options.wrapper, delay = 0, duration = '1s', elTopDistance = $el.offset().top, windowTopDistance = $(window).scrollTop(); $(document).ready(function(){ $el.addClass('appear-animation animated'); if (!$('html').hasClass('no-csstransitions') && $(window).width() > 767 && elTopDistance > windowTopDistance) { $el.appear(function() { $el.one('animation:show', function(ev) { delay = ($el.attr('data-appear-animation-delay') ? $el.attr('data-appear-animation-delay') : self.options.delay); duration = ($el.attr('data-appear-animation-duration') ? $el.attr('data-appear-animation-duration') : self.options.duration); if (duration != '1s') { $el.css('animation-duration', duration); } setTimeout(function() { $el.addClass($el.attr('data-appear-animation') + ' appear-animation-visible'); }, delay); }); $el.trigger('animation:show'); }, { accX: self.options.accX, accY: self.options.accY }); } else { $el.addClass('appear-animation-visible'); } }); return this; } }; // expose to scope $.extend(theme, { PluginAnimate: PluginAnimate }); // jquery plugin $.fn.themePluginAnimate = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginAnimate($this, opts); } }); }; }).apply(this, [window.theme, jQuery]); // Carousel (function(theme, $) { theme = theme || {}; var instanceName = '__carousel'; var PluginCarousel = function($el, opts) { return this.initialize($el, opts); }; PluginCarousel.defaults = { loop: true, responsive: { 0: { items: 1 }, 479: { items: 1 }, 768: { items: 2 }, 979: { items: 3 }, 1199: { items: 4 } }, navText: [] }; PluginCarousel.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginCarousel.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.owlCarousel))) { return this; } var self = this, $el = this.options.wrapper; // Add Theme Class $el.addClass('owl-theme'); // Force RTL according to HTML dir attribute if ($('html').attr('dir') == 'rtl') { this.options = $.extend(true, {}, this.options, { rtl: true }); } if (this.options.items == 1) { this.options.responsive = {} } if (this.options.items > 4) { this.options = $.extend(true, {}, this.options, { responsive: { 1199: { items: this.options.items } } }); } // Auto Height Fixes if (this.options.autoHeight) { var itemsHeight = []; $el.find('.owl-item').each(function(){ if( $(this).hasClass('active') ) { itemsHeight.push( $(this).height() ); } }); $(window).afterResize(function() { $el.find('.owl-stage-outer').height( Math.max.apply(null, itemsHeight) ); }); $(window).on('load', function() { $el.find('.owl-stage-outer').height( Math.max.apply(null, itemsHeight) ); }); } // Initialize OwlCarousel $el.owlCarousel(this.options).addClass('owl-carousel-init'); return this; } }; // expose to scope $.extend(theme, { PluginCarousel: PluginCarousel }); // jquery plugin $.fn.themePluginCarousel = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginCarousel($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Chart Circular (function(theme, $) { theme = theme || {}; var instanceName = '__chartCircular'; var PluginChartCircular = function($el, opts) { return this.initialize($el, opts); }; PluginChartCircular.defaults = { accX: 0, accY: -150, delay: 1, barColor: '#0088CC', trackColor: '#f2f2f2', scaleColor: false, scaleLength: 5, lineCap: 'round', lineWidth: 13, size: 175, rotate: 0, animate: ({ duration: 2500, enabled: true }) }; PluginChartCircular.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginChartCircular.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.appear)) || !($.isFunction($.fn.easyPieChart))) { return this; } var self = this, $el = this.options.wrapper, value = ($el.attr('data-percent') ? $el.attr('data-percent') : 0), percentEl = $el.find('.percent'); $.extend(true, self.options, { onStep: function(from, to, currentValue) { percentEl.html(parseInt(currentValue)); } }); $el.attr('data-percent', 0); $el.appear(function() { $el.easyPieChart(self.options); setTimeout(function() { $el.data('easyPieChart').update(value); $el.attr('data-percent', value); }, self.options.delay); }, { accX: self.options.accX, accY: self.options.accY }); return this; } }; // expose to scope $.extend(theme, { PluginChartCircular: PluginChartCircular }); // jquery plugin $.fn.themePluginChartCircular = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginChartCircular($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Counter (function(theme, $) { theme = theme || {}; var instanceName = '__counter'; var PluginCounter = function($el, opts) { return this.initialize($el, opts); }; PluginCounter.defaults = { accX: 0, accY: 0, speed: 3000, refreshInterval: 100, decimals: 0, onUpdate: null, onComplete: null }; PluginCounter.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginCounter.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.countTo))) { return this; } var self = this, $el = this.options.wrapper; $.extend(self.options, { onComplete: function() { if ($el.data('append')) { $el.html($el.html() + $el.data('append')); } if ($el.data('prepend')) { $el.html($el.data('prepend') + $el.html()); } } }); $el.appear(function() { $el.countTo(self.options); }, { accX: self.options.accX, accY: self.options.accY }); return this; } }; // expose to scope $.extend(theme, { PluginCounter: PluginCounter }); // jquery plugin $.fn.themePluginCounter = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginCounter($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Lazy Load (function(theme, $) { theme = theme || {}; var instanceName = '__lazyload'; var PluginLazyLoad = function($el, opts) { return this.initialize($el, opts); }; PluginLazyLoad.defaults = { effect: 'show', appearEffect: '', appear: function(elements_left, settings) { }, load: function(elements_left, settings) { $(this).addClass($.trim('lazy-load-loaded ' + settings.appearEffect)); } }; PluginLazyLoad.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginLazyLoad.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.lazyload))) { return this; } var self = this; self.options.wrapper.lazyload(this.options); return this; } }; // expose to scope $.extend(theme, { PluginLazyLoad: PluginLazyLoad }); // jquery plugin $.fn.themePluginLazyLoad = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginLazyLoad($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Lightbox (function(theme, $) { theme = theme || {}; var instanceName = '__lightbox'; var PluginLightbox = function($el, opts) { return this.initialize($el, opts); }; PluginLightbox.defaults = { tClose: 'Close (Esc)', // Alt text on close button tLoading: 'Loading...', // Text that is displayed during loading. Can contain %curr% and %total% keys gallery: { tPrev: 'Previous (Left arrow key)', // Alt text on left arrow tNext: 'Next (Right arrow key)', // Alt text on right arrow tCounter: '%curr% of %total%' // Markup for "1 of 7" counter }, image: { tError: 'The image could not be loaded.' // Error message when image could not be loaded }, ajax: { tError: 'The content could not be loaded.' // Error message when ajax request failed }, callbacks: { open: function() { $('html').addClass('lightbox-opened'); }, close: function() { $('html').removeClass('lightbox-opened'); } } }; PluginLightbox.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginLightbox.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.magnificPopup))) { return this; } this.options.wrapper.magnificPopup(this.options); return this; } }; // expose to scope $.extend(theme, { PluginLightbox: PluginLightbox }); // jquery plugin $.fn.themePluginLightbox = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginLightbox($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Loading Overlay (function(theme, $) { 'use strict'; theme = theme || {}; var loadingOverlayTemplate = [ '
', '
', '
' ].join(''); var LoadingOverlay = function( $wrapper, options ) { return this.initialize( $wrapper, options ); }; LoadingOverlay.prototype = { options: { css: {} }, initialize: function( $wrapper, options ) { this.$wrapper = $wrapper; this .setVars() .setOptions( options ) .build() .events(); this.$wrapper.data( 'loadingOverlay', this ); }, setVars: function() { this.$overlay = this.$wrapper.find('.loading-overlay'); return this; }, setOptions: function( options ) { if ( !this.$overlay.get(0) ) { this.matchProperties(); } this.options = $.extend( true, {}, this.options, options ); this.loaderClass = this.getLoaderClass( this.options.css.backgroundColor ); return this; }, build: function() { if ( !this.$overlay.closest(document.documentElement).get(0) ) { if ( !this.$cachedOverlay ) { this.$overlay = $( loadingOverlayTemplate ).clone(); if ( this.options.css ) { this.$overlay.css( this.options.css ); this.$overlay.find( '.loader' ).addClass( this.loaderClass ); } } else { this.$overlay = this.$cachedOverlay.clone(); } this.$wrapper.append( this.$overlay ); } if ( !this.$cachedOverlay ) { this.$cachedOverlay = this.$overlay.clone(); } return this; }, events: function() { var _self = this; if ( this.options.startShowing ) { _self.show(); } if ( this.$wrapper.is('body') || this.options.hideOnWindowLoad ) { $( window ).on( 'load error', function() { _self.hide(); }); } if ( this.options.listenOn ) { $( this.options.listenOn ) .on( 'loading-overlay:show beforeSend.ic', function( e ) { e.stopPropagation(); _self.show(); }) .on( 'loading-overlay:hide complete.ic', function( e ) { e.stopPropagation(); _self.hide(); }); } this.$wrapper .on( 'loading-overlay:show beforeSend.ic', function( e ) { if ( e.target === _self.$wrapper.get(0) ) { e.stopPropagation(); _self.show(); return true; } return false; }) .on( 'loading-overlay:hide complete.ic', function( e ) { if ( e.target === _self.$wrapper.get(0) ) { e.stopPropagation(); _self.hide(); return true; } return false; }); return this; }, show: function() { this.build(); this.position = this.$wrapper.css( 'position' ).toLowerCase(); if ( this.position != 'relative' || this.position != 'absolute' || this.position != 'fixed' ) { this.$wrapper.css({ position: 'relative' }); } this.$wrapper.addClass( 'loading-overlay-showing' ); }, hide: function() { var _self = this; this.$wrapper.removeClass( 'loading-overlay-showing' ); setTimeout(function() { if ( this.position != 'relative' || this.position != 'absolute' || this.position != 'fixed' ) { _self.$wrapper.css({ position: '' }); } }, 500); }, matchProperties: function() { var i, l, properties; properties = [ 'backgroundColor', 'borderRadius' ]; l = properties.length; for( i = 0; i < l; i++ ) { var obj = {}; obj[ properties[ i ] ] = this.$wrapper.css( properties[ i ] ); $.extend( this.options.css, obj ); } }, getLoaderClass: function( backgroundColor ) { if ( !backgroundColor || backgroundColor === 'transparent' || backgroundColor === 'inherit' ) { return 'black'; } var hexColor, r, g, b, yiq; var colorToHex = function( color ){ var hex, rgb; if( color.indexOf('#') >- 1 ){ hex = color.replace('#', ''); } else { rgb = color.match(/\d+/g); hex = ('0' + parseInt(rgb[0], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[1], 10).toString(16)).slice(-2) + ('0' + parseInt(rgb[2], 10).toString(16)).slice(-2); } if ( hex.length === 3 ) { hex = hex + hex; } return hex; }; hexColor = colorToHex( backgroundColor ); r = parseInt( hexColor.substr( 0, 2), 16 ); g = parseInt( hexColor.substr( 2, 2), 16 ); b = parseInt( hexColor.substr( 4, 2), 16 ); yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; return ( yiq >= 128 ) ? 'black' : 'white'; } }; // expose to scope $.extend(theme, { LoadingOverlay: LoadingOverlay }); // expose as a jquery plugin $.fn.loadingOverlay = function( opts ) { return this.each(function() { var $this = $( this ); var loadingOverlay = $this.data( 'loadingOverlay' ); if ( loadingOverlay ) { return loadingOverlay; } else { var options = opts || $this.data( 'loading-overlay-options' ) || {}; return new LoadingOverlay( $this, options ); } }); } // auto init $('[data-loading-overlay]').loadingOverlay(); }).apply(this, [window.theme, jQuery]); // Masonry (function(theme, $) { theme = theme || {}; var instanceName = '__masonry'; var PluginMasonry = function($el, opts) { return this.initialize($el, opts); }; PluginMasonry.defaults = { }; PluginMasonry.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginMasonry.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.isotope))) { return this; } var self = this, $window = $(window); self.$loader = false; if (self.options.wrapper.parents('.masonry-loader').get(0)) { self.$loader = self.options.wrapper.parents('.masonry-loader'); self.createLoader(); } self.options.wrapper.one('layoutComplete', function(event, laidOutItems) { self.removeLoader(); }); self.options.wrapper.waitForImages(function() { self.options.wrapper.isotope(self.options); }); // IE10/11 fix if( $('html').hasClass('ie10') || $('html').hasClass('ie11') ) { var padding = parseInt( self.options.wrapper.children().css('padding-left') ) + parseInt( self.options.wrapper.children().css('padding-right') ); } $(window).on('resize', function() { setTimeout(function() { self.options.wrapper.isotope('layout'); }, 300); }); setTimeout(function() { self.removeLoader(); }, 3000); return this; }, createLoader: function() { var self = this; var loaderTemplate = [ '
', '
', '
', '
', '
' ].join(''); self.$loader.append(loaderTemplate); return this; }, removeLoader: function() { var self = this; if (self.$loader) { self.$loader.removeClass('masonry-loader-showing'); setTimeout(function() { self.$loader.addClass('masonry-loader-loaded'); }, 300); } } }; // expose to scope $.extend(theme, { PluginMasonry: PluginMasonry }); // jquery plugin $.fn.themePluginMasonry = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginMasonry($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Match Height (function(theme, $) { theme = theme || {}; var instanceName = '__matchHeight'; var PluginMatchHeight = function($el, opts) { return this.initialize($el, opts); }; PluginMatchHeight.defaults = { byRow: true, property: 'height', target: null, remove: false }; PluginMatchHeight.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginMatchHeight.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.matchHeight))) { return this; } var self = this; self.options.wrapper.matchHeight(self.options); return this; } }; // expose to scope $.extend(theme, { PluginMatchHeight: PluginMatchHeight }); // jquery plugin $.fn.themePluginMatchHeight = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginMatchHeight($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Parallax (function(theme, $) { theme = theme || {}; var instanceName = '__parallax'; var PluginParallax = function($el, opts) { return this.initialize($el, opts); }; PluginParallax.defaults = { speed: 1.5, horizontalPosition: '50%', offset: 0, parallaxHeight: '180%' }; PluginParallax.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginParallax.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { var self = this, $window = $(window), offset, yPos, bgpos, background; // Create Parallax Element background = $('
'); // Set Style for Parallax Element background.css({ 'background-image' : 'url(' + self.options.wrapper.data('image-src') + ')', 'background-size' : 'cover', 'position' : 'absolute', 'top' : 0, 'left' : 0, 'width' : '100%', 'height' : self.options.parallaxHeight }); // Add Parallax Element on DOM self.options.wrapper.prepend(background); // Set Overlfow Hidden and Position Relative to Parallax Wrapper self.options.wrapper.css({ 'position' : 'relative', 'overflow' : 'hidden' }); // Parallax Effect on Scroll & Resize var parallaxEffectOnScrolResize = function() { $window.on('scroll resize', function() { offset = self.options.wrapper.offset(); yPos = -($window.scrollTop() - (offset.top - 100)) / ((self.options.speed + 2 )); plxPos = (yPos < 0) ? Math.abs(yPos) : -Math.abs(yPos); background.css({ 'transform' : 'translate3d(0, '+ ( (plxPos - 50) + (self.options.offset) ) +'px, 0)', 'background-position-x' : self.options.horizontalPosition }); }); $window.trigger('scroll'); } if (!$.browser.mobile) { parallaxEffectOnScrolResize(); } else { if( self.options.enableOnMobile == true ) { parallaxEffectOnScrolResize(); } else { self.options.wrapper.addClass('parallax-disabled'); } } return this; } }; // expose to scope $.extend(theme, { PluginParallax: PluginParallax }); // jquery plugin $.fn.themePluginParallax = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginParallax($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Progress Bar (function(theme, $) { theme = theme || {}; var instanceName = '__progressBar'; var PluginProgressBar = function($el, opts) { return this.initialize($el, opts); }; PluginProgressBar.defaults = { accX: 0, accY: -50, delay: 1 }; PluginProgressBar.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginProgressBar.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.appear))) { return this; } var self = this, $el = this.options.wrapper, delay = 1; $el.appear(function() { delay = ($el.attr('data-appear-animation-delay') ? $el.attr('data-appear-animation-delay') : self.options.delay); $el.addClass($el.attr('data-appear-animation')); setTimeout(function() { $el.animate({ width: $el.attr('data-appear-progress-animation') }, 1500, 'easeOutQuad', function() { $el.find('.progress-bar-tooltip').animate({ opacity: 1 }, 500, 'easeOutQuad'); }); }, delay); }, { accX: self.options.accX, accY: self.options.accY }); return this; } }; // expose to scope $.extend(theme, { PluginProgressBar: PluginProgressBar }); // jquery plugin $.fn.themePluginProgressBar = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginProgressBar($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Revolution Slider (function(theme, $) { theme = theme || {}; var instanceName = '__revolution'; var PluginRevolutionSlider = function($el, opts) { return this.initialize($el, opts); }; PluginRevolutionSlider.defaults = { sliderType: 'standard', sliderLayout: 'fullwidth', delay: 9000, gridwidth: 1170, gridheight: 500, spinner: 'spinner3', disableProgressBar: 'on', parallax: { type: 'off', bgparallax: 'off' }, navigation: { keyboardNavigation: 'off', keyboard_direction: 'horizontal', mouseScrollNavigation: 'off', onHoverStop: 'off', touch: { touchenabled: 'on', swipe_threshold: 75, swipe_min_touches: 1, swipe_direction: 'horizontal', drag_block_vertical: false }, arrows: { enable: true, hide_onmobile: false, hide_under: 0, hide_onleave: true, hide_delay: 200, hide_delay_mobile: 1200, left: { h_align: 'left', v_align: 'center', h_offset: 30, v_offset: 0 }, right: { h_align: 'right', v_align: 'center', h_offset: 30, v_offset: 0 } } } }; PluginRevolutionSlider.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build() .events(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginRevolutionSlider.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.revolution))) { return this; } // Single Slider Class if(this.options.wrapper.find('> ul > li').length == 1) { this.options.wrapper.addClass('slider-single-slide'); } this.options.wrapper.revolution(this.options); return this; }, events: function() { return this; } }; // expose to scope $.extend(theme, { PluginRevolutionSlider: PluginRevolutionSlider }); // jquery plugin $.fn.themePluginRevolutionSlider = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginRevolutionSlider($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Scroll to Top (function(theme, $) { theme = theme || {}; $.extend(theme, { PluginScrollToTop: { defaults: { wrapper: $('body'), offset: 150, buttonClass: 'scroll-to-top', iconClass: 'fa fa-chevron-up', delay: 1000, visibleMobile: false, label: false, easing: 'easeOutBack' }, initialize: function(opts) { initialized = true; this .setOptions(opts) .build() .events(); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, this.defaults, opts); return this; }, build: function() { var self = this, $el; // Base HTML Markup $el = $('') .addClass(self.options.buttonClass) .attr({ 'href': '#', }) .append( $('') .addClass(self.options.iconClass) ); // Visible Mobile if (!self.options.visibleMobile) { $el.addClass('hidden-mobile'); } // Label if (self.options.label) { $el.append( $('').html(self.options.label) ); } this.options.wrapper.append($el); this.$el = $el; return this; }, events: function() { var self = this, _isScrolling = false; // Click Element Action self.$el.on('click', function(e) { e.preventDefault(); $('body, html').animate({ scrollTop: 0 }, self.options.delay, self.options.easing); return false; }); // Show/Hide Button on Window Scroll event. $(window).scroll(function() { if (!_isScrolling) { _isScrolling = true; if ($(window).scrollTop() > self.options.offset) { self.$el.stop(true, true).addClass('visible'); _isScrolling = false; } else { self.$el.stop(true, true).removeClass('visible'); _isScrolling = false; } } }); return this; } } }); }).apply(this, [window.theme, jQuery]); // Sort (function(theme, $) { theme = theme || {}; var instanceName = '__sort'; var PluginSort = function($el, opts) { return this.initialize($el, opts); }; PluginSort.defaults = { useHash: true, itemSelector: '.isotope-item', layoutMode: 'masonry', filter: '*', hiddenStyle: { opacity: 0 }, visibleStyle: { opacity: 1 }, stagger: 30, isOriginLeft: ($('html').attr('dir') == 'rtl' ? false : true) }; PluginSort.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginSort.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.isotope))) { return this; } var self = this, $source = this.options.wrapper, $destination = $('.sort-destination[data-sort-id="' + $source.attr('data-sort-id') + '"]'), $window = $(window); if ($destination.get(0)) { self.$source = $source; self.$destination = $destination; self.$loader = false; self.setParagraphHeight($destination); if (self.$destination.parents('.sort-destination-loader').get(0)) { self.$loader = self.$destination.parents('.sort-destination-loader'); self.createLoader(); } $destination.attr('data-filter', '*'); $destination.one('layoutComplete', function(event, laidOutItems) { self.removeLoader(); }); // IE10/11 fix if( $('html').hasClass('ie10') || $('html').hasClass('ie11') ) { var padding = parseInt( self.options.wrapper.children().css('padding-left') ) + parseInt( self.options.wrapper.children().css('padding-right') ); } $destination.waitForImages(function() { $destination.isotope(self.options); self.events(); }); setTimeout(function() { self.removeLoader(); }, 3000); } return this; }, events: function() { var self = this, filter = null, $window = $(window); self.$source.find('a').click(function(e) { e.preventDefault(); filter = $(this).parent().data('option-value'); self.setFilter(filter); if (e.originalEvent) { self.$source.trigger('filtered'); } return this; }); self.$destination.trigger('filtered'); self.$source.trigger('filtered'); if (self.options.useHash) { self.hashEvents(); } $window.on('resize', function() { setTimeout(function() { self.$destination.isotope('layout'); }, 300); }); setTimeout(function() { $window.trigger('resize'); }, 300); return this; }, setFilter: function(filter) { var self = this, page = false, currentFilter = filter; self.$source.find('.active').removeClass('active'); self.$source.find('li[data-option-value="' + filter + '"], li[data-option-value="' + filter + '"] > a').addClass('active'); self.options.filter = currentFilter; if (self.$destination.attr('data-current-page')) { currentFilter = currentFilter + '[data-page-rel=' + self.$destination.attr('data-current-page') + ']'; } self.$destination.attr('data-filter', filter).isotope({ filter: currentFilter }).one('arrangeComplete', function( event, filteredItems ) { if (self.options.useHash) { if (window.location.hash != '' || self.options.filter.replace('.', '') != '*') { window.location.hash = self.options.filter.replace('.', ''); } } $(window).trigger('scroll'); }).trigger('filtered'); return this; }, hashEvents: function() { var self = this, hash = null, hashFilter = null, initHashFilter = '.' + location.hash.replace('#', ''); if (initHashFilter != '.' && initHashFilter != '.*') { self.setFilter(initHashFilter); } $(window).on('hashchange', function(e) { hashFilter = '.' + location.hash.replace('#', ''); hash = (hashFilter == '.' || hashFilter == '.*' ? '*' : hashFilter); self.setFilter(hash); }); return this; }, setParagraphHeight: function() { var self = this, minParagraphHeight = 0, paragraphs = $('span.thumb-info-caption p', self.$destination); paragraphs.each(function() { if ($(this).height() > minParagraphHeight) { minParagraphHeight = ($(this).height() + 10); } }); paragraphs.height(minParagraphHeight); return this; }, createLoader: function() { var self = this; var loaderTemplate = [ '
', '
', '
', '
', '
' ].join(''); self.$loader.append(loaderTemplate); return this; }, removeLoader: function() { var self = this; if (self.$loader) { self.$loader.removeClass('sort-destination-loader-showing'); setTimeout(function() { self.$loader.addClass('sort-destination-loader-loaded'); }, 300); } } }; // expose to scope $.extend(theme, { PluginSort: PluginSort }); // jquery plugin $.fn.themePluginSort = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginSort($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Sticky (function(theme, $) { theme = theme || {}; var instanceName = '__sticky'; var PluginSticky = function($el, opts) { return this.initialize($el, opts); }; PluginSticky.defaults = { minWidth: 991, activeClass: 'sticky-active' }; PluginSticky.prototype = { initialize: function($el, opts) { if ( $el.data( instanceName ) ) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginSticky.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.pin))) { return this; } var self = this, $window = $(window); self.options.wrapper.pin(self.options); $window.afterResize(function() { self.options.wrapper.removeAttr('style').removeData('pin'); self.options.wrapper.pin(self.options); $window.trigger('scroll'); }); return this; } }; // expose to scope $.extend(theme, { PluginSticky: PluginSticky }); // jquery plugin $.fn.themePluginSticky = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginSticky($this, opts); } }); } }).apply(this, [ window.theme, jQuery ]); // Toggle (function(theme, $) { theme = theme || {}; var instanceName = '__toggle'; var PluginToggle = function($el, opts) { return this.initialize($el, opts); }; PluginToggle.defaults = { duration: 350, isAccordion: false }; PluginToggle.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginToggle.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { var self = this, $wrapper = this.options.wrapper, $items = $wrapper.find('.toggle'), $el = null; $items.each(function() { $el = $(this); if ($el.hasClass('active')) { $el.find('> p').addClass('preview-active'); $el.find('> .toggle-content').slideDown(self.options.duration); } self.events($el); }); if (self.options.isAccordion) { self.options.duration = self.options.duration / 2; } return this; }, events: function($el) { var self = this, previewParCurrentHeight = 0, previewParAnimateHeight = 0, toggleContent = null; $el.find('> label').click(function(e) { var $this = $(this), parentSection = $this.parent(), parentWrapper = $this.parents('.toggle'), previewPar = null, closeElement = null; if (self.options.isAccordion && typeof(e.originalEvent) != 'undefined') { closeElement = parentWrapper.find('.toggle.active > label'); if (closeElement[0] == $this[0]) { return; } } parentSection.toggleClass('active'); // Preview Paragraph if (parentSection.find('> p').get(0)) { previewPar = parentSection.find('> p'); previewParCurrentHeight = previewPar.css('height'); previewPar.css('height', 'auto'); previewParAnimateHeight = previewPar.css('height'); previewPar.css('height', previewParCurrentHeight); } // Content toggleContent = parentSection.find('> .toggle-content'); if (parentSection.hasClass('active')) { $(previewPar).animate({ height: previewParAnimateHeight }, self.options.duration, function() { $(this).addClass('preview-active'); }); toggleContent.slideDown(self.options.duration, function() { if (closeElement) { closeElement.trigger('click'); } }); } else { $(previewPar).animate({ height: 0 }, self.options.duration, function() { $(this).removeClass('preview-active'); }); toggleContent.slideUp(self.options.duration); } }); } }; // expose to scope $.extend(theme, { PluginToggle: PluginToggle }); // jquery plugin $.fn.themePluginToggle = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginToggle($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Tweets (function(theme, $) { theme = theme || {}; var instanceName = '__tweets'; var PluginTweets = function($el, opts) { return this.initialize($el, opts); }; PluginTweets.defaults = { username: null, count: 2, URL: 'php/twitter-feed.php' }; PluginTweets.prototype = { initialize: function($el, opts) { if ($el.data(instanceName)) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginTweets.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { if (this.options.username == null || this.options.username == '') { return this; } var self = this, $wrapper = this.options.wrapper; $.ajax({ type: 'GET', data: { twitter_screen_name: self.options.username, tweets_to_display: self.options.count }, url: self.options.URL, }).done(function(html) { $wrapper.html(html).find('a').attr('target','_blank'); }); return this; } }; // expose to scope $.extend(theme, { PluginTweets: PluginTweets }); // jquery plugin $.fn.themePluginTweets = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginTweets($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Validation (function(theme, $) { theme = theme || {}; $.extend(theme, { PluginValidation: { defaults: { validator: { highlight: function(element) { $(element) .parent() .removeClass('has-success') .addClass('has-danger'); }, success: function(element) { $(element) .parent() .removeClass('has-danger') .addClass('has-success') .find('label.error') .remove(); }, errorPlacement: function(error, element) { if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') { error.appendTo(element.parent().parent()); } else { error.insertAfter(element); } } }, validateCaptchaURL: 'php/contact-form-verify-captcha.php', refreshCaptchaURL: 'php/contact-form-refresh-captcha.php' }, initialize: function(opts) { initialized = true; this .setOptions(opts) .build(); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, this.defaults, opts); return this; }, build: function() { var self = this; if (!($.isFunction($.validator))) { return this; } self.addMethods(); self.setMessageGroups(); $.validator.setDefaults(self.options.validator); return this; }, addMethods: function() { var self = this; $.validator.addMethod('captcha', function(value, element, params) { var captchaValid = false; $.ajax({ url: self.options.validateCaptchaURL, type: 'POST', async: false, dataType: 'json', data: { captcha: $.trim(value) }, success: function(data) { if (data.response == 'success') { captchaValid = true; } } }); if (captchaValid) { return true; } }, ''); // Refresh Captcha $('#refreshCaptcha').on('click', function(e) { e.preventDefault(); $.get(self.options.refreshCaptchaURL, function(url) { $('#captcha-image').attr('src', url); }); }); }, setMessageGroups: function() { $('.checkbox-group[data-msg-required], .radio-group[data-msg-required]').each(function() { var message = $(this).data('msg-required'); $(this).find('input').attr('data-msg-required', message); }); } } }); }).apply(this, [window.theme, jQuery]); // Video Background (function(theme, $) { theme = theme || {}; var instanceName = '__videobackground'; var PluginVideoBackground = function($el, opts) { return this.initialize($el, opts); }; PluginVideoBackground.defaults = { overlay: true, volume: 1, playbackRate: 1, muted: true, loop: true, autoplay: true, position: '50% 50%', posterType: 'detect' }; PluginVideoBackground.prototype = { initialize: function($el, opts) { this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginVideoBackground.defaults, opts, { path: this.$el.data('video-path'), wrapper: this.$el }); return this; }, build: function() { if (!($.isFunction($.fn.vide)) || (!this.options.path)) { return this; } if (this.options.overlay) { this.options.wrapper.prepend( $('
').addClass('video-overlay') ); } this.options.wrapper.vide(this.options.path, this.options); return this; } }; // expose to scope $.extend(theme, { PluginVideoBackground: PluginVideoBackground }); // jquery plugin $.fn.themePluginVideoBackground = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginVideoBackground($this, opts); } }); } }).apply(this, [window.theme, jQuery]); // Word Rotator (function(theme, $) { theme = theme || {}; var instanceName = '__wordRotator'; var PluginWordRotator = function($el, opts) { return this.initialize($el, opts); }; PluginWordRotator.defaults = { delay: 2000, animDelay: 300 }; PluginWordRotator.prototype = { initialize: function($el, opts) { if ( $el.data( instanceName ) ) { return this; } this.$el = $el; this .setData() .setOptions(opts) .build(); return this; }, setData: function() { this.$el.data(instanceName, this); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, PluginWordRotator.defaults, opts, { wrapper: this.$el }); return this; }, build: function() { var self = this, $el = this.options.wrapper, itemsWrapper = $el.find(".word-rotator-items"), items = itemsWrapper.find("> span"), firstItem = items.eq(0), firstItemClone = firstItem.clone(), currentItem = 1, currentTop = 0, itemWidth = 0; itemsWrapper .width(firstItem.width() + "px") .append(firstItemClone); $el .addClass("active"); setInterval(function() { currentTop = (currentItem * $el.height()); currentItem++; if(currentItem <= items.length) { itemWidth = items.eq(currentItem-1).width(); } else { itemWidth = items.eq(0).width(); } itemsWrapper.animate({ top: -(currentTop) + "px", width: itemWidth + "px" }, self.options.animDelay, "easeOutQuad", function() { if(currentItem > items.length) { itemsWrapper.css("top", 0); currentItem = 1; } }); }, self.options.delay); return this; } }; // expose to scope $.extend(theme, { PluginWordRotator: PluginWordRotator }); // jquery plugin $.fn.themePluginWordRotator = function(opts) { return this.map(function() { var $this = $(this); if ($this.data(instanceName)) { return $this.data(instanceName); } else { return new PluginWordRotator($this, opts); } }); } }).apply(this, [ window.theme, jQuery ]); // Account (function(theme, $) { theme = theme || {}; var initialized = false; $.extend(theme, { Account: { defaults: { wrapper: $('#headerAccount') }, initialize: function($wrapper, opts) { if (initialized) { return this; } initialized = true; this.$wrapper = ($wrapper || this.defaults.wrapper); this .setOptions(opts) .events(); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, this.defaults, opts, theme.fn.getOptions(this.$wrapper.data('plugin-options'))); return this; }, events: function() { var self = this; $(window).on('load', function(){ self.$wrapper.find('input').on('focus', function() { self.$wrapper.addClass('open'); $(document).mouseup(function(e) { if (!self.$wrapper.is(e.target) && self.$wrapper.has(e.target).length === 0) { self.$wrapper.removeClass('open'); } }); }); }); $('#headerSignUp').on('click', function(e) { e.preventDefault(); self.$wrapper.addClass('signup').removeClass('signin').removeClass('recover'); self.$wrapper.find('.signup-form input:first').focus(); }); $('#headerSignIn').on('click', function(e) { e.preventDefault(); self.$wrapper.addClass('signin').removeClass('signup').removeClass('recover'); self.$wrapper.find('.signin-form input:first').focus(); }); $('#headerRecover').on('click', function(e) { e.preventDefault(); self.$wrapper.addClass('recover').removeClass('signup').removeClass('signin'); self.$wrapper.find('.recover-form input:first').focus(); }); $('#headerRecoverCancel').on('click', function(e) { e.preventDefault(); self.$wrapper.addClass('signin').removeClass('signup').removeClass('recover'); self.$wrapper.find('.signin-form input:first').focus(); }); } } }); }).apply(this, [window.theme, jQuery]); // Nav (function(theme, $) { theme = theme || {}; var initialized = false; $.extend(theme, { Nav: { defaults: { wrapper: $('#mainNav'), scrollDelay: 600, scrollAnimation: 'easeOutQuad' }, initialize: function($wrapper, opts) { if (initialized) { return this; } initialized = true; this.$wrapper = ($wrapper || this.defaults.wrapper); this .setOptions(opts) .build() .events(); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, this.defaults, opts, theme.fn.getOptions(this.$wrapper.data('plugin-options'))); return this; }, build: function() { var self = this, $html = $('html'), $header = $('#header'), thumbInfoPreview; // Add Arrows $header.find('.dropdown-toggle, .dropdown-submenu > a').append($('').addClass('fa fa-caret-down')); // Preview Thumbs self.$wrapper.find('a[data-thumb-preview]').each(function() { thumbInfoPreview = $('').addClass('thumb-info thumb-info-preview') .append($('').addClass('thumb-info-wrapper') .append($('').addClass('thumb-info-image').css('background-image', 'url(' + $(this).data('thumb-preview') + ')') ) ); $(this).append(thumbInfoPreview); }); // Side Header Right (Reverse Dropdown) if($html.hasClass('side-header-right')) { $header.find('.dropdown-menu').addClass('dropdown-reverse'); } else { // Reverse self.checkReverse = function() { self.$wrapper.find('.dropdown-menu').removeClass('dropdown-reverse'); self.$wrapper.find('.dropdown-submenu:not(.manual)').each(function() { if(!$(this).find('.dropdown-menu').visible( false, true, 'horizontal' ) ) { $(this).find('.dropdown-menu').addClass('dropdown-reverse'); } }); } self.checkReverse(); $(window).afterResize(function() { self.checkReverse(); }); } return this; }, events: function() { var self = this, $html = $('html'), $header = $('#header'), $window = $(window), headerBodyHeight = $('.header-body').outerHeight(); $header.find('a[href="#"]').on('click', function(e) { e.preventDefault(); }); // Mobile Arrows $header.find('.dropdown-toggle[href="#"], .dropdown-submenu a[href="#"], .dropdown-toggle[href!="#"] .fa-caret-down, .dropdown-submenu a[href!="#"] .fa-caret-down').on('click', function(e) { e.preventDefault(); if ($window.width() < 992) { $(this).closest('li').toggleClass('opened'); } // Adjust Header Body Height $('.header-body').animate({ height: ($('.header-nav-main nav').outerHeight() + headerBodyHeight) + 20 }, 0); }); // Touch Devices with normal resolutions if('ontouchstart' in document.documentElement) { $header.find('.dropdown-toggle:not([href="#"]), .dropdown-submenu > a:not([href="#"])') .on('touchstart', function(e) { if($window.width() > 991) { e.stopPropagation(); e.preventDefault(); var li = $(this).closest('li'); if(e.handled !== true) { if(li.hasClass('tapped')) { location.href = $(this).attr('href'); } li.addClass('tapped'); e.handled = true; } else { return false; } li.addClass('open'); return false; } }) .on('blur', function(e) { $(this).closest('li').removeClass('tapped'); }); } // Collapse Nav $header.find('[data-collapse-nav]').on('click', function(e) { $(this).parents('.collapse').removeClass('in'); }); // Set Header Body Height when open mobile menu $('.header-nav-main nav').on('show.bs.collapse', function () { $('.header-body').animate({ height: ($(this).outerHeight() + headerBodyHeight) + 20 }); }); // Set Header Body Height when collapse mobile menu $('.header-nav-main nav').on('hide.bs.collapse', function () { $('.header-body').animate({ height: headerBodyHeight }, function(){ $(this).height('auto'); }); }); // Side Header - Change value of initial header body height if( $window.width() > 991 ) { var flag = false; $window.afterResize(function(){ if( $window.width() < 992 && flag == false ) { headerBodyHeight = $('.header-body').outerHeight(); flag = true; } }); } // Anchors Position $('[data-hash]').each(function() { var target = $(this).attr('href'), offset = ($(this).is("[data-hash-offset]") ? $(this).data('hash-offset') : 0); if($(target).get(0)) { $(this).on('click', function(e) { e.preventDefault(); // Close Collapse if Opened $(this).parents('.collapse.in').removeClass('in'); self.scrollToTarget(target, offset); return; }); } }); return this; }, scrollToTarget: function(target, offset) { var self = this; $('body').addClass('scrolling'); $('html, body').animate({ scrollTop: $(target).offset().top - offset }, self.options.scrollDelay, self.options.scrollAnimation, function() { $('body').removeClass('scrolling'); }); return this; } } }); }).apply(this, [window.theme, jQuery]); // Newsletter (function(theme, $) { theme = theme || {}; var initialized = false; $.extend(theme, { Newsletter: { defaults: { wrapper: $('#newsletterForm') }, initialize: function($wrapper, opts) { if (initialized) { return this; } initialized = true; this.$wrapper = ($wrapper || this.defaults.wrapper); this .setOptions(opts) .build(); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, this.defaults, opts, theme.fn.getOptions(this.$wrapper.data('plugin-options'))); return this; }, build: function() { if (!($.isFunction($.fn.validate))) { return this; } var self = this, $email = self.$wrapper.find('#newsletterEmail'), $success = $('#newsletterSuccess'), $error = $('#newsletterError'); self.$wrapper.validate({ submitHandler: function(form) { $.ajax({ type: 'POST', url: self.$wrapper.attr('action'), data: { 'email': $email.val() }, dataType: 'json', success: function(data) { if (data.response == 'success') { $success.removeClass('d-none'); $error.addClass('d-none'); $email .val('') .blur() .closest('.control-group') .removeClass('success') .removeClass('error'); } else { $error.html(data.message); $error.removeClass('d-none'); $success.addClass('d-none'); $email .blur() .closest('.control-group') .removeClass('success') .addClass('error'); } } }); }, rules: { newsletterEmail: { required: true, email: true } }, errorPlacement: function(error, element) { } }); return this; } } }); }).apply(this, [window.theme, jQuery]); // Search (function(theme, $) { theme = theme || {}; var initialized = false; $.extend(theme, { Search: { defaults: { wrapper: $('#searchForm') }, initialize: function($wrapper, opts) { if (initialized) { return this; } initialized = true; this.$wrapper = ($wrapper || this.defaults.wrapper); this .setOptions(opts) .build(); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, this.defaults, opts, theme.fn.getOptions(this.$wrapper.data('plugin-options'))); return this; }, build: function() { if (!($.isFunction($.fn.validate))) { return this; } this.$wrapper.validate({ errorPlacement: function(error, element) {} }); return this; } } }); }).apply(this, [window.theme, jQuery]); // Sticky Header (function(theme, $) { theme = theme || {}; var initialized = false; $.extend(theme, { StickyHeader: { defaults: { wrapper: $('#header'), headerBody: $('#header .header-body'), stickyEnabled: true, stickyEnableOnBoxed: true, stickyEnableOnMobile: true, stickyStartAt: 0, stickyStartAtElement: false, stickySetTop: 0, stickyChangeLogo: false, stickyChangeLogoWrapper: true }, initialize: function($wrapper, opts) { if (initialized) { return this; } initialized = true; this.$wrapper = ($wrapper || this.defaults.wrapper); this .setOptions(opts) .build() .events(); return this; }, setOptions: function(opts) { this.options = $.extend(true, {}, this.defaults, opts, theme.fn.getOptions(this.$wrapper.data('plugin-options'))); return this; }, build: function() { if (!this.options.stickyEnableOnBoxed && $('html').hasClass('boxed') || !this.options.stickyEnabled) { return this; } var self = this, $html = $('html'), $window = $(window), sideHeader = $html.hasClass('side-header'); // HTML Classes $html.addClass('sticky-header-enabled'); if (parseInt(self.options.stickySetTop) < 0) { $html.addClass('sticky-header-negative'); } // Set Start At if(self.options.stickyStartAtElement) { var $stickyStartAtElement = $(self.options.stickyStartAtElement); $(window).on('scroll resize', function() { self.options.stickyStartAt = $stickyStartAtElement.offset().top; }); $(window).trigger('resize'); } // Boxed if($html.hasClass('boxed') && (parseInt(self.options.stickyStartAt) == 0) && $window.width() > 991) { self.options.stickyStartAt = 30; } // Set Wrapper Min-Height self.options.wrapper.css('min-height', self.options.wrapper.height()); // Check Sticky Header self.checkStickyHeader = function() { if ($window.scrollTop() >= parseInt(self.options.stickyStartAt)) { self.activateStickyHeader(); } else { self.deactivateStickyHeader(); } }; // Activate Sticky Header self.activateStickyHeader = function() { if ($window.width() < 992) { if (!self.options.stickyEnableOnMobile) { self.deactivateStickyHeader(); return; } } else { if (sideHeader) { self.deactivateStickyHeader(); return; } } $html.addClass('sticky-header-active'); self.options.headerBody.css('top', self.options.stickySetTop); if (self.options.stickyChangeLogo) { self.changeLogo(true); } $.event.trigger({ type: 'stickyHeader.activate' }); }; // Deactivate Sticky Header self.deactivateStickyHeader = function() { $html.removeClass('sticky-header-active'); self.options.headerBody.css('top', 0); if (self.options.stickyChangeLogo) { self.changeLogo(false); } $.event.trigger({ type: 'stickyHeader.deactivate' }); }; // Always Sticky if (parseInt(self.options.stickyStartAt) <= 0) { self.activateStickyHeader(); } // Set Logo if (self.options.stickyChangeLogo) { var $logoWrapper = self.options.wrapper.find('.header-logo'), $logo = $logoWrapper.find('img'), logoWidth = $logo.attr('width'), logoHeight = $logo.attr('height'), logoSmallTop = parseInt($logo.attr('data-sticky-top') ? $logo.attr('data-sticky-top') : 0), logoSmallWidth = parseInt($logo.attr('data-sticky-width') ? $logo.attr('data-sticky-width') : 'auto'), logoSmallHeight = parseInt($logo.attr('data-sticky-height') ? $logo.attr('data-sticky-height') : 'auto'); if (self.options.stickyChangeLogoWrapper) { $logoWrapper.css({ 'width': $logo.outerWidth(true), 'height': $logo.outerHeight(true) }); } self.changeLogo = function(activate) { if(activate) { $logo.css({ 'top': logoSmallTop, 'width': logoSmallWidth, 'height': logoSmallHeight }); } else { $logo.css({ 'top': 0, 'width': logoWidth, 'height': logoHeight }); } } } return this; }, events: function() { var self = this; if (!this.options.stickyEnableOnBoxed && $('body').hasClass('boxed') || !this.options.stickyEnabled) { return this; } if (!self.options.alwaysStickyEnabled) { $(window).on('scroll resize', function() { self.checkStickyHeader(); }); } else { self.activateStickyHeader(); } return this; } } }); }).apply(this, [window.theme, jQuery]);