File: /home/slyfwmm/dallavitae/assets/dv-landing-page/skrollex/assets/js/script-bundle.js
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function($context, script){
var isPoorBrowser = $('html').hasClass('poor-browser');
var isNoAnimations = $('html').hasClass('no-animations');
if(!Modernizr.cssanimations || isPoorBrowser || isNoAnimations){
$('.scroll-in-animation').removeClass('scroll-in-animation');
$('.scroll-animation').removeClass('scroll-animation');
return;
}
$('.safari i.scroll-in-animation').removeClass('scroll-in-animation');
$('.safari i.scroll-animation').removeClass('scroll-animation');
$context.find('.scroll-in-animation, .scroll-animation').each(function(){
var $this = $(this);
var delay = $this.data('delay');
var animation = $this.data('animation')+' css-animation-show';
$this.removeClass(animation);
var pause = function(){
if(delay){
setTimeout(function(){$this.removeClass(animation);}, delay);
}else{
$this.removeClass(animation);
}
}
var resume = function(){
if(delay){
setTimeout(function(){$this.addClass(animation);}, delay);
}else{
$this.addClass(animation);
}
}
var start = resume;
script.players.addPlayer($this, start, pause, resume);
});
};
},{}],2:[function(require,module,exports){
"use strict"; var $ = jQuery;
var players=[];
players.addPlayer = function($view, startFunc, pauseFunc, resumeFunc){
players.push(
new (function(){
var played = false;
var started = false;
this.$view = $view;
$view.addClass('player').data('player-ind', players.length);
this.play = function(){
if(!played){
played = true;
if(!started){
started = true;
startFunc();
}else{
resumeFunc();
}
}
};
this.pause = function(){
if(played){
played = false;
pauseFunc();
}
};
})()
);
};
module.exports = players;
},{}],3:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(script){
var me = this;
var tools = require('../tools/tools.js');
var ScrollAnimation = require('../app/scroll-animation.js');
var $window = $(window);
var isPoorBrowser = $('html').hasClass('poor-browser');
var scrollAnimation = new ScrollAnimation(me, script);
this.windowTopPos = undefined;
this.windowBottomPos = undefined;
this.windowH = undefined;
this.scroll = function(windowTopP){
me.windowH = $window.height();
me.windowBottomPos = windowTopP+me.windowH;
if(windowTopP < script.topNav.state1Top()){
if(me.windowTopPos === undefined){
setTimeout(function(){script.topNav.state1();});
}else{
script.topNav.state1();
}
}else{
if(me.windowTopPos === undefined){
setTimeout(function(){script.topNav.state2();});
}else{
script.topNav.state2();
}
}
me.windowTopPos = windowTopP;
scrollAnimation.scroll()
for(var i=0; i<script.players.length; i++){
var viewPos = me.calcPosition(script.players[i].$view);
if(viewPos.visible){
script.players[i].play();
}else{
script.players[i].pause();
}
}
}
this.calcPosition = function ($block){
var blockH = $block.height();
var blockTopPos = $block.data('position');
var blockBottomPos = blockTopPos + blockH;
return {
top: blockTopPos,
bottom: blockBottomPos,
height: blockH,
visible: blockTopPos<me.windowBottomPos && blockBottomPos>me.windowTopPos
};
}
};
},{"../app/scroll-animation.js":7,"../tools/tools.js":13}],4:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(){
var appShare = require('../app/app-share.js');
var isPoorBrowser = $('html').hasClass('poor-browser');
var isNoAnimations = $('html').hasClass('no-animations');
var fadeTime = 4000;
var moveTime = 12000;
var st0 = {scale: 1};
var st1 = {scale: 1.1};
var rules = [
[st0, st1],
[st1, st0]
];
var origins = [
{or: 'left top', xr: 0, yr: 0},
{or: 'left center', xr: 0, yr: 1},
{or: 'right top', xr: 2, yr: 0},
{or: 'right center', xr: 2, yr: 1}
]
var lastRule = rules.length -1;
var lastOrigin = origins.length -1;
var fadeEase = TWEEN.Easing.Quartic.InOut;
var moveEase = TWEEN.Easing.Linear.None;
this.run = function($slides) {
if(isPoorBrowser || window.skrollexConfig.screenshotMode || isNoAnimations) return;
var lastI = $slides.length - 1;
show(lastI, true);
function show(i, isFirstRun) {
var slide = $slides.get(i);
var $slide = $(slide);
var cfg = $slide.data();
var ri = Math.round(Math.random() * lastRule);
var ori = Math.round(Math.random() * lastOrigin);
var rule = rules[ri];
cfg.ssScale = rule[0]['scale'];
cfg.ssOrig = origins[ori];
cfg.ssOpacity = (i === lastI && !isFirstRun) ? 0 : 1;
if (i === lastI && !isFirstRun) {
new TWEEN.Tween(cfg)
.to({ssOpacity: 1}, fadeTime)
.easing(fadeEase)
.onComplete(function(){
$slides.each(function(){
$(this).data().ssOpacity = 1;
});
})
.start();
}
new TWEEN.Tween(cfg)
.to({ssScale: rule[1]['scale']}, moveTime)
.easing(moveEase)
.start();
if (i > 0) {
new TWEEN.Tween({ssOpacity: 1})
.to({ssOpacity: 0}, fadeTime)
.onUpdate(function(){
cfg.ssOpacity = this.ssOpacity;
})
.easing(fadeEase)
.delay(moveTime - fadeTime)
.onStart(function(){
show(i - 1);
})
.start();
}else{
new TWEEN.Tween(cfg)
.to({}, 0)
.easing(fadeEase)
.delay(moveTime - fadeTime)
.onStart(function(){
show(lastI);
})
.start();
}
}
};
};
},{"../app/app-share.js":5}],5:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = new (function(){
var me = this;
var isOldWin =
(navigator.appVersion.indexOf("Windows NT 6.1")!=-1) || //Win7
(navigator.appVersion.indexOf("Windows NT 6.0")!=-1) || //Vista
(navigator.appVersion.indexOf("Windows NT 5.1")!=-1) || //XP
(navigator.appVersion.indexOf("Windows NT 5.0")!=-1); //Win2000
var isIE9 = $('html').hasClass('ie9');
var isIE10 = $('html').hasClass('ie10');
var isIE11 = $('html').hasClass('ie11');
var isEdge = $('html').hasClass('edge');
var isPoorBrowser = $('html').hasClass('poor-browser');
var isMobile = $('html').hasClass('mobile');
var factor = (function(){
if(isIE9 || isIE10 || (isIE11 && isOldWin)){
return 0;
}else if(isIE11){
return -0.15;
}else if(isEdge){
return -0.15;
}else if(isPoorBrowser){
return 0;
}else{
return -0.25;
}
})();
this.force3D = isMobile ? false : true;
this.parallaxMargin = function(script, secInd, viewOffsetFromWindowTop){
var viewOffsetFromNavPoint = (viewOffsetFromWindowTop - (secInd === 0 ? 0 : script.topNav.state2H));
return Math.round(factor * viewOffsetFromNavPoint);
};
})();
},{}],6:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = new (function(){
var appShare = require('./app-share.js');
var themes = require('./themes.js');
var SlideShow = require('../animation/slide-show.js');
var slideShow = new SlideShow();
var isPoorBrowser = $('html').hasClass('poor-browser');
var isNoAnimations = $('html').hasClass('no-animations');
var isMobile = $('html').hasClass('mobile');
var isDecorB = $('html').hasClass('site-decoration-b');
var skewH = 60;
var $bord = $('#top-nav, .page-border, #dot-scroll');
var $topNav = $('#top-nav');
var state1Colors = $topNav.data('state1-colors');
var state2Colors = $topNav.data('state2-colors');
var $body = $('body');
var $views = $('.view');
var $bacgrounds;
this.prepare = function(callback){
if(window.location.protocol === 'file:' && !$('body').hasClass('example-page')){
$('<div class="file-protocol-alert alert colors-d background-80 heading fade in"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> Upload files to web server and open template from web server. If template is opened from local file system, some links, functions and examples may work incorrectly.</div>')
.appendTo('body');
}
if(appShare.force3D === true){
$('html').addClass('force3d');
}
$('.wrapper-content, .view').each(function(){
var $this = $(this)
var $holders = isPoorBrowser ? $this.children('.bg-holder:last') : $this.children('.bg-holder');
$holders.each(function(){
var $holder = $(this);
$holder.after('<img alt="'+$holder.data('alt')+'" class="bg" src="'+$holder.data('src')+'" />');
});
});
$('.bg-holder').remove();
if(isPoorBrowser || isNoAnimations){
var $bodyBg = $('.wrapper-content>.bg');
$bodyBg.each(function(i){
if(i === ($bodyBg.length - 1)){
$(this).css('display', 'block');
}else{
$(this).remove();
}
});
$('.view').each(function(){
var $viewBg = $(this).children('.bg');
$viewBg.each(function(i){
if(i === 0){
$(this).css('display', 'block');
}else{
$(this).remove();
}
});
});
}
if(isMobile){
var $bodyImg = $('.wrapper-content>img.bg');
var $defImgSet = $bodyImg.length>0 ? $bodyImg : $('.view>img.bg');
if($defImgSet.length > 0){
var $defImg = $($defImgSet[0]);
$('.view').each(function(){
var $sec = $(this);
var $bg = $sec.children('img.bg');
if($bg.length<1){
$defImg.clone().prependTo($sec);
}
});
}
$('.wrapper-content>img.bg').remove();
}
$bacgrounds = $('.bg');
callback();
};
this.setup = function(callback){
var goodColor = function($el){
var bg = $el.css('background-color');
return (
bg.match(/#/i) ||
bg.match(/rgb\(/i) ||
bg.match(/rgba.*,0\)/i)
);
};
$('.view.section-header').each(function(){
var $this = $(this);
var $next = $this.nextAll('.view').first().children('.fg');
if($next.length>0 && goodColor($next)){
$this.children('.fg').addClass('skew-bottom-right');
}
});
$('.view.section-footer').each(function(){
var $this = $(this);
var $prev = $this.prevAll('.view').first().children('.fg');
if($prev.length>0 && goodColor($prev)){
$this.children('.fg').addClass('skew-top-right');
}
});
$views.find('.fg').filter('.skew-top-right, .skew-top-left, .skew-bottom-left, .skew-bottom-right').each(function(){
var $content = $(this);
var $view = $content.parent();
if($content.hasClass('skew-top-right') || $content.hasClass('skew-top-left')){
var $prev = $view.prevAll('.view').first().children('.fg');
if($prev.length>0 && goodColor($prev)){
var type = $content.hasClass('skew-top-right') ? 1 : 2;
$('<div class="skew skew-top-'+(type === 1 ? 'right' : 'left')+'"></div>').appendTo($content).css({
position: "absolute",
top: "0px",
width: "0px",
height: "0px",
"border-top-width": type === 2 ? (skewH+"px") : "0px",
"border-right-width": "2880px",
"border-bottom-width": type === 1 ? (skewH+"px") : "0px",
"border-left-width": "0px",
"border-style": "solid solid solid dashed",
"border-bottom-color": "transparent",
"border-left-color": "transparent"
}).addClass(getColorClass($prev));
}
}
if($content.hasClass('skew-bottom-left') || $content.hasClass('skew-bottom-right')){
var $next = $view.nextAll('.view').first().children('.fg');
if($next.length>0 && goodColor($next)){
var type = $content.hasClass('skew-bottom-left') ? 1 : 2;
$('<div class="skew skew-bottom-'+(type === 1 ? 'left' : 'right')+'"></div>').appendTo($content).css({
position: "absolute",
bottom: "0px",
width: "0px",
height: "0px",
"border-top-width": type === 1 ? (skewH+"px") : "0px",
"border-right-width": "0px",
"border-bottom-width": type === 2 ? (skewH+"px") : "0px",
"border-left-width": "2880px",
"border-style": "solid dashed solid solid",
"border-top-color": "transparent",
"border-right-color": "transparent"
}).addClass(getColorClass($next));
}
}
});
callback();
function getColorClass($el){
for(var i=0; i<themes.colors; i++){
var colorClass = 'colors-'+String.fromCharCode(65+i).toLowerCase();
if($el.hasClass(colorClass)){
return colorClass;
}
}
}
};
this.ungated = function(){
$('.wrapper-content, .view').each(function(){
var $bg = $(this).children('.bg');
if($bg.length > 1) slideShow.run($bg);
});
}
this.tick = function(){
$bacgrounds.each(function(){
var $this = $(this);
var cfg = $this.data();
var opa, xr, yr, or;
if(cfg.ssOpacity !== undefined){
opa = cfg.ssOpacity;
xr = cfg.ssOrig.xr;
yr = cfg.ssOrig.yr;
or = cfg.ssOrig.or;
}else{
opa = 1;
xr = 1;
yr = 1;
or = 'center center';
}
var x = cfg.normalX + (cfg.zoomXDelta * xr);
var y = cfg.normalY + (cfg.zoomYDelta * yr) + (cfg.parallaxY !== undefined ? cfg.parallaxY : 0);
var sc = cfg.normalScale * (cfg.ssScale !== undefined ? cfg.ssScale : 1);
if(Modernizr.csstransforms3d && appShare.force3D){
$this.css({transform: 'translate3d('+x+'px, '+y+'px, 0px) scale('+sc+', '+sc+')', opacity: opa, 'transform-origin': or+' 0px'});
}else{
$this.css({transform: 'translate('+x+'px, '+y+'px) scale('+sc+', '+sc+')', opacity: opa, 'transform-origin': or});
}
});
}
this.buildSizes = function(script){
var $window = $(window);
var wh = $window.height();
var ww = $window.width();
var $tnav = $('#top-nav:visible');
var sh = isDecorB ? wh : (wh - ($tnav.length > 0 ? script.topNav.state2H : 0));
var $bbord = $('.page-border.bottom:visible');
var borderH = $bbord.length > 0 ? $bbord.height() : 0;
$('.full-size, .half-size, .one-third-size').each(function() {
var $this = $(this);
var minPaddingTop = parseInt($this.css({
'padding-top': '',
}).css('padding-top').replace('px', ''));
var minPaddingBottom = parseInt($this.css({
'padding-bottom': '',
}).css('padding-bottom').replace('px', ''));
var minFullH = isDecorB ? sh : (sh - ($bbord.length > 0 ? borderH : 0));
var minHalfH = Math.ceil(minFullH / 2);
var min13H = Math.ceil(minFullH / 3);
var min = $this.hasClass('full-size') ? minFullH : ($this.hasClass('half-size') ? minHalfH : min13H);
$this.css({
'padding-top': minPaddingTop + 'px',
'padding-bottom': minPaddingBottom + 'px'
});
if($this.hasClass('stretch-height') || $this.hasClass('stretch-full-height')){
$this.css({height: ''});
}
var thisH = $this.height();
if (thisH < min) {
var delta = min - thisH - minPaddingTop - minPaddingBottom;
if(delta<0){
delta=0;
}
var topPlus = Math.round(delta / 2);
var bottomPlus = delta - topPlus;
var newPaddingTop = minPaddingTop + topPlus;
var newPaddingBottom = minPaddingBottom + bottomPlus;
$this.css({
'padding-top': newPaddingTop + 'px',
'padding-bottom': newPaddingBottom + 'px'
});
}
});
$('.stretch-height').each(function(){
var $this = $(this);
var $par = $this.parent();
var $strs = $par.find('.stretch-height');
$strs.css('height', '');
if($this.outerWidth()<$par.innerWidth()){
$strs.css('height', $par.innerHeight()+'px');
}
});
$('.stretch-full-height').each(function(){
var $this = $(this);
var $par = $this.parent();
var $strs = $par.find('.stretch-full-height');
$strs.css('height', '');
if($this.outerWidth()<$par.innerWidth()){
var parH = $par.innerHeight();
var strsH = wh < parH ? parH : wh;
$strs.css('height', strsH+'px');
}
});
$views.each(function(i){
var $view = $(this);
var $content = $view.find('.fg');
var $skewTop = $content.find('.skew.skew-top-right, .skew.skew-top-left');
var $skewBottom = $content.find('.skew.skew-bottom-left, .skew.skew-bottom-right');
var contentWPx = $content.width()+"px";
$skewBottom.css({
"border-left-width": contentWPx
});
$skewTop.css({
"border-right-width": contentWPx
});
var viewH = $view.height();
var viewW = $view.width();
var targetH = (function(){
var viewOffset1 = -1 * viewH;
var viewOffset2 = 0;
var viewOffset3 = wh - viewH;
var viewOffset4 = wh;
var marg1 = appShare.parallaxMargin(script, i, viewOffset1);
var marg2 = appShare.parallaxMargin(script, i, viewOffset2);
var marg3 = appShare.parallaxMargin(script, i, viewOffset3);
var marg4 = appShare.parallaxMargin(script, i, viewOffset4);
var topDelta = function(viewOffset, marg){
return marg + (viewOffset > 0 ? 0 : viewOffset);
};
var bottomDelta = function(viewOffset, marg){
var bottomOffset = viewOffset + viewH;
return -marg - (bottomOffset < wh ? 0 : bottomOffset - wh);
};
var delta = 0;
var curDelta;
curDelta = topDelta(viewOffset1, marg1); if(curDelta > delta) delta = curDelta;
curDelta = topDelta(viewOffset2, marg2); if(curDelta > delta) delta = curDelta;
curDelta = topDelta(viewOffset3, marg3); if(curDelta > delta) delta = curDelta;
curDelta = topDelta(viewOffset4, marg4); if(curDelta > delta) delta = curDelta;
curDelta = bottomDelta(viewOffset1, marg1); if(curDelta > delta) delta = curDelta;
curDelta = bottomDelta(viewOffset2, marg2); if(curDelta > delta) delta = curDelta;
curDelta = bottomDelta(viewOffset3, marg3); if(curDelta > delta) delta = curDelta;
curDelta = bottomDelta(viewOffset4, marg4); if(curDelta > delta) delta = curDelta;
return viewH + (2 * delta);
})();
$view.children('img.bg').each(function(){
bgSize($(this), targetH, viewW, viewH);
});
$view.data('position', $view.offset().top);
});
$('.view').each(function(){
var $this = $(this);
$this.data('position', $this.offset().top);
});
$('.view>.fg').each(function(){
var $this = $(this);
$this.data('position', $this.offset().top);
});
$('.wrapper-content').children('img.bg').each(function(){
bgSize($(this), wh, ww, wh);
});
var $last = $('.x40-widget, .footer-bottom').last();
if($last.length > 0){
$last.css('padding-bottom', '');
var compWrapperH = parseFloat(window.getComputedStyle($('.wrapper-site')[0], null).getPropertyValue("height").replace('px',''));
if(!isNaN(compWrapperH)){
var dig = compWrapperH - Math.floor(compWrapperH);
if(dig > 0){
var compLastP = parseFloat(window.getComputedStyle($last[0], null).getPropertyValue("padding-bottom").replace('px',''));
if(!isNaN(compLastP)){
var newP = compLastP + (1-dig);
$last.css('padding-bottom', newP + 'px');
}
}
}
}
function bgSize($bg, targetH, viewW, viewH){
var nat = natSize($bg);
var scale = (viewW/targetH > nat.w/nat.h) ? viewW / nat.w : targetH / nat.h;
var newW = nat.w * scale;
var newH = nat.h * scale;
var zoomXDelta = (newW - nat.w)/2;
var zoomYDelta = (newH - nat.h)/2;
var x = Math.round((viewW - newW)/2);
var y = Math.round((viewH - newH)/2);
var cfg = $bg.data();
cfg.normalScale = scale;
cfg.normalX = x;
cfg.normalY = y;
cfg.zoomXDelta = zoomXDelta;
cfg.zoomYDelta = zoomYDelta;
}
};
this.changeSection = function(script, sectionHash){
var $sect = $(sectionHash);
var cls = $sect.data('border-colors');
if(cls){
$bord.removeClass(themes.colorClasses);
$bord.addClass(cls);
}else{
if($body.hasClass('state2') && state2Colors){
$bord.removeClass(themes.colorClasses);
$bord.addClass(state2Colors);
}else if(state1Colors){
$bord.removeClass(themes.colorClasses);
$bord.addClass(state1Colors);
}
}
};
function natSize($bg){
var elem = $bg.get(0);
var natW, natH;
if(elem.tagName.toLowerCase() === 'img'){
natW = elem.width;
natH = elem.height;
}else if(elem.naturalWidth){
natW = elem.naturalWidth;
natH = elem.naturalHeight;
}else{
var orig = $bg.width();
$bg.css({width: '', height: ''});
natW = $bg.width();
natH = $bg.height();
$bg.css({width: orig});
}
return {w: natW, h: natH};
}
})();
},{"../animation/slide-show.js":4,"./app-share.js":5,"./themes.js":8}],7:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(scrolling, script){
var $views = $('.view');
var appShare = require('./app-share.js');
var isPoorBrowser = $('html').hasClass('poor-browser');
this.scroll = function(){
if(isPoorBrowser) return;
$views.each(function(i){
var $view = $(this);
var viewPos = scrolling.calcPosition($view);
if(viewPos.visible){
var viewOffset = viewPos.top - scrolling.windowTopPos;
$view.children('.bg:not(.static)').each(function(){
var cfg = $(this).data();
cfg.parallaxY = appShare.parallaxMargin(script, i, viewOffset);
});
}
});
};
};
},{"./app-share.js":5}],8:[function(require,module,exports){
"use strict";
module.exports = new (function(){
var me = this;
this.colors = 26;
this.colorClasses = (function(){
var res = '';
for(var i=0; i<me.colors; i++){
var sep = i === 0 ? '' : ' ';
res += sep + 'colors-'+String.fromCharCode(65+i).toLowerCase();
}
return res;
})();
})();
},{}],9:[function(require,module,exports){
/**
* Swiper 3.3.0
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: January 10, 2016
*/
(function () {
'use strict';
var $;
/*===========================
Swiper
===========================*/
var Swiper = function (container, params) {
if (!(this instanceof Swiper)) return new Swiper(container, params);
var defaults = {
direction: 'horizontal',
touchEventsTarget: 'container',
initialSlide: 0,
speed: 300,
// autoplay
autoplay: false,
autoplayDisableOnInteraction: true,
autoplayStopOnLast: false,
// To support iOS's swipe-to-go-back gesture (when being used in-app, with UIWebView).
iOSEdgeSwipeDetection: false,
iOSEdgeSwipeThreshold: 20,
// Free mode
freeMode: false,
freeModeMomentum: true,
freeModeMomentumRatio: 1,
freeModeMomentumBounce: true,
freeModeMomentumBounceRatio: 1,
freeModeSticky: false,
freeModeMinimumVelocity: 0.02,
// Autoheight
autoHeight: false,
// Set wrapper width
setWrapperSize: false,
// Virtual Translate
virtualTranslate: false,
// Effects
effect: 'slide', // 'slide' or 'fade' or 'cube' or 'coverflow' or 'flip'
coverflow: {
rotate: 50,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows : true
},
flip: {
slideShadows : true,
limitRotation: true
},
cube: {
slideShadows: true,
shadow: true,
shadowOffset: 20,
shadowScale: 0.94
},
fade: {
crossFade: false
},
// Parallax
parallax: false,
// Scrollbar
scrollbar: null,
scrollbarHide: true,
scrollbarDraggable: false,
scrollbarSnapOnRelease: false,
// Keyboard Mousewheel
keyboardControl: false,
mousewheelControl: false,
mousewheelReleaseOnEdges: false,
mousewheelInvert: false,
mousewheelForceToAxis: false,
mousewheelSensitivity: 1,
// Hash Navigation
hashnav: false,
// Breakpoints
breakpoints: undefined,
// Slides grid
spaceBetween: 0,
slidesPerView: 1,
slidesPerColumn: 1,
slidesPerColumnFill: 'column',
slidesPerGroup: 1,
centeredSlides: false,
slidesOffsetBefore: 0, // in px
slidesOffsetAfter: 0, // in px
// Round length
roundLengths: false,
// Touches
touchRatio: 1,
touchAngle: 45,
simulateTouch: true,
shortSwipes: true,
longSwipes: true,
longSwipesRatio: 0.5,
longSwipesMs: 300,
followFinger: true,
onlyExternal: false,
threshold: 0,
touchMoveStopPropagation: true,
// Pagination
pagination: null,
paginationElement: 'span',
paginationClickable: false,
paginationHide: false,
paginationBulletRender: null,
paginationProgressRender: null,
paginationFractionRender: null,
paginationCustomRender: null,
paginationType: 'bullets', // 'bullets' or 'progress' or 'fraction' or 'custom'
// Resistance
resistance: true,
resistanceRatio: 0.85,
// Next/prev buttons
nextButton: null,
prevButton: null,
// Progress
watchSlidesProgress: false,
watchSlidesVisibility: false,
// Cursor
grabCursor: false,
// Clicks
preventClicks: true,
preventClicksPropagation: true,
slideToClickedSlide: false,
// Lazy Loading
lazyLoading: false,
lazyLoadingInPrevNext: false,
lazyLoadingInPrevNextAmount: 1,
lazyLoadingOnTransitionStart: false,
// Images
preloadImages: false,
updateOnImagesReady: false,
// loop
loop: false,
loopAdditionalSlides: 0,
loopedSlides: null,
// Control
control: undefined,
controlInverse: false,
controlBy: 'slide', //or 'container'
// Swiping/no swiping
allowSwipeToPrev: true,
allowSwipeToNext: true,
swipeHandler: null, //'.swipe-handler',
noSwiping: true,
noSwipingClass: 'swiper-no-swiping',
// NS
slideClass: 'swiper-slide',
slideActiveClass: 'swiper-slide-active',
slideVisibleClass: 'swiper-slide-visible',
slideDuplicateClass: 'swiper-slide-duplicate',
slideNextClass: 'swiper-slide-next',
slidePrevClass: 'swiper-slide-prev',
wrapperClass: 'swiper-wrapper',
bulletClass: 'swiper-pagination-bullet',
bulletActiveClass: 'swiper-pagination-bullet-active',
buttonDisabledClass: 'swiper-button-disabled',
paginationCurrentClass: 'swiper-pagination-current',
paginationTotalClass: 'swiper-pagination-total',
paginationHiddenClass: 'swiper-pagination-hidden',
paginationProgressbarClass: 'swiper-pagination-progressbar',
// Observer
observer: false,
observeParents: false,
// Accessibility
a11y: false,
prevSlideMessage: 'Previous slide',
nextSlideMessage: 'Next slide',
firstSlideMessage: 'This is the first slide',
lastSlideMessage: 'This is the last slide',
paginationBulletMessage: 'Go to slide {{index}}',
// Callbacks
runCallbacksOnInit: true
/*
Callbacks:
onInit: function (swiper)
onDestroy: function (swiper)
onClick: function (swiper, e)
onTap: function (swiper, e)
onDoubleTap: function (swiper, e)
onSliderMove: function (swiper, e)
onSlideChangeStart: function (swiper)
onSlideChangeEnd: function (swiper)
onTransitionStart: function (swiper)
onTransitionEnd: function (swiper)
onImagesReady: function (swiper)
onProgress: function (swiper, progress)
onTouchStart: function (swiper, e)
onTouchMove: function (swiper, e)
onTouchMoveOpposite: function (swiper, e)
onTouchEnd: function (swiper, e)
onReachBeginning: function (swiper)
onReachEnd: function (swiper)
onSetTransition: function (swiper, duration)
onSetTranslate: function (swiper, translate)
onAutoplayStart: function (swiper)
onAutoplayStop: function (swiper),
onLazyImageLoad: function (swiper, slide, image)
onLazyImageReady: function (swiper, slide, image)
*/
};
var initialVirtualTranslate = params && params.virtualTranslate;
params = params || {};
var originalParams = {};
for (var param in params) {
if (typeof params[param] === 'object' && params[param] !== null && !(params[param].nodeType || params[param] === window || params[param] === document || (typeof Dom7 !== 'undefined' && params[param] instanceof Dom7) || (typeof jQuery !== 'undefined' && params[param] instanceof jQuery))) {
originalParams[param] = {};
for (var deepParam in params[param]) {
originalParams[param][deepParam] = params[param][deepParam];
}
}
else {
originalParams[param] = params[param];
}
}
for (var def in defaults) {
if (typeof params[def] === 'undefined') {
params[def] = defaults[def];
}
else if (typeof params[def] === 'object') {
for (var deepDef in defaults[def]) {
if (typeof params[def][deepDef] === 'undefined') {
params[def][deepDef] = defaults[def][deepDef];
}
}
}
}
// Swiper
var s = this;
// Params
s.params = params;
s.originalParams = originalParams;
// Classname
s.classNames = [];
/*=========================
Dom Library and plugins
===========================*/
if (typeof $ !== 'undefined' && typeof Dom7 !== 'undefined'){
$ = Dom7;
}
if (typeof $ === 'undefined') {
if (typeof Dom7 === 'undefined') {
$ = window.Dom7 || window.Zepto || window.jQuery;
}
else {
$ = Dom7;
}
if (!$) return;
}
// Export it to Swiper instance
s.$ = $;
/*=========================
Breakpoints
===========================*/
s.currentBreakpoint = undefined;
s.getActiveBreakpoint = function () {
//Get breakpoint for window width
if (!s.params.breakpoints) return false;
var breakpoint = false;
var points = [], point;
for ( point in s.params.breakpoints ) {
if (s.params.breakpoints.hasOwnProperty(point)) {
points.push(point);
}
}
points.sort(function (a, b) {
return parseInt(a, 10) > parseInt(b, 10);
});
for (var i = 0; i < points.length; i++) {
point = points[i];
if (point >= window.innerWidth && !breakpoint) {
breakpoint = point;
}
}
return breakpoint || 'max';
};
s.setBreakpoint = function () {
//Set breakpoint for window width and update parameters
var breakpoint = s.getActiveBreakpoint();
if (breakpoint && s.currentBreakpoint !== breakpoint) {
var breakPointsParams = breakpoint in s.params.breakpoints ? s.params.breakpoints[breakpoint] : s.originalParams;
for ( var param in breakPointsParams ) {
s.params[param] = breakPointsParams[param];
}
s.currentBreakpoint = breakpoint;
}
};
// Set breakpoint on load
if (s.params.breakpoints) {
s.setBreakpoint();
}
/*=========================
Preparation - Define Container, Wrapper and Pagination
===========================*/
s.container = $(container);
if (s.container.length === 0) return;
if (s.container.length > 1) {
s.container.each(function () {
new Swiper(this, params);
});
return;
}
// Save instance in container HTML Element and in data
s.container[0].swiper = s;
s.container.data('swiper', s);
s.classNames.push('swiper-container-' + s.params.direction);
if (s.params.freeMode) {
s.classNames.push('swiper-container-free-mode');
}
if (!s.support.flexbox) {
s.classNames.push('swiper-container-no-flexbox');
s.params.slidesPerColumn = 1;
}
if (s.params.autoHeight) {
s.classNames.push('swiper-container-autoheight');
}
// Enable slides progress when required
if (s.params.parallax || s.params.watchSlidesVisibility) {
s.params.watchSlidesProgress = true;
}
// Coverflow / 3D
if (['cube', 'coverflow', 'flip'].indexOf(s.params.effect) >= 0) {
if (s.support.transforms3d) {
s.params.watchSlidesProgress = true;
s.classNames.push('swiper-container-3d');
}
else {
s.params.effect = 'slide';
}
}
if (s.params.effect !== 'slide') {
s.classNames.push('swiper-container-' + s.params.effect);
}
if (s.params.effect === 'cube') {
s.params.resistanceRatio = 0;
s.params.slidesPerView = 1;
s.params.slidesPerColumn = 1;
s.params.slidesPerGroup = 1;
s.params.centeredSlides = false;
s.params.spaceBetween = 0;
s.params.virtualTranslate = true;
s.params.setWrapperSize = false;
}
if (s.params.effect === 'fade' || s.params.effect === 'flip') {
s.params.slidesPerView = 1;
s.params.slidesPerColumn = 1;
s.params.slidesPerGroup = 1;
s.params.watchSlidesProgress = true;
s.params.spaceBetween = 0;
s.params.setWrapperSize = false;
if (typeof initialVirtualTranslate === 'undefined') {
s.params.virtualTranslate = true;
}
}
// Grab Cursor
if (s.params.grabCursor && s.support.touch) {
s.params.grabCursor = false;
}
// Wrapper
s.wrapper = s.container.children('.' + s.params.wrapperClass);
// Pagination
if (s.params.pagination) {
s.paginationContainer = $(s.params.pagination);
if (s.params.paginationType === 'bullets' && s.params.paginationClickable) {
s.paginationContainer.addClass('swiper-pagination-clickable');
}
else {
s.params.paginationClickable = false;
}
s.paginationContainer.addClass('swiper-pagination-' + s.params.paginationType);
}
// Is Horizontal
s.isHorizontal = function () {
return s.params.direction === 'horizontal';
};
// s.isH = isH;
// RTL
s.rtl = s.isHorizontal() && (s.container[0].dir.toLowerCase() === 'rtl' || s.container.css('direction') === 'rtl');
if (s.rtl) {
s.classNames.push('swiper-container-rtl');
}
// Wrong RTL support
if (s.rtl) {
s.wrongRTL = s.wrapper.css('display') === '-webkit-box';
}
// Columns
if (s.params.slidesPerColumn > 1) {
s.classNames.push('swiper-container-multirow');
}
// Check for Android
if (s.device.android) {
s.classNames.push('swiper-container-android');
}
// Add classes
s.container.addClass(s.classNames.join(' '));
// Translate
s.translate = 0;
// Progress
s.progress = 0;
// Velocity
s.velocity = 0;
/*=========================
Locks, unlocks
===========================*/
s.lockSwipeToNext = function () {
s.params.allowSwipeToNext = false;
};
s.lockSwipeToPrev = function () {
s.params.allowSwipeToPrev = false;
};
s.lockSwipes = function () {
s.params.allowSwipeToNext = s.params.allowSwipeToPrev = false;
};
s.unlockSwipeToNext = function () {
s.params.allowSwipeToNext = true;
};
s.unlockSwipeToPrev = function () {
s.params.allowSwipeToPrev = true;
};
s.unlockSwipes = function () {
s.params.allowSwipeToNext = s.params.allowSwipeToPrev = true;
};
/*=========================
Round helper
===========================*/
function round(a) {
return Math.floor(a);
}
/*=========================
Set grab cursor
===========================*/
if (s.params.grabCursor) {
s.container[0].style.cursor = 'move';
s.container[0].style.cursor = '-webkit-grab';
s.container[0].style.cursor = '-moz-grab';
s.container[0].style.cursor = 'grab';
}
/*=========================
Update on Images Ready
===========================*/
s.imagesToLoad = [];
s.imagesLoaded = 0;
s.loadImage = function (imgElement, src, srcset, checkForComplete, callback) {
var image;
function onReady () {
if (callback) callback();
}
if (!imgElement.complete || !checkForComplete) {
if (src) {
image = new window.Image();
image.onload = onReady;
image.onerror = onReady;
if (srcset) {
image.srcset = srcset;
}
if (src) {
image.src = src;
}
} else {
onReady();
}
} else {//image already loaded...
onReady();
}
};
s.preloadImages = function () {
s.imagesToLoad = s.container.find('img');
function _onReady() {
if (typeof s === 'undefined' || s === null) return;
if (s.imagesLoaded !== undefined) s.imagesLoaded++;
if (s.imagesLoaded === s.imagesToLoad.length) {
if (s.params.updateOnImagesReady) s.update();
s.emit('onImagesReady', s);
}
}
for (var i = 0; i < s.imagesToLoad.length; i++) {
s.loadImage(s.imagesToLoad[i], (s.imagesToLoad[i].currentSrc || s.imagesToLoad[i].getAttribute('src')), (s.imagesToLoad[i].srcset || s.imagesToLoad[i].getAttribute('srcset')), true, _onReady);
}
};
/*=========================
Autoplay
===========================*/
s.autoplayTimeoutId = undefined;
s.autoplaying = false;
s.autoplayPaused = false;
function autoplay() {
s.autoplayTimeoutId = setTimeout(function () {
if (s.params.loop) {
s.fixLoop();
s._slideNext();
s.emit('onAutoplay', s);
}
else {
if (!s.isEnd) {
s._slideNext();
s.emit('onAutoplay', s);
}
else {
if (!params.autoplayStopOnLast) {
s._slideTo(0);
s.emit('onAutoplay', s);
}
else {
s.stopAutoplay();
}
}
}
}, s.params.autoplay);
}
s.startAutoplay = function () {
if (typeof s.autoplayTimeoutId !== 'undefined') return false;
if (!s.params.autoplay) return false;
if (s.autoplaying) return false;
s.autoplaying = true;
s.emit('onAutoplayStart', s);
autoplay();
};
s.stopAutoplay = function (internal) {
if (!s.autoplayTimeoutId) return;
if (s.autoplayTimeoutId) clearTimeout(s.autoplayTimeoutId);
s.autoplaying = false;
s.autoplayTimeoutId = undefined;
s.emit('onAutoplayStop', s);
};
s.pauseAutoplay = function (speed) {
if (s.autoplayPaused) return;
if (s.autoplayTimeoutId) clearTimeout(s.autoplayTimeoutId);
s.autoplayPaused = true;
if (speed === 0) {
s.autoplayPaused = false;
autoplay();
}
else {
s.wrapper.transitionEnd(function () {
if (!s) return;
s.autoplayPaused = false;
if (!s.autoplaying) {
s.stopAutoplay();
}
else {
autoplay();
}
});
}
};
/*=========================
Min/Max Translate
===========================*/
s.minTranslate = function () {
return (-s.snapGrid[0]);
};
s.maxTranslate = function () {
return (-s.snapGrid[s.snapGrid.length - 1]);
};
/*=========================
Slider/slides sizes
===========================*/
s.updateAutoHeight = function () {
// Update Height
var slide = s.slides.eq(s.activeIndex)[0];
if (typeof slide !== 'undefined') {
var newHeight = slide.offsetHeight;
if (newHeight) s.wrapper.css('height', newHeight + 'px');
}
};
s.updateContainerSize = function () {
var width, height;
if (typeof s.params.width !== 'undefined') {
width = s.params.width;
}
else {
width = s.container[0].clientWidth;
}
if (typeof s.params.height !== 'undefined') {
height = s.params.height;
}
else {
height = s.container[0].clientHeight;
}
if (width === 0 && s.isHorizontal() || height === 0 && !s.isHorizontal()) {
return;
}
//Subtract paddings
width = width - parseInt(s.container.css('padding-left'), 10) - parseInt(s.container.css('padding-right'), 10);
height = height - parseInt(s.container.css('padding-top'), 10) - parseInt(s.container.css('padding-bottom'), 10);
// Store values
s.width = width;
s.height = height;
s.size = s.isHorizontal() ? s.width : s.height;
};
s.updateSlidesSize = function () {
s.slides = s.wrapper.children('.' + s.params.slideClass);
s.snapGrid = [];
s.slidesGrid = [];
s.slidesSizesGrid = [];
var spaceBetween = s.params.spaceBetween,
slidePosition = -s.params.slidesOffsetBefore,
i,
prevSlideSize = 0,
index = 0;
if (typeof spaceBetween === 'string' && spaceBetween.indexOf('%') >= 0) {
spaceBetween = parseFloat(spaceBetween.replace('%', '')) / 100 * s.size;
}
s.virtualSize = -spaceBetween;
// reset margins
if (s.rtl) s.slides.css({marginLeft: '', marginTop: ''});
else s.slides.css({marginRight: '', marginBottom: ''});
var slidesNumberEvenToRows;
if (s.params.slidesPerColumn > 1) {
if (Math.floor(s.slides.length / s.params.slidesPerColumn) === s.slides.length / s.params.slidesPerColumn) {
slidesNumberEvenToRows = s.slides.length;
}
else {
slidesNumberEvenToRows = Math.ceil(s.slides.length / s.params.slidesPerColumn) * s.params.slidesPerColumn;
}
if (s.params.slidesPerView !== 'auto' && s.params.slidesPerColumnFill === 'row') {
slidesNumberEvenToRows = Math.max(slidesNumberEvenToRows, s.params.slidesPerView * s.params.slidesPerColumn);
}
}
// Calc slides
var slideSize;
var slidesPerColumn = s.params.slidesPerColumn;
var slidesPerRow = slidesNumberEvenToRows / slidesPerColumn;
var numFullColumns = slidesPerRow - (s.params.slidesPerColumn * slidesPerRow - s.slides.length);
for (i = 0; i < s.slides.length; i++) {
slideSize = 0;
var slide = s.slides.eq(i);
if (s.params.slidesPerColumn > 1) {
// Set slides order
var newSlideOrderIndex;
var column, row;
if (s.params.slidesPerColumnFill === 'column') {
column = Math.floor(i / slidesPerColumn);
row = i - column * slidesPerColumn;
if (column > numFullColumns || (column === numFullColumns && row === slidesPerColumn-1)) {
if (++row >= slidesPerColumn) {
row = 0;
column++;
}
}
newSlideOrderIndex = column + row * slidesNumberEvenToRows / slidesPerColumn;
slide
.css({
'-webkit-box-ordinal-group': newSlideOrderIndex,
'-moz-box-ordinal-group': newSlideOrderIndex,
'-ms-flex-order': newSlideOrderIndex,
'-webkit-order': newSlideOrderIndex,
'order': newSlideOrderIndex
});
}
else {
row = Math.floor(i / slidesPerRow);
column = i - row * slidesPerRow;
}
slide
.css({
'margin-top': (row !== 0 && s.params.spaceBetween) && (s.params.spaceBetween + 'px')
})
.attr('data-swiper-column', column)
.attr('data-swiper-row', row);
}
if (slide.css('display') === 'none') continue;
if (s.params.slidesPerView === 'auto') {
slideSize = s.isHorizontal() ? slide.outerWidth(true) : slide.outerHeight(true);
if (s.params.roundLengths) slideSize = round(slideSize);
}
else {
slideSize = (s.size - (s.params.slidesPerView - 1) * spaceBetween) / s.params.slidesPerView;
if (s.params.roundLengths) slideSize = round(slideSize);
if (s.isHorizontal()) {
s.slides[i].style.width = slideSize + 'px';
}
else {
s.slides[i].style.height = slideSize + 'px';
}
}
s.slides[i].swiperSlideSize = slideSize;
s.slidesSizesGrid.push(slideSize);
if (s.params.centeredSlides) {
slidePosition = slidePosition + slideSize / 2 + prevSlideSize / 2 + spaceBetween;
if (i === 0) slidePosition = slidePosition - s.size / 2 - spaceBetween;
if (Math.abs(slidePosition) < 1 / 1000) slidePosition = 0;
if ((index) % s.params.slidesPerGroup === 0) s.snapGrid.push(slidePosition);
s.slidesGrid.push(slidePosition);
}
else {
if ((index) % s.params.slidesPerGroup === 0) s.snapGrid.push(slidePosition);
s.slidesGrid.push(slidePosition);
slidePosition = slidePosition + slideSize + spaceBetween;
}
s.virtualSize += slideSize + spaceBetween;
prevSlideSize = slideSize;
index ++;
}
s.virtualSize = Math.max(s.virtualSize, s.size) + s.params.slidesOffsetAfter;
var newSlidesGrid;
if (
s.rtl && s.wrongRTL && (s.params.effect === 'slide' || s.params.effect === 'coverflow')) {
s.wrapper.css({width: s.virtualSize + s.params.spaceBetween + 'px'});
}
if (!s.support.flexbox || s.params.setWrapperSize) {
if (s.isHorizontal()) s.wrapper.css({width: s.virtualSize + s.params.spaceBetween + 'px'});
else s.wrapper.css({height: s.virtualSize + s.params.spaceBetween + 'px'});
}
if (s.params.slidesPerColumn > 1) {
s.virtualSize = (slideSize + s.params.spaceBetween) * slidesNumberEvenToRows;
s.virtualSize = Math.ceil(s.virtualSize / s.params.slidesPerColumn) - s.params.spaceBetween;
s.wrapper.css({width: s.virtualSize + s.params.spaceBetween + 'px'});
if (s.params.centeredSlides) {
newSlidesGrid = [];
for (i = 0; i < s.snapGrid.length; i++) {
if (s.snapGrid[i] < s.virtualSize + s.snapGrid[0]) newSlidesGrid.push(s.snapGrid[i]);
}
s.snapGrid = newSlidesGrid;
}
}
// Remove last grid elements depending on width
if (!s.params.centeredSlides) {
newSlidesGrid = [];
for (i = 0; i < s.snapGrid.length; i++) {
if (s.snapGrid[i] <= s.virtualSize - s.size) {
newSlidesGrid.push(s.snapGrid[i]);
}
}
s.snapGrid = newSlidesGrid;
if (Math.floor(s.virtualSize - s.size) > Math.floor(s.snapGrid[s.snapGrid.length - 1])) {
s.snapGrid.push(s.virtualSize - s.size);
}
}
if (s.snapGrid.length === 0) s.snapGrid = [0];
if (s.params.spaceBetween !== 0) {
if (s.isHorizontal()) {
if (s.rtl) s.slides.css({marginLeft: spaceBetween + 'px'});
else s.slides.css({marginRight: spaceBetween + 'px'});
}
else s.slides.css({marginBottom: spaceBetween + 'px'});
}
if (s.params.watchSlidesProgress) {
s.updateSlidesOffset();
}
};
s.updateSlidesOffset = function () {
for (var i = 0; i < s.slides.length; i++) {
s.slides[i].swiperSlideOffset = s.isHorizontal() ? s.slides[i].offsetLeft : s.slides[i].offsetTop;
}
};
/*=========================
Slider/slides progress
===========================*/
s.updateSlidesProgress = function (translate) {
if (typeof translate === 'undefined') {
translate = s.translate || 0;
}
if (s.slides.length === 0) return;
if (typeof s.slides[0].swiperSlideOffset === 'undefined') s.updateSlidesOffset();
var offsetCenter = -translate;
if (s.rtl) offsetCenter = translate;
// Visible Slides
s.slides.removeClass(s.params.slideVisibleClass);
for (var i = 0; i < s.slides.length; i++) {
var slide = s.slides[i];
var slideProgress = (offsetCenter - slide.swiperSlideOffset) / (slide.swiperSlideSize + s.params.spaceBetween);
if (s.params.watchSlidesVisibility) {
var slideBefore = -(offsetCenter - slide.swiperSlideOffset);
var slideAfter = slideBefore + s.slidesSizesGrid[i];
var isVisible =
(slideBefore >= 0 && slideBefore < s.size) ||
(slideAfter > 0 && slideAfter <= s.size) ||
(slideBefore <= 0 && slideAfter >= s.size);
if (isVisible) {
s.slides.eq(i).addClass(s.params.slideVisibleClass);
}
}
slide.progress = s.rtl ? -slideProgress : slideProgress;
}
};
s.updateProgress = function (translate) {
if (typeof translate === 'undefined') {
translate = s.translate || 0;
}
var translatesDiff = s.maxTranslate() - s.minTranslate();
var wasBeginning = s.isBeginning;
var wasEnd = s.isEnd;
if (translatesDiff === 0) {
s.progress = 0;
s.isBeginning = s.isEnd = true;
}
else {
s.progress = (translate - s.minTranslate()) / (translatesDiff);
s.isBeginning = s.progress <= 0;
s.isEnd = s.progress >= 1;
}
if (s.isBeginning && !wasBeginning) s.emit('onReachBeginning', s);
if (s.isEnd && !wasEnd) s.emit('onReachEnd', s);
if (s.params.watchSlidesProgress) s.updateSlidesProgress(translate);
s.emit('onProgress', s, s.progress);
};
s.updateActiveIndex = function () {
var translate = s.rtl ? s.translate : -s.translate;
var newActiveIndex, i, snapIndex;
for (i = 0; i < s.slidesGrid.length; i ++) {
if (typeof s.slidesGrid[i + 1] !== 'undefined') {
if (translate >= s.slidesGrid[i] && translate < s.slidesGrid[i + 1] - (s.slidesGrid[i + 1] - s.slidesGrid[i]) / 2) {
newActiveIndex = i;
}
else if (translate >= s.slidesGrid[i] && translate < s.slidesGrid[i + 1]) {
newActiveIndex = i + 1;
}
}
else {
if (translate >= s.slidesGrid[i]) {
newActiveIndex = i;
}
}
}
// Normalize slideIndex
if (newActiveIndex < 0 || typeof newActiveIndex === 'undefined') newActiveIndex = 0;
// for (i = 0; i < s.slidesGrid.length; i++) {
// if (- translate >= s.slidesGrid[i]) {
// newActiveIndex = i;
// }
// }
snapIndex = Math.floor(newActiveIndex / s.params.slidesPerGroup);
if (snapIndex >= s.snapGrid.length) snapIndex = s.snapGrid.length - 1;
if (newActiveIndex === s.activeIndex) {
return;
}
s.snapIndex = snapIndex;
s.previousIndex = s.activeIndex;
s.activeIndex = newActiveIndex;
s.updateClasses();
};
/*=========================
Classes
===========================*/
s.updateClasses = function () {
s.slides.removeClass(s.params.slideActiveClass + ' ' + s.params.slideNextClass + ' ' + s.params.slidePrevClass);
var activeSlide = s.slides.eq(s.activeIndex);
// Active classes
activeSlide.addClass(s.params.slideActiveClass);
activeSlide.next('.' + s.params.slideClass).addClass(s.params.slideNextClass);
activeSlide.prev('.' + s.params.slideClass).addClass(s.params.slidePrevClass);
// Pagination
if (s.paginationContainer && s.paginationContainer.length > 0) {
// Current/Total
var current,
total = s.params.loop ? Math.ceil((s.slides.length - s.loopedSlides * 2) / s.params.slidesPerGroup) : s.snapGrid.length;
if (s.params.loop) {
current = Math.ceil(s.activeIndex - s.loopedSlides)/s.params.slidesPerGroup;
if (current > s.slides.length - 1 - s.loopedSlides * 2) {
current = current - (s.slides.length - s.loopedSlides * 2);
}
if (current > total - 1) current = current - total;
if (current < 0 && s.params.paginationType !== 'bullets') current = total + current;
}
else {
if (typeof s.snapIndex !== 'undefined') {
current = s.snapIndex;
}
else {
current = s.activeIndex || 0;
}
}
// Types
if (s.params.paginationType === 'bullets' && s.bullets && s.bullets.length > 0) {
s.bullets.removeClass(s.params.bulletActiveClass);
if (s.paginationContainer.length > 1) {
s.bullets.each(function () {
if ($(this).index() === current) $(this).addClass(s.params.bulletActiveClass);
});
}
else {
s.bullets.eq(current).addClass(s.params.bulletActiveClass);
}
}
if (s.params.paginationType === 'fraction') {
s.paginationContainer.find('.' + s.params.paginationCurrentClass).text(current + 1);
s.paginationContainer.find('.' + s.params.paginationTotalClass).text(total);
}
if (s.params.paginationType === 'progress') {
var scale = (current + 1) / total,
scaleX = scale,
scaleY = 1;
if (!s.isHorizontal()) {
scaleY = scale;
scaleX = 1;
}
s.paginationContainer.find('.' + s.params.paginationProgressbarClass).transform('translate3d(0,0,0) scaleX(' + scaleX + ') scaleY(' + scaleY + ')').transition(s.params.speed);
}
if (s.params.paginationType === 'custom' && s.params.paginationCustomRender) {
s.paginationContainer.html(s.params.paginationCustomRender(s, current + 1, total));
}
}
// Next/active buttons
if (!s.params.loop) {
if (s.params.prevButton) {
if (s.isBeginning) {
$(s.params.prevButton).addClass(s.params.buttonDisabledClass);
if (s.params.a11y && s.a11y) s.a11y.disable($(s.params.prevButton));
}
else {
$(s.params.prevButton).removeClass(s.params.buttonDisabledClass);
if (s.params.a11y && s.a11y) s.a11y.enable($(s.params.prevButton));
}
}
if (s.params.nextButton) {
if (s.isEnd) {
$(s.params.nextButton).addClass(s.params.buttonDisabledClass);
if (s.params.a11y && s.a11y) s.a11y.disable($(s.params.nextButton));
}
else {
$(s.params.nextButton).removeClass(s.params.buttonDisabledClass);
if (s.params.a11y && s.a11y) s.a11y.enable($(s.params.nextButton));
}
}
}
};
/*=========================
Pagination
===========================*/
s.updatePagination = function () {
if (!s.params.pagination) return;
if (s.paginationContainer && s.paginationContainer.length > 0) {
var paginationHTML = '';
if (s.params.paginationType === 'bullets') {
var numberOfBullets = s.params.loop ? Math.ceil((s.slides.length - s.loopedSlides * 2) / s.params.slidesPerGroup) : s.snapGrid.length;
for (var i = 0; i < numberOfBullets; i++) {
if (s.params.paginationBulletRender) {
paginationHTML += s.params.paginationBulletRender(i, s.params.bulletClass);
}
else {
paginationHTML += '<' + s.params.paginationElement+' class="' + s.params.bulletClass + '"></' + s.params.paginationElement + '>';
}
}
s.paginationContainer.html(paginationHTML);
s.bullets = s.paginationContainer.find('.' + s.params.bulletClass);
if (s.params.paginationClickable && s.params.a11y && s.a11y) {
s.a11y.initPagination();
}
}
if (s.params.paginationType === 'fraction') {
if (s.params.paginationFractionRender) {
paginationHTML = s.params.paginationFractionRender(s, s.params.paginationCurrentClass, s.params.paginationTotalClass);
}
else {
paginationHTML =
'<span class="' + s.params.paginationCurrentClass + '"></span>' +
' / ' +
'<span class="' + s.params.paginationTotalClass+'"></span>';
}
s.paginationContainer.html(paginationHTML);
}
if (s.params.paginationType === 'progress') {
if (s.params.paginationProgressRender) {
paginationHTML = s.params.paginationProgressRender(s, s.params.paginationProgressbarClass);
}
else {
paginationHTML = '<span class="' + s.params.paginationProgressbarClass + '"></span>';
}
s.paginationContainer.html(paginationHTML);
}
}
};
/*=========================
Common update method
===========================*/
s.update = function (updateTranslate) {
s.updateContainerSize();
s.updateSlidesSize();
s.updateProgress();
s.updatePagination();
s.updateClasses();
if (s.params.scrollbar && s.scrollbar) {
s.scrollbar.set();
}
function forceSetTranslate() {
newTranslate = Math.min(Math.max(s.translate, s.maxTranslate()), s.minTranslate());
s.setWrapperTranslate(newTranslate);
s.updateActiveIndex();
s.updateClasses();
}
if (updateTranslate) {
var translated, newTranslate;
if (s.controller && s.controller.spline) {
s.controller.spline = undefined;
}
if (s.params.freeMode) {
forceSetTranslate();
if (s.params.autoHeight) {
s.updateAutoHeight();
}
}
else {
if ((s.params.slidesPerView === 'auto' || s.params.slidesPerView > 1) && s.isEnd && !s.params.centeredSlides) {
translated = s.slideTo(s.slides.length - 1, 0, false, true);
}
else {
translated = s.slideTo(s.activeIndex, 0, false, true);
}
if (!translated) {
forceSetTranslate();
}
}
}
else if (s.params.autoHeight) {
s.updateAutoHeight();
}
};
/*=========================
Resize Handler
===========================*/
s.onResize = function (forceUpdatePagination) {
//Breakpoints
if (s.params.breakpoints) {
s.setBreakpoint();
}
// Disable locks on resize
var allowSwipeToPrev = s.params.allowSwipeToPrev;
var allowSwipeToNext = s.params.allowSwipeToNext;
s.params.allowSwipeToPrev = s.params.allowSwipeToNext = true;
s.updateContainerSize();
s.updateSlidesSize();
if (s.params.slidesPerView === 'auto' || s.params.freeMode || forceUpdatePagination) s.updatePagination();
if (s.params.scrollbar && s.scrollbar) {
s.scrollbar.set();
}
if (s.controller && s.controller.spline) {
s.controller.spline = undefined;
}
if (s.params.freeMode) {
var newTranslate = Math.min(Math.max(s.translate, s.maxTranslate()), s.minTranslate());
s.setWrapperTranslate(newTranslate);
s.updateActiveIndex();
s.updateClasses();
if (s.params.autoHeight) {
s.updateAutoHeight();
}
}
else {
s.updateClasses();
if ((s.params.slidesPerView === 'auto' || s.params.slidesPerView > 1) && s.isEnd && !s.params.centeredSlides) {
s.slideTo(s.slides.length - 1, 0, false, true);
}
else {
s.slideTo(s.activeIndex, 0, false, true);
}
}
// Return locks after resize
s.params.allowSwipeToPrev = allowSwipeToPrev;
s.params.allowSwipeToNext = allowSwipeToNext;
};
/*=========================
Events
===========================*/
//Define Touch Events
var desktopEvents = ['mousedown', 'mousemove', 'mouseup'];
if (window.navigator.pointerEnabled) desktopEvents = ['pointerdown', 'pointermove', 'pointerup'];
else if (window.navigator.msPointerEnabled) desktopEvents = ['MSPointerDown', 'MSPointerMove', 'MSPointerUp'];
s.touchEvents = {
start : s.support.touch || !s.params.simulateTouch ? 'touchstart' : desktopEvents[0],
move : s.support.touch || !s.params.simulateTouch ? 'touchmove' : desktopEvents[1],
end : s.support.touch || !s.params.simulateTouch ? 'touchend' : desktopEvents[2]
};
// WP8 Touch Events Fix
if (window.navigator.pointerEnabled || window.navigator.msPointerEnabled) {
(s.params.touchEventsTarget === 'container' ? s.container : s.wrapper).addClass('swiper-wp8-' + s.params.direction);
}
// Attach/detach events
s.initEvents = function (detach) {
var actionDom = detach ? 'off' : 'on';
var action = detach ? 'removeEventListener' : 'addEventListener';
var touchEventsTarget = s.params.touchEventsTarget === 'container' ? s.container[0] : s.wrapper[0];
var target = s.support.touch ? touchEventsTarget : document;
var moveCapture = s.params.nested ? true : false;
//Touch Events
if (s.browser.ie) {
touchEventsTarget[action](s.touchEvents.start, s.onTouchStart, false);
target[action](s.touchEvents.move, s.onTouchMove, moveCapture);
target[action](s.touchEvents.end, s.onTouchEnd, false);
}
else {
if (s.support.touch) {
touchEventsTarget[action](s.touchEvents.start, s.onTouchStart, false);
touchEventsTarget[action](s.touchEvents.move, s.onTouchMove, moveCapture);
touchEventsTarget[action](s.touchEvents.end, s.onTouchEnd, false);
}
if (params.simulateTouch && !s.device.ios && !s.device.android) {
touchEventsTarget[action]('mousedown', s.onTouchStart, false);
document[action]('mousemove', s.onTouchMove, moveCapture);
document[action]('mouseup', s.onTouchEnd, false);
}
}
window[action]('resize', s.onResize);
// Next, Prev, Index
if (s.params.nextButton) {
$(s.params.nextButton)[actionDom]('click', s.onClickNext);
if (s.params.a11y && s.a11y) $(s.params.nextButton)[actionDom]('keydown', s.a11y.onEnterKey);
}
if (s.params.prevButton) {
$(s.params.prevButton)[actionDom]('click', s.onClickPrev);
if (s.params.a11y && s.a11y) $(s.params.prevButton)[actionDom]('keydown', s.a11y.onEnterKey);
}
if (s.params.pagination && s.params.paginationClickable) {
$(s.paginationContainer)[actionDom]('click', '.' + s.params.bulletClass, s.onClickIndex);
if (s.params.a11y && s.a11y) $(s.paginationContainer)[actionDom]('keydown', '.' + s.params.bulletClass, s.a11y.onEnterKey);
}
// Prevent Links Clicks
if (s.params.preventClicks || s.params.preventClicksPropagation) touchEventsTarget[action]('click', s.preventClicks, true);
};
s.attachEvents = function (detach) {
s.initEvents();
};
s.detachEvents = function () {
s.initEvents(true);
};
/*=========================
Handle Clicks
===========================*/
// Prevent Clicks
s.allowClick = true;
s.preventClicks = function (e) {
if (!s.allowClick) {
if (s.params.preventClicks) e.preventDefault();
if (s.params.preventClicksPropagation && s.animating) {
e.stopPropagation();
e.stopImmediatePropagation();
}
}
};
// Clicks
s.onClickNext = function (e) {
e.preventDefault();
if (s.isEnd && !s.params.loop) return;
s.slideNext();
};
s.onClickPrev = function (e) {
e.preventDefault();
if (s.isBeginning && !s.params.loop) return;
s.slidePrev();
};
s.onClickIndex = function (e) {
e.preventDefault();
var index = $(this).index() * s.params.slidesPerGroup;
if (s.params.loop) index = index + s.loopedSlides;
s.slideTo(index);
};
/*=========================
Handle Touches
===========================*/
function findElementInEvent(e, selector) {
var el = $(e.target);
if (!el.is(selector)) {
if (typeof selector === 'string') {
el = el.parents(selector);
}
else if (selector.nodeType) {
var found;
el.parents().each(function (index, _el) {
if (_el === selector) found = selector;
});
if (!found) return undefined;
else return selector;
}
}
if (el.length === 0) {
return undefined;
}
return el[0];
}
s.updateClickedSlide = function (e) {
var slide = findElementInEvent(e, '.' + s.params.slideClass);
var slideFound = false;
if (slide) {
for (var i = 0; i < s.slides.length; i++) {
if (s.slides[i] === slide) slideFound = true;
}
}
if (slide && slideFound) {
s.clickedSlide = slide;
s.clickedIndex = $(slide).index();
}
else {
s.clickedSlide = undefined;
s.clickedIndex = undefined;
return;
}
if (s.params.slideToClickedSlide && s.clickedIndex !== undefined && s.clickedIndex !== s.activeIndex) {
var slideToIndex = s.clickedIndex,
realIndex,
duplicatedSlides;
if (s.params.loop) {
if (s.animating) return;
realIndex = $(s.clickedSlide).attr('data-swiper-slide-index');
if (s.params.centeredSlides) {
if ((slideToIndex < s.loopedSlides - s.params.slidesPerView/2) || (slideToIndex > s.slides.length - s.loopedSlides + s.params.slidesPerView/2)) {
s.fixLoop();
slideToIndex = s.wrapper.children('.' + s.params.slideClass + '[data-swiper-slide-index="' + realIndex + '"]:not(.swiper-slide-duplicate)').eq(0).index();
setTimeout(function () {
s.slideTo(slideToIndex);
}, 0);
}
else {
s.slideTo(slideToIndex);
}
}
else {
if (slideToIndex > s.slides.length - s.params.slidesPerView) {
s.fixLoop();
slideToIndex = s.wrapper.children('.' + s.params.slideClass + '[data-swiper-slide-index="' + realIndex + '"]:not(.swiper-slide-duplicate)').eq(0).index();
setTimeout(function () {
s.slideTo(slideToIndex);
}, 0);
}
else {
s.slideTo(slideToIndex);
}
}
}
else {
s.slideTo(slideToIndex);
}
}
};
var isTouched,
isMoved,
allowTouchCallbacks,
touchStartTime,
isScrolling,
currentTranslate,
startTranslate,
allowThresholdMove,
// Form elements to match
formElements = 'input, select, textarea, button',
// Last click time
lastClickTime = Date.now(), clickTimeout,
//Velocities
velocities = [],
allowMomentumBounce;
// Animating Flag
s.animating = false;
// Touches information
s.touches = {
startX: 0,
startY: 0,
currentX: 0,
currentY: 0,
diff: 0
};
// Touch handlers
var isTouchEvent, startMoving;
s.onTouchStart = function (e) {
if (e.originalEvent) e = e.originalEvent;
isTouchEvent = e.type === 'touchstart';
if (!isTouchEvent && 'which' in e && e.which === 3) return;
if (s.params.noSwiping && findElementInEvent(e, '.' + s.params.noSwipingClass)) {
s.allowClick = true;
return;
}
if (s.params.swipeHandler) {
if (!findElementInEvent(e, s.params.swipeHandler)) return;
}
var startX = s.touches.currentX = e.type === 'touchstart' ? e.targetTouches[0].pageX : e.pageX;
var startY = s.touches.currentY = e.type === 'touchstart' ? e.targetTouches[0].pageY : e.pageY;
// Do NOT start if iOS edge swipe is detected. Otherwise iOS app (UIWebView) cannot swipe-to-go-back anymore
if(s.device.ios && s.params.iOSEdgeSwipeDetection && startX <= s.params.iOSEdgeSwipeThreshold) {
return;
}
isTouched = true;
isMoved = false;
allowTouchCallbacks = true;
isScrolling = undefined;
startMoving = undefined;
s.touches.startX = startX;
s.touches.startY = startY;
touchStartTime = Date.now();
s.allowClick = true;
s.updateContainerSize();
s.swipeDirection = undefined;
if (s.params.threshold > 0) allowThresholdMove = false;
if (e.type !== 'touchstart') {
var preventDefault = true;
if ($(e.target).is(formElements)) preventDefault = false;
if (document.activeElement && $(document.activeElement).is(formElements)) {
document.activeElement.blur();
}
if (preventDefault) {
e.preventDefault();
}
}
s.emit('onTouchStart', s, e);
};
s.onTouchMove = function (e) {
if (e.originalEvent) e = e.originalEvent;
if (isTouchEvent && e.type === 'mousemove') return;
if (e.preventedByNestedSwiper) return;
if (s.params.onlyExternal) {
// isMoved = true;
s.allowClick = false;
if (isTouched) {
s.touches.startX = s.touches.currentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
s.touches.startY = s.touches.currentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
touchStartTime = Date.now();
}
return;
}
if (isTouchEvent && document.activeElement) {
if (e.target === document.activeElement && $(e.target).is(formElements)) {
isMoved = true;
s.allowClick = false;
return;
}
}
if (allowTouchCallbacks) {
s.emit('onTouchMove', s, e);
}
if (e.targetTouches && e.targetTouches.length > 1) return;
s.touches.currentX = e.type === 'touchmove' ? e.targetTouches[0].pageX : e.pageX;
s.touches.currentY = e.type === 'touchmove' ? e.targetTouches[0].pageY : e.pageY;
if (typeof isScrolling === 'undefined') {
var touchAngle = Math.atan2(Math.abs(s.touches.currentY - s.touches.startY), Math.abs(s.touches.currentX - s.touches.startX)) * 180 / Math.PI;
isScrolling = s.isHorizontal() ? touchAngle > s.params.touchAngle : (90 - touchAngle > s.params.touchAngle);
}
if (isScrolling) {
s.emit('onTouchMoveOpposite', s, e);
}
if (typeof startMoving === 'undefined' && s.browser.ieTouch) {
if (s.touches.currentX !== s.touches.startX || s.touches.currentY !== s.touches.startY) {
startMoving = true;
}
}
if (!isTouched) return;
if (isScrolling) {
isTouched = false;
return;
}
if (!startMoving && s.browser.ieTouch) {
return;
}
s.allowClick = false;
s.emit('onSliderMove', s, e);
e.preventDefault();
if (s.params.touchMoveStopPropagation && !s.params.nested) {
e.stopPropagation();
}
if (!isMoved) {
if (params.loop) {
s.fixLoop();
}
startTranslate = s.getWrapperTranslate();
s.setWrapperTransition(0);
if (s.animating) {
s.wrapper.trigger('webkitTransitionEnd transitionend oTransitionEnd MSTransitionEnd msTransitionEnd');
}
if (s.params.autoplay && s.autoplaying) {
if (s.params.autoplayDisableOnInteraction) {
s.stopAutoplay();
}
else {
s.pauseAutoplay();
}
}
allowMomentumBounce = false;
//Grab Cursor
if (s.params.grabCursor) {
s.container[0].style.cursor = 'move';
s.container[0].style.cursor = '-webkit-grabbing';
s.container[0].style.cursor = '-moz-grabbin';
s.container[0].style.cursor = 'grabbing';
}
}
isMoved = true;
var diff = s.touches.diff = s.isHorizontal() ? s.touches.currentX - s.touches.startX : s.touches.currentY - s.touches.startY;
diff = diff * s.params.touchRatio;
if (s.rtl) diff = -diff;
s.swipeDirection = diff > 0 ? 'prev' : 'next';
currentTranslate = diff + startTranslate;
var disableParentSwiper = true;
if ((diff > 0 && currentTranslate > s.minTranslate())) {
disableParentSwiper = false;
if (s.params.resistance) currentTranslate = s.minTranslate() - 1 + Math.pow(-s.minTranslate() + startTranslate + diff, s.params.resistanceRatio);
}
else if (diff < 0 && currentTranslate < s.maxTranslate()) {
disableParentSwiper = false;
if (s.params.resistance) currentTranslate = s.maxTranslate() + 1 - Math.pow(s.maxTranslate() - startTranslate - diff, s.params.resistanceRatio);
}
if (disableParentSwiper) {
e.preventedByNestedSwiper = true;
}
// Directions locks
if (!s.params.allowSwipeToNext && s.swipeDirection === 'next' && currentTranslate < startTranslate) {
currentTranslate = startTranslate;
}
if (!s.params.allowSwipeToPrev && s.swipeDirection === 'prev' && currentTranslate > startTranslate) {
currentTranslate = startTranslate;
}
if (!s.params.followFinger) return;
// Threshold
if (s.params.threshold > 0) {
if (Math.abs(diff) > s.params.threshold || allowThresholdMove) {
if (!allowThresholdMove) {
allowThresholdMove = true;
s.touches.startX = s.touches.currentX;
s.touches.startY = s.touches.currentY;
currentTranslate = startTranslate;
s.touches.diff = s.isHorizontal() ? s.touches.currentX - s.touches.startX : s.touches.currentY - s.touches.startY;
return;
}
}
else {
currentTranslate = startTranslate;
return;
}
}
// Update active index in free mode
if (s.params.freeMode || s.params.watchSlidesProgress) {
s.updateActiveIndex();
}
if (s.params.freeMode) {
//Velocity
if (velocities.length === 0) {
velocities.push({
position: s.touches[s.isHorizontal() ? 'startX' : 'startY'],
time: touchStartTime
});
}
velocities.push({
position: s.touches[s.isHorizontal() ? 'currentX' : 'currentY'],
time: (new window.Date()).getTime()
});
}
// Update progress
s.updateProgress(currentTranslate);
// Update translate
s.setWrapperTranslate(currentTranslate);
};
s.onTouchEnd = function (e) {
if (e.originalEvent) e = e.originalEvent;
if (allowTouchCallbacks) {
s.emit('onTouchEnd', s, e);
}
allowTouchCallbacks = false;
if (!isTouched) return;
//Return Grab Cursor
if (s.params.grabCursor && isMoved && isTouched) {
s.container[0].style.cursor = 'move';
s.container[0].style.cursor = '-webkit-grab';
s.container[0].style.cursor = '-moz-grab';
s.container[0].style.cursor = 'grab';
}
// Time diff
var touchEndTime = Date.now();
var timeDiff = touchEndTime - touchStartTime;
// Tap, doubleTap, Click
if (s.allowClick) {
s.updateClickedSlide(e);
s.emit('onTap', s, e);
if (timeDiff < 300 && (touchEndTime - lastClickTime) > 300) {
if (clickTimeout) clearTimeout(clickTimeout);
clickTimeout = setTimeout(function () {
if (!s) return;
if (s.params.paginationHide && s.paginationContainer.length > 0 && !$(e.target).hasClass(s.params.bulletClass)) {
s.paginationContainer.toggleClass(s.params.paginationHiddenClass);
}
s.emit('onClick', s, e);
}, 300);
}
if (timeDiff < 300 && (touchEndTime - lastClickTime) < 300) {
if (clickTimeout) clearTimeout(clickTimeout);
s.emit('onDoubleTap', s, e);
}
}
lastClickTime = Date.now();
setTimeout(function () {
if (s) s.allowClick = true;
}, 0);
if (!isTouched || !isMoved || !s.swipeDirection || s.touches.diff === 0 || currentTranslate === startTranslate) {
isTouched = isMoved = false;
return;
}
isTouched = isMoved = false;
var currentPos;
if (s.params.followFinger) {
currentPos = s.rtl ? s.translate : -s.translate;
}
else {
currentPos = -currentTranslate;
}
if (s.params.freeMode) {
if (currentPos < -s.minTranslate()) {
s.slideTo(s.activeIndex);
return;
}
else if (currentPos > -s.maxTranslate()) {
if (s.slides.length < s.snapGrid.length) {
s.slideTo(s.snapGrid.length - 1);
}
else {
s.slideTo(s.slides.length - 1);
}
return;
}
if (s.params.freeModeMomentum) {
if (velocities.length > 1) {
var lastMoveEvent = velocities.pop(), velocityEvent = velocities.pop();
var distance = lastMoveEvent.position - velocityEvent.position;
var time = lastMoveEvent.time - velocityEvent.time;
s.velocity = distance / time;
s.velocity = s.velocity / 2;
if (Math.abs(s.velocity) < s.params.freeModeMinimumVelocity) {
s.velocity = 0;
}
// this implies that the user stopped moving a finger then released.
// There would be no events with distance zero, so the last event is stale.
if (time > 150 || (new window.Date().getTime() - lastMoveEvent.time) > 300) {
s.velocity = 0;
}
} else {
s.velocity = 0;
}
velocities.length = 0;
var momentumDuration = 1000 * s.params.freeModeMomentumRatio;
var momentumDistance = s.velocity * momentumDuration;
var newPosition = s.translate + momentumDistance;
if (s.rtl) newPosition = - newPosition;
var doBounce = false;
var afterBouncePosition;
var bounceAmount = Math.abs(s.velocity) * 20 * s.params.freeModeMomentumBounceRatio;
if (newPosition < s.maxTranslate()) {
if (s.params.freeModeMomentumBounce) {
if (newPosition + s.maxTranslate() < -bounceAmount) {
newPosition = s.maxTranslate() - bounceAmount;
}
afterBouncePosition = s.maxTranslate();
doBounce = true;
allowMomentumBounce = true;
}
else {
newPosition = s.maxTranslate();
}
}
else if (newPosition > s.minTranslate()) {
if (s.params.freeModeMomentumBounce) {
if (newPosition - s.minTranslate() > bounceAmount) {
newPosition = s.minTranslate() + bounceAmount;
}
afterBouncePosition = s.minTranslate();
doBounce = true;
allowMomentumBounce = true;
}
else {
newPosition = s.minTranslate();
}
}
else if (s.params.freeModeSticky) {
var j = 0,
nextSlide;
for (j = 0; j < s.snapGrid.length; j += 1) {
if (s.snapGrid[j] > -newPosition) {
nextSlide = j;
break;
}
}
if (Math.abs(s.snapGrid[nextSlide] - newPosition) < Math.abs(s.snapGrid[nextSlide - 1] - newPosition) || s.swipeDirection === 'next') {
newPosition = s.snapGrid[nextSlide];
} else {
newPosition = s.snapGrid[nextSlide - 1];
}
if (!s.rtl) newPosition = - newPosition;
}
//Fix duration
if (s.velocity !== 0) {
if (s.rtl) {
momentumDuration = Math.abs((-newPosition - s.translate) / s.velocity);
}
else {
momentumDuration = Math.abs((newPosition - s.translate) / s.velocity);
}
}
else if (s.params.freeModeSticky) {
s.slideReset();
return;
}
if (s.params.freeModeMomentumBounce && doBounce) {
s.updateProgress(afterBouncePosition);
s.setWrapperTransition(momentumDuration);
s.setWrapperTranslate(newPosition);
s.onTransitionStart();
s.animating = true;
s.wrapper.transitionEnd(function () {
if (!s || !allowMomentumBounce) return;
s.emit('onMomentumBounce', s);
s.setWrapperTransition(s.params.speed);
s.setWrapperTranslate(afterBouncePosition);
s.wrapper.transitionEnd(function () {
if (!s) return;
s.onTransitionEnd();
});
});
} else if (s.velocity) {
s.updateProgress(newPosition);
s.setWrapperTransition(momentumDuration);
s.setWrapperTranslate(newPosition);
s.onTransitionStart();
if (!s.animating) {
s.animating = true;
s.wrapper.transitionEnd(function () {
if (!s) return;
s.onTransitionEnd();
});
}
} else {
s.updateProgress(newPosition);
}
s.updateActiveIndex();
}
if (!s.params.freeModeMomentum || timeDiff >= s.params.longSwipesMs) {
s.updateProgress();
s.updateActiveIndex();
}
return;
}
// Find current slide
var i, stopIndex = 0, groupSize = s.slidesSizesGrid[0];
for (i = 0; i < s.slidesGrid.length; i += s.params.slidesPerGroup) {
if (typeof s.slidesGrid[i + s.params.slidesPerGroup] !== 'undefined') {
if (currentPos >= s.slidesGrid[i] && currentPos < s.slidesGrid[i + s.params.slidesPerGroup]) {
stopIndex = i;
groupSize = s.slidesGrid[i + s.params.slidesPerGroup] - s.slidesGrid[i];
}
}
else {
if (currentPos >= s.slidesGrid[i]) {
stopIndex = i;
groupSize = s.slidesGrid[s.slidesGrid.length - 1] - s.slidesGrid[s.slidesGrid.length - 2];
}
}
}
// Find current slide size
var ratio = (currentPos - s.slidesGrid[stopIndex]) / groupSize;
if (timeDiff > s.params.longSwipesMs) {
// Long touches
if (!s.params.longSwipes) {
s.slideTo(s.activeIndex);
return;
}
if (s.swipeDirection === 'next') {
if (ratio >= s.params.longSwipesRatio) s.slideTo(stopIndex + s.params.slidesPerGroup);
else s.slideTo(stopIndex);
}
if (s.swipeDirection === 'prev') {
if (ratio > (1 - s.params.longSwipesRatio)) s.slideTo(stopIndex + s.params.slidesPerGroup);
else s.slideTo(stopIndex);
}
}
else {
// Short swipes
if (!s.params.shortSwipes) {
s.slideTo(s.activeIndex);
return;
}
if (s.swipeDirection === 'next') {
s.slideTo(stopIndex + s.params.slidesPerGroup);
}
if (s.swipeDirection === 'prev') {
s.slideTo(stopIndex);
}
}
};
/*=========================
Transitions
===========================*/
s._slideTo = function (slideIndex, speed) {
return s.slideTo(slideIndex, speed, true, true);
};
s.slideTo = function (slideIndex, speed, runCallbacks, internal) {
if (typeof runCallbacks === 'undefined') runCallbacks = true;
if (typeof slideIndex === 'undefined') slideIndex = 0;
if (slideIndex < 0) slideIndex = 0;
s.snapIndex = Math.floor(slideIndex / s.params.slidesPerGroup);
if (s.snapIndex >= s.snapGrid.length) s.snapIndex = s.snapGrid.length - 1;
var translate = - s.snapGrid[s.snapIndex];
// Stop autoplay
if (s.params.autoplay && s.autoplaying) {
if (internal || !s.params.autoplayDisableOnInteraction) {
s.pauseAutoplay(speed);
}
else {
s.stopAutoplay();
}
}
// Update progress
s.updateProgress(translate);
// Normalize slideIndex
for (var i = 0; i < s.slidesGrid.length; i++) {
if (- Math.floor(translate * 100) >= Math.floor(s.slidesGrid[i] * 100)) {
slideIndex = i;
}
}
// Directions locks
if (!s.params.allowSwipeToNext && translate < s.translate && translate < s.minTranslate()) {
return false;
}
if (!s.params.allowSwipeToPrev && translate > s.translate && translate > s.maxTranslate()) {
if ((s.activeIndex || 0) !== slideIndex ) return false;
}
// Update Index
if (typeof speed === 'undefined') speed = s.params.speed;
s.previousIndex = s.activeIndex || 0;
s.activeIndex = slideIndex;
if ((s.rtl && -translate === s.translate) || (!s.rtl && translate === s.translate)) {
// Update Height
if (s.params.autoHeight) {
s.updateAutoHeight();
}
s.updateClasses();
if (s.params.effect !== 'slide') {
s.setWrapperTranslate(translate);
}
return false;
}
s.updateClasses();
s.onTransitionStart(runCallbacks);
if (speed === 0) {
s.setWrapperTranslate(translate);
s.setWrapperTransition(0);
s.onTransitionEnd(runCallbacks);
}
else {
s.setWrapperTranslate(translate);
s.setWrapperTransition(speed);
if (!s.animating) {
s.animating = true;
s.wrapper.transitionEnd(function () {
if (!s) return;
s.onTransitionEnd(runCallbacks);
});
}
}
return true;
};
s.onTransitionStart = function (runCallbacks) {
if (typeof runCallbacks === 'undefined') runCallbacks = true;
if (s.params.autoHeight) {
s.updateAutoHeight();
}
if (s.lazy) s.lazy.onTransitionStart();
if (runCallbacks) {
s.emit('onTransitionStart', s);
if (s.activeIndex !== s.previousIndex) {
s.emit('onSlideChangeStart', s);
if (s.activeIndex > s.previousIndex) {
s.emit('onSlideNextStart', s);
}
else {
s.emit('onSlidePrevStart', s);
}
}
}
};
s.onTransitionEnd = function (runCallbacks) {
s.animating = false;
s.setWrapperTransition(0);
if (typeof runCallbacks === 'undefined') runCallbacks = true;
if (s.lazy) s.lazy.onTransitionEnd();
if (runCallbacks) {
s.emit('onTransitionEnd', s);
if (s.activeIndex !== s.previousIndex) {
s.emit('onSlideChangeEnd', s);
if (s.activeIndex > s.previousIndex) {
s.emit('onSlideNextEnd', s);
}
else {
s.emit('onSlidePrevEnd', s);
}
}
}
if (s.params.hashnav && s.hashnav) {
s.hashnav.setHash();
}
};
s.slideNext = function (runCallbacks, speed, internal) {
if (s.params.loop) {
if (s.animating) return false;
s.fixLoop();
var clientLeft = s.container[0].clientLeft;
return s.slideTo(s.activeIndex + s.params.slidesPerGroup, speed, runCallbacks, internal);
}
else return s.slideTo(s.activeIndex + s.params.slidesPerGroup, speed, runCallbacks, internal);
};
s._slideNext = function (speed) {
return s.slideNext(true, speed, true);
};
s.slidePrev = function (runCallbacks, speed, internal) {
if (s.params.loop) {
if (s.animating) return false;
s.fixLoop();
var clientLeft = s.container[0].clientLeft;
return s.slideTo(s.activeIndex - 1, speed, runCallbacks, internal);
}
else return s.slideTo(s.activeIndex - 1, speed, runCallbacks, internal);
};
s._slidePrev = function (speed) {
return s.slidePrev(true, speed, true);
};
s.slideReset = function (runCallbacks, speed, internal) {
return s.slideTo(s.activeIndex, speed, runCallbacks);
};
/*=========================
Translate/transition helpers
===========================*/
s.setWrapperTransition = function (duration, byController) {
s.wrapper.transition(duration);
if (s.params.effect !== 'slide' && s.effects[s.params.effect]) {
s.effects[s.params.effect].setTransition(duration);
}
if (s.params.parallax && s.parallax) {
s.parallax.setTransition(duration);
}
if (s.params.scrollbar && s.scrollbar) {
s.scrollbar.setTransition(duration);
}
if (s.params.control && s.controller) {
s.controller.setTransition(duration, byController);
}
s.emit('onSetTransition', s, duration);
};
s.setWrapperTranslate = function (translate, updateActiveIndex, byController) {
var x = 0, y = 0, z = 0;
if (s.isHorizontal()) {
x = s.rtl ? -translate : translate;
}
else {
y = translate;
}
if (s.params.roundLengths) {
x = round(x);
y = round(y);
}
if (!s.params.virtualTranslate) {
if (s.support.transforms3d) s.wrapper.transform('translate3d(' + x + 'px, ' + y + 'px, ' + z + 'px)');
else s.wrapper.transform('translate(' + x + 'px, ' + y + 'px)');
}
s.translate = s.isHorizontal() ? x : y;
// Check if we need to update progress
var progress;
var translatesDiff = s.maxTranslate() - s.minTranslate();
if (translatesDiff === 0) {
progress = 0;
}
else {
progress = (translate - s.minTranslate()) / (translatesDiff);
}
if (progress !== s.progress) {
s.updateProgress(translate);
}
if (updateActiveIndex) s.updateActiveIndex();
if (s.params.effect !== 'slide' && s.effects[s.params.effect]) {
s.effects[s.params.effect].setTranslate(s.translate);
}
if (s.params.parallax && s.parallax) {
s.parallax.setTranslate(s.translate);
}
if (s.params.scrollbar && s.scrollbar) {
s.scrollbar.setTranslate(s.translate);
}
if (s.params.control && s.controller) {
s.controller.setTranslate(s.translate, byController);
}
s.emit('onSetTranslate', s, s.translate);
};
s.getTranslate = function (el, axis) {
var matrix, curTransform, curStyle, transformMatrix;
// automatic axis detection
if (typeof axis === 'undefined') {
axis = 'x';
}
if (s.params.virtualTranslate) {
return s.rtl ? -s.translate : s.translate;
}
curStyle = window.getComputedStyle(el, null);
if (window.WebKitCSSMatrix) {
curTransform = curStyle.transform || curStyle.webkitTransform;
if (curTransform.split(',').length > 6) {
curTransform = curTransform.split(', ').map(function(a){
return a.replace(',','.');
}).join(', ');
}
// Some old versions of Webkit choke when 'none' is passed; pass
// empty string instead in this case
transformMatrix = new window.WebKitCSSMatrix(curTransform === 'none' ? '' : curTransform);
}
else {
transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');
matrix = transformMatrix.toString().split(',');
}
if (axis === 'x') {
//Latest Chrome and webkits Fix
if (window.WebKitCSSMatrix)
curTransform = transformMatrix.m41;
//Crazy IE10 Matrix
else if (matrix.length === 16)
curTransform = parseFloat(matrix[12]);
//Normal Browsers
else
curTransform = parseFloat(matrix[4]);
}
if (axis === 'y') {
//Latest Chrome and webkits Fix
if (window.WebKitCSSMatrix)
curTransform = transformMatrix.m42;
//Crazy IE10 Matrix
else if (matrix.length === 16)
curTransform = parseFloat(matrix[13]);
//Normal Browsers
else
curTransform = parseFloat(matrix[5]);
}
if (s.rtl && curTransform) curTransform = -curTransform;
return curTransform || 0;
};
s.getWrapperTranslate = function (axis) {
if (typeof axis === 'undefined') {
axis = s.isHorizontal() ? 'x' : 'y';
}
return s.getTranslate(s.wrapper[0], axis);
};
/*=========================
Observer
===========================*/
s.observers = [];
function initObserver(target, options) {
options = options || {};
// create an observer instance
var ObserverFunc = window.MutationObserver || window.WebkitMutationObserver;
var observer = new ObserverFunc(function (mutations) {
mutations.forEach(function (mutation) {
s.onResize(true);
s.emit('onObserverUpdate', s, mutation);
});
});
observer.observe(target, {
attributes: typeof options.attributes === 'undefined' ? true : options.attributes,
childList: typeof options.childList === 'undefined' ? true : options.childList,
characterData: typeof options.characterData === 'undefined' ? true : options.characterData
});
s.observers.push(observer);
}
s.initObservers = function () {
if (s.params.observeParents) {
var containerParents = s.container.parents();
for (var i = 0; i < containerParents.length; i++) {
initObserver(containerParents[i]);
}
}
// Observe container
initObserver(s.container[0], {childList: false});
// Observe wrapper
initObserver(s.wrapper[0], {attributes: false});
};
s.disconnectObservers = function () {
for (var i = 0; i < s.observers.length; i++) {
s.observers[i].disconnect();
}
s.observers = [];
};
/*=========================
Loop
===========================*/
// Create looped slides
s.createLoop = function () {
// Remove duplicated slides
s.wrapper.children('.' + s.params.slideClass + '.' + s.params.slideDuplicateClass).remove();
var slides = s.wrapper.children('.' + s.params.slideClass);
if(s.params.slidesPerView === 'auto' && !s.params.loopedSlides) s.params.loopedSlides = slides.length;
s.loopedSlides = parseInt(s.params.loopedSlides || s.params.slidesPerView, 10);
s.loopedSlides = s.loopedSlides + s.params.loopAdditionalSlides;
if (s.loopedSlides > slides.length) {
s.loopedSlides = slides.length;
}
var prependSlides = [], appendSlides = [], i;
slides.each(function (index, el) {
var slide = $(this);
if (index < s.loopedSlides) appendSlides.push(el);
if (index < slides.length && index >= slides.length - s.loopedSlides) prependSlides.push(el);
slide.attr('data-swiper-slide-index', index);
});
for (i = 0; i < appendSlides.length; i++) {
s.wrapper.append($(appendSlides[i].cloneNode(true)).addClass(s.params.slideDuplicateClass));
}
for (i = prependSlides.length - 1; i >= 0; i--) {
s.wrapper.prepend($(prependSlides[i].cloneNode(true)).addClass(s.params.slideDuplicateClass));
}
};
s.destroyLoop = function () {
s.wrapper.children('.' + s.params.slideClass + '.' + s.params.slideDuplicateClass).remove();
s.slides.removeAttr('data-swiper-slide-index');
};
s.fixLoop = function () {
var newIndex;
//Fix For Negative Oversliding
if (s.activeIndex < s.loopedSlides) {
newIndex = s.slides.length - s.loopedSlides * 3 + s.activeIndex;
newIndex = newIndex + s.loopedSlides;
s.slideTo(newIndex, 0, false, true);
}
//Fix For Positive Oversliding
else if ((s.params.slidesPerView === 'auto' && s.activeIndex >= s.loopedSlides * 2) || (s.activeIndex > s.slides.length - s.params.slidesPerView * 2)) {
newIndex = -s.slides.length + s.activeIndex + s.loopedSlides;
newIndex = newIndex + s.loopedSlides;
s.slideTo(newIndex, 0, false, true);
}
};
/*=========================
Append/Prepend/Remove Slides
===========================*/
s.appendSlide = function (slides) {
if (s.params.loop) {
s.destroyLoop();
}
if (typeof slides === 'object' && slides.length) {
for (var i = 0; i < slides.length; i++) {
if (slides[i]) s.wrapper.append(slides[i]);
}
}
else {
s.wrapper.append(slides);
}
if (s.params.loop) {
s.createLoop();
}
if (!(s.params.observer && s.support.observer)) {
s.update(true);
}
};
s.prependSlide = function (slides) {
if (s.params.loop) {
s.destroyLoop();
}
var newActiveIndex = s.activeIndex + 1;
if (typeof slides === 'object' && slides.length) {
for (var i = 0; i < slides.length; i++) {
if (slides[i]) s.wrapper.prepend(slides[i]);
}
newActiveIndex = s.activeIndex + slides.length;
}
else {
s.wrapper.prepend(slides);
}
if (s.params.loop) {
s.createLoop();
}
if (!(s.params.observer && s.support.observer)) {
s.update(true);
}
s.slideTo(newActiveIndex, 0, false);
};
s.removeSlide = function (slidesIndexes) {
if (s.params.loop) {
s.destroyLoop();
s.slides = s.wrapper.children('.' + s.params.slideClass);
}
var newActiveIndex = s.activeIndex,
indexToRemove;
if (typeof slidesIndexes === 'object' && slidesIndexes.length) {
for (var i = 0; i < slidesIndexes.length; i++) {
indexToRemove = slidesIndexes[i];
if (s.slides[indexToRemove]) s.slides.eq(indexToRemove).remove();
if (indexToRemove < newActiveIndex) newActiveIndex--;
}
newActiveIndex = Math.max(newActiveIndex, 0);
}
else {
indexToRemove = slidesIndexes;
if (s.slides[indexToRemove]) s.slides.eq(indexToRemove).remove();
if (indexToRemove < newActiveIndex) newActiveIndex--;
newActiveIndex = Math.max(newActiveIndex, 0);
}
if (s.params.loop) {
s.createLoop();
}
if (!(s.params.observer && s.support.observer)) {
s.update(true);
}
if (s.params.loop) {
s.slideTo(newActiveIndex + s.loopedSlides, 0, false);
}
else {
s.slideTo(newActiveIndex, 0, false);
}
};
s.removeAllSlides = function () {
var slidesIndexes = [];
for (var i = 0; i < s.slides.length; i++) {
slidesIndexes.push(i);
}
s.removeSlide(slidesIndexes);
};
/*=========================
Effects
===========================*/
s.effects = {
fade: {
setTranslate: function () {
for (var i = 0; i < s.slides.length; i++) {
var slide = s.slides.eq(i);
var offset = slide[0].swiperSlideOffset;
var tx = -offset;
if (!s.params.virtualTranslate) tx = tx - s.translate;
var ty = 0;
if (!s.isHorizontal()) {
ty = tx;
tx = 0;
}
var slideOpacity = s.params.fade.crossFade ?
Math.max(1 - Math.abs(slide[0].progress), 0) :
1 + Math.min(Math.max(slide[0].progress, -1), 0);
slide
.css({
opacity: slideOpacity
})
.transform('translate3d(' + tx + 'px, ' + ty + 'px, 0px)');
}
},
setTransition: function (duration) {
s.slides.transition(duration);
if (s.params.virtualTranslate && duration !== 0) {
var eventTriggered = false;
s.slides.transitionEnd(function () {
if (eventTriggered) return;
if (!s) return;
eventTriggered = true;
s.animating = false;
var triggerEvents = ['webkitTransitionEnd', 'transitionend', 'oTransitionEnd', 'MSTransitionEnd', 'msTransitionEnd'];
for (var i = 0; i < triggerEvents.length; i++) {
s.wrapper.trigger(triggerEvents[i]);
}
});
}
}
},
flip: {
setTranslate: function () {
for (var i = 0; i < s.slides.length; i++) {
var slide = s.slides.eq(i);
var progress = slide[0].progress;
if (s.params.flip.limitRotation) {
progress = Math.max(Math.min(slide[0].progress, 1), -1);
}
var offset = slide[0].swiperSlideOffset;
var rotate = -180 * progress,
rotateY = rotate,
rotateX = 0,
tx = -offset,
ty = 0;
if (!s.isHorizontal()) {
ty = tx;
tx = 0;
rotateX = -rotateY;
rotateY = 0;
}
else if (s.rtl) {
rotateY = -rotateY;
}
slide[0].style.zIndex = -Math.abs(Math.round(progress)) + s.slides.length;
if (s.params.flip.slideShadows) {
//Set shadows
var shadowBefore = s.isHorizontal() ? slide.find('.swiper-slide-shadow-left') : slide.find('.swiper-slide-shadow-top');
var shadowAfter = s.isHorizontal() ? slide.find('.swiper-slide-shadow-right') : slide.find('.swiper-slide-shadow-bottom');
if (shadowBefore.length === 0) {
shadowBefore = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'left' : 'top') + '"></div>');
slide.append(shadowBefore);
}
if (shadowAfter.length === 0) {
shadowAfter = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'right' : 'bottom') + '"></div>');
slide.append(shadowAfter);
}
if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
}
slide
.transform('translate3d(' + tx + 'px, ' + ty + 'px, 0px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)');
}
},
setTransition: function (duration) {
s.slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
if (s.params.virtualTranslate && duration !== 0) {
var eventTriggered = false;
s.slides.eq(s.activeIndex).transitionEnd(function () {
if (eventTriggered) return;
if (!s) return;
if (!$(this).hasClass(s.params.slideActiveClass)) return;
eventTriggered = true;
s.animating = false;
var triggerEvents = ['webkitTransitionEnd', 'transitionend', 'oTransitionEnd', 'MSTransitionEnd', 'msTransitionEnd'];
for (var i = 0; i < triggerEvents.length; i++) {
s.wrapper.trigger(triggerEvents[i]);
}
});
}
}
},
cube: {
setTranslate: function () {
var wrapperRotate = 0, cubeShadow;
if (s.params.cube.shadow) {
if (s.isHorizontal()) {
cubeShadow = s.wrapper.find('.swiper-cube-shadow');
if (cubeShadow.length === 0) {
cubeShadow = $('<div class="swiper-cube-shadow"></div>');
s.wrapper.append(cubeShadow);
}
cubeShadow.css({height: s.width + 'px'});
}
else {
cubeShadow = s.container.find('.swiper-cube-shadow');
if (cubeShadow.length === 0) {
cubeShadow = $('<div class="swiper-cube-shadow"></div>');
s.container.append(cubeShadow);
}
}
}
for (var i = 0; i < s.slides.length; i++) {
var slide = s.slides.eq(i);
var slideAngle = i * 90;
var round = Math.floor(slideAngle / 360);
if (s.rtl) {
slideAngle = -slideAngle;
round = Math.floor(-slideAngle / 360);
}
var progress = Math.max(Math.min(slide[0].progress, 1), -1);
var tx = 0, ty = 0, tz = 0;
if (i % 4 === 0) {
tx = - round * 4 * s.size;
tz = 0;
}
else if ((i - 1) % 4 === 0) {
tx = 0;
tz = - round * 4 * s.size;
}
else if ((i - 2) % 4 === 0) {
tx = s.size + round * 4 * s.size;
tz = s.size;
}
else if ((i - 3) % 4 === 0) {
tx = - s.size;
tz = 3 * s.size + s.size * 4 * round;
}
if (s.rtl) {
tx = -tx;
}
if (!s.isHorizontal()) {
ty = tx;
tx = 0;
}
var transform = 'rotateX(' + (s.isHorizontal() ? 0 : -slideAngle) + 'deg) rotateY(' + (s.isHorizontal() ? slideAngle : 0) + 'deg) translate3d(' + tx + 'px, ' + ty + 'px, ' + tz + 'px)';
if (progress <= 1 && progress > -1) {
wrapperRotate = i * 90 + progress * 90;
if (s.rtl) wrapperRotate = -i * 90 - progress * 90;
}
slide.transform(transform);
if (s.params.cube.slideShadows) {
//Set shadows
var shadowBefore = s.isHorizontal() ? slide.find('.swiper-slide-shadow-left') : slide.find('.swiper-slide-shadow-top');
var shadowAfter = s.isHorizontal() ? slide.find('.swiper-slide-shadow-right') : slide.find('.swiper-slide-shadow-bottom');
if (shadowBefore.length === 0) {
shadowBefore = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'left' : 'top') + '"></div>');
slide.append(shadowBefore);
}
if (shadowAfter.length === 0) {
shadowAfter = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'right' : 'bottom') + '"></div>');
slide.append(shadowAfter);
}
if (shadowBefore.length) shadowBefore[0].style.opacity = Math.max(-progress, 0);
if (shadowAfter.length) shadowAfter[0].style.opacity = Math.max(progress, 0);
}
}
s.wrapper.css({
'-webkit-transform-origin': '50% 50% -' + (s.size / 2) + 'px',
'-moz-transform-origin': '50% 50% -' + (s.size / 2) + 'px',
'-ms-transform-origin': '50% 50% -' + (s.size / 2) + 'px',
'transform-origin': '50% 50% -' + (s.size / 2) + 'px'
});
if (s.params.cube.shadow) {
if (s.isHorizontal()) {
cubeShadow.transform('translate3d(0px, ' + (s.width / 2 + s.params.cube.shadowOffset) + 'px, ' + (-s.width / 2) + 'px) rotateX(90deg) rotateZ(0deg) scale(' + (s.params.cube.shadowScale) + ')');
}
else {
var shadowAngle = Math.abs(wrapperRotate) - Math.floor(Math.abs(wrapperRotate) / 90) * 90;
var multiplier = 1.5 - (Math.sin(shadowAngle * 2 * Math.PI / 360) / 2 + Math.cos(shadowAngle * 2 * Math.PI / 360) / 2);
var scale1 = s.params.cube.shadowScale,
scale2 = s.params.cube.shadowScale / multiplier,
offset = s.params.cube.shadowOffset;
cubeShadow.transform('scale3d(' + scale1 + ', 1, ' + scale2 + ') translate3d(0px, ' + (s.height / 2 + offset) + 'px, ' + (-s.height / 2 / scale2) + 'px) rotateX(-90deg)');
}
}
var zFactor = (s.isSafari || s.isUiWebView) ? (-s.size / 2) : 0;
s.wrapper.transform('translate3d(0px,0,' + zFactor + 'px) rotateX(' + (s.isHorizontal() ? 0 : wrapperRotate) + 'deg) rotateY(' + (s.isHorizontal() ? -wrapperRotate : 0) + 'deg)');
},
setTransition: function (duration) {
s.slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
if (s.params.cube.shadow && !s.isHorizontal()) {
s.container.find('.swiper-cube-shadow').transition(duration);
}
}
},
coverflow: {
setTranslate: function () {
var transform = s.translate;
var center = s.isHorizontal() ? -transform + s.width / 2 : -transform + s.height / 2;
var rotate = s.isHorizontal() ? s.params.coverflow.rotate: -s.params.coverflow.rotate;
var translate = s.params.coverflow.depth;
//Each slide offset from center
for (var i = 0, length = s.slides.length; i < length; i++) {
var slide = s.slides.eq(i);
var slideSize = s.slidesSizesGrid[i];
var slideOffset = slide[0].swiperSlideOffset;
var offsetMultiplier = (center - slideOffset - slideSize / 2) / slideSize * s.params.coverflow.modifier;
var rotateY = s.isHorizontal() ? rotate * offsetMultiplier : 0;
var rotateX = s.isHorizontal() ? 0 : rotate * offsetMultiplier;
// var rotateZ = 0
var translateZ = -translate * Math.abs(offsetMultiplier);
var translateY = s.isHorizontal() ? 0 : s.params.coverflow.stretch * (offsetMultiplier);
var translateX = s.isHorizontal() ? s.params.coverflow.stretch * (offsetMultiplier) : 0;
//Fix for ultra small values
if (Math.abs(translateX) < 0.001) translateX = 0;
if (Math.abs(translateY) < 0.001) translateY = 0;
if (Math.abs(translateZ) < 0.001) translateZ = 0;
if (Math.abs(rotateY) < 0.001) rotateY = 0;
if (Math.abs(rotateX) < 0.001) rotateX = 0;
var slideTransform = 'translate3d(' + translateX + 'px,' + translateY + 'px,' + translateZ + 'px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg)';
slide.transform(slideTransform);
slide[0].style.zIndex = -Math.abs(Math.round(offsetMultiplier)) + 1;
if (s.params.coverflow.slideShadows) {
//Set shadows
var shadowBefore = s.isHorizontal() ? slide.find('.swiper-slide-shadow-left') : slide.find('.swiper-slide-shadow-top');
var shadowAfter = s.isHorizontal() ? slide.find('.swiper-slide-shadow-right') : slide.find('.swiper-slide-shadow-bottom');
if (shadowBefore.length === 0) {
shadowBefore = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'left' : 'top') + '"></div>');
slide.append(shadowBefore);
}
if (shadowAfter.length === 0) {
shadowAfter = $('<div class="swiper-slide-shadow-' + (s.isHorizontal() ? 'right' : 'bottom') + '"></div>');
slide.append(shadowAfter);
}
if (shadowBefore.length) shadowBefore[0].style.opacity = offsetMultiplier > 0 ? offsetMultiplier : 0;
if (shadowAfter.length) shadowAfter[0].style.opacity = (-offsetMultiplier) > 0 ? -offsetMultiplier : 0;
}
}
//Set correct perspective for IE10
if (s.browser.ie) {
var ws = s.wrapper[0].style;
ws.perspectiveOrigin = center + 'px 50%';
}
},
setTransition: function (duration) {
s.slides.transition(duration).find('.swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left').transition(duration);
}
}
};
/*=========================
Images Lazy Loading
===========================*/
/*=========================
Scrollbar
===========================*/
s.scrollbar = {
isTouched: false,
setDragPosition: function (e) {
var sb = s.scrollbar;
var x = 0, y = 0;
var translate;
var pointerPosition = s.isHorizontal() ?
((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].pageX : e.pageX || e.clientX) :
((e.type === 'touchstart' || e.type === 'touchmove') ? e.targetTouches[0].pageY : e.pageY || e.clientY) ;
var position = (pointerPosition) - sb.track.offset()[s.isHorizontal() ? 'left' : 'top'] - sb.dragSize / 2;
var positionMin = -s.minTranslate() * sb.moveDivider;
var positionMax = -s.maxTranslate() * sb.moveDivider;
if (position < positionMin) {
position = positionMin;
}
else if (position > positionMax) {
position = positionMax;
}
position = -position / sb.moveDivider;
s.updateProgress(position);
s.setWrapperTranslate(position, true);
},
dragStart: function (e) {
var sb = s.scrollbar;
sb.isTouched = true;
e.preventDefault();
e.stopPropagation();
sb.setDragPosition(e);
clearTimeout(sb.dragTimeout);
sb.track.transition(0);
if (s.params.scrollbarHide) {
sb.track.css('opacity', 1);
}
s.wrapper.transition(100);
sb.drag.transition(100);
s.emit('onScrollbarDragStart', s);
},
dragMove: function (e) {
var sb = s.scrollbar;
if (!sb.isTouched) return;
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
sb.setDragPosition(e);
s.wrapper.transition(0);
sb.track.transition(0);
sb.drag.transition(0);
s.emit('onScrollbarDragMove', s);
},
dragEnd: function (e) {
var sb = s.scrollbar;
if (!sb.isTouched) return;
sb.isTouched = false;
if (s.params.scrollbarHide) {
clearTimeout(sb.dragTimeout);
sb.dragTimeout = setTimeout(function () {
sb.track.css('opacity', 0);
sb.track.transition(400);
}, 1000);
}
s.emit('onScrollbarDragEnd', s);
if (s.params.scrollbarSnapOnRelease) {
s.slideReset();
}
},
enableDraggable: function () {
var sb = s.scrollbar;
var target = s.support.touch ? sb.track : document;
$(sb.track).on(s.touchEvents.start, sb.dragStart);
$(target).on(s.touchEvents.move, sb.dragMove);
$(target).on(s.touchEvents.end, sb.dragEnd);
},
disableDraggable: function () {
var sb = s.scrollbar;
var target = s.support.touch ? sb.track : document;
$(sb.track).off(s.touchEvents.start, sb.dragStart);
$(target).off(s.touchEvents.move, sb.dragMove);
$(target).off(s.touchEvents.end, sb.dragEnd);
},
set: function () {
if (!s.params.scrollbar) return;
var sb = s.scrollbar;
sb.track = $(s.params.scrollbar);
sb.drag = sb.track.find('.swiper-scrollbar-drag');
if (sb.drag.length === 0) {
sb.drag = $('<div class="swiper-scrollbar-drag"></div>');
sb.track.append(sb.drag);
}
sb.drag[0].style.width = '';
sb.drag[0].style.height = '';
sb.trackSize = s.isHorizontal() ? sb.track[0].offsetWidth : sb.track[0].offsetHeight;
sb.divider = s.size / s.virtualSize;
sb.moveDivider = sb.divider * (sb.trackSize / s.size);
sb.dragSize = sb.trackSize * sb.divider;
if (s.isHorizontal()) {
sb.drag[0].style.width = sb.dragSize + 'px';
}
else {
sb.drag[0].style.height = sb.dragSize + 'px';
}
if (sb.divider >= 1) {
sb.track[0].style.display = 'none';
}
else {
sb.track[0].style.display = '';
}
if (s.params.scrollbarHide) {
sb.track[0].style.opacity = 0;
}
},
setTranslate: function () {
if (!s.params.scrollbar) return;
var diff;
var sb = s.scrollbar;
var translate = s.translate || 0;
var newPos;
var newSize = sb.dragSize;
newPos = (sb.trackSize - sb.dragSize) * s.progress;
if (s.rtl && s.isHorizontal()) {
newPos = -newPos;
if (newPos > 0) {
newSize = sb.dragSize - newPos;
newPos = 0;
}
else if (-newPos + sb.dragSize > sb.trackSize) {
newSize = sb.trackSize + newPos;
}
}
else {
if (newPos < 0) {
newSize = sb.dragSize + newPos;
newPos = 0;
}
else if (newPos + sb.dragSize > sb.trackSize) {
newSize = sb.trackSize - newPos;
}
}
if (s.isHorizontal()) {
if (s.support.transforms3d) {
sb.drag.transform('translate3d(' + (newPos) + 'px, 0, 0)');
}
else {
sb.drag.transform('translateX(' + (newPos) + 'px)');
}
sb.drag[0].style.width = newSize + 'px';
}
else {
if (s.support.transforms3d) {
sb.drag.transform('translate3d(0px, ' + (newPos) + 'px, 0)');
}
else {
sb.drag.transform('translateY(' + (newPos) + 'px)');
}
sb.drag[0].style.height = newSize + 'px';
}
if (s.params.scrollbarHide) {
clearTimeout(sb.timeout);
sb.track[0].style.opacity = 1;
sb.timeout = setTimeout(function () {
sb.track[0].style.opacity = 0;
sb.track.transition(400);
}, 1000);
}
},
setTransition: function (duration) {
if (!s.params.scrollbar) return;
s.scrollbar.drag.transition(duration);
}
};
/*=========================
Hash Navigation
===========================*/
s.hashnav = {
init: function () {
if (!s.params.hashnav) return;
s.hashnav.initialized = true;
var hash = document.location.hash.replace('#', '');
if (!hash) return;
var speed = 0;
for (var i = 0, length = s.slides.length; i < length; i++) {
var slide = s.slides.eq(i);
var slideHash = slide.attr('data-hash');
if (slideHash === hash && !slide.hasClass(s.params.slideDuplicateClass)) {
var index = slide.index();
s.slideTo(index, speed, s.params.runCallbacksOnInit, true);
}
}
},
setHash: function () {
if (!s.hashnav.initialized || !s.params.hashnav) return;
document.location.hash = s.slides.eq(s.activeIndex).attr('data-hash') || '';
}
};
/*=========================
Keyboard Control
===========================*/
function handleKeyboard(e) {
if (e.originalEvent) e = e.originalEvent; //jquery fix
var kc = e.keyCode || e.charCode;
// Directions locks
if (!s.params.allowSwipeToNext && (s.isHorizontal() && kc === 39 || !s.isHorizontal() && kc === 40)) {
return false;
}
if (!s.params.allowSwipeToPrev && (s.isHorizontal() && kc === 37 || !s.isHorizontal() && kc === 38)) {
return false;
}
if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) {
return;
}
if (document.activeElement && document.activeElement.nodeName && (document.activeElement.nodeName.toLowerCase() === 'input' || document.activeElement.nodeName.toLowerCase() === 'textarea')) {
return;
}
if (kc === 37 || kc === 39 || kc === 38 || kc === 40) {
var inView = false;
//Check that swiper should be inside of visible area of window
if (s.container.parents('.swiper-slide').length > 0 && s.container.parents('.swiper-slide-active').length === 0) {
return;
}
var windowScroll = {
left: window.pageXOffset,
top: window.pageYOffset
};
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
var swiperOffset = s.container.offset();
if (s.rtl) swiperOffset.left = swiperOffset.left - s.container[0].scrollLeft;
var swiperCoord = [
[swiperOffset.left, swiperOffset.top],
[swiperOffset.left + s.width, swiperOffset.top],
[swiperOffset.left, swiperOffset.top + s.height],
[swiperOffset.left + s.width, swiperOffset.top + s.height]
];
for (var i = 0; i < swiperCoord.length; i++) {
var point = swiperCoord[i];
if (
point[0] >= windowScroll.left && point[0] <= windowScroll.left + windowWidth &&
point[1] >= windowScroll.top && point[1] <= windowScroll.top + windowHeight
) {
inView = true;
}
}
if (!inView) return;
}
if (s.isHorizontal()) {
if (kc === 37 || kc === 39) {
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
}
if ((kc === 39 && !s.rtl) || (kc === 37 && s.rtl)) s.slideNext();
if ((kc === 37 && !s.rtl) || (kc === 39 && s.rtl)) s.slidePrev();
}
else {
if (kc === 38 || kc === 40) {
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
}
if (kc === 40) s.slideNext();
if (kc === 38) s.slidePrev();
}
}
s.disableKeyboardControl = function () {
s.params.keyboardControl = false;
$(document).off('keydown', handleKeyboard);
};
s.enableKeyboardControl = function () {
s.params.keyboardControl = true;
$(document).on('keydown', handleKeyboard);
};
/*=========================
Mousewheel Control
===========================*/
s.mousewheel = {
event: false,
lastScrollTime: (new window.Date()).getTime()
};
if (s.params.mousewheelControl) {
try {
new window.WheelEvent('wheel');
s.mousewheel.event = 'wheel';
} catch (e) {}
if (!s.mousewheel.event && document.onmousewheel !== undefined) {
s.mousewheel.event = 'mousewheel';
}
if (!s.mousewheel.event) {
s.mousewheel.event = 'DOMMouseScroll';
}
}
function handleMousewheel(e) {
if (e.originalEvent) e = e.originalEvent; //jquery fix
var we = s.mousewheel.event;
var delta = 0;
var rtlFactor = s.rtl ? -1 : 1;
//Opera & IE
if (e.detail) delta = -e.detail;
//WebKits
else if (we === 'mousewheel') {
if (s.params.mousewheelForceToAxis) {
if (s.isHorizontal()) {
if (Math.abs(e.wheelDeltaX) > Math.abs(e.wheelDeltaY)) delta = e.wheelDeltaX * rtlFactor;
else return;
}
else {
if (Math.abs(e.wheelDeltaY) > Math.abs(e.wheelDeltaX)) delta = e.wheelDeltaY;
else return;
}
}
else {
delta = Math.abs(e.wheelDeltaX) > Math.abs(e.wheelDeltaY) ? - e.wheelDeltaX * rtlFactor : - e.wheelDeltaY;
}
}
//Old FireFox
else if (we === 'DOMMouseScroll') delta = -e.detail;
//New FireFox
else if (we === 'wheel') {
if (s.params.mousewheelForceToAxis) {
if (s.isHorizontal()) {
if (Math.abs(e.deltaX) > Math.abs(e.deltaY)) delta = -e.deltaX * rtlFactor;
else return;
}
else {
if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) delta = -e.deltaY;
else return;
}
}
else {
delta = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? - e.deltaX * rtlFactor : - e.deltaY;
}
}
if (delta === 0) return;
if (s.params.mousewheelInvert) delta = -delta;
if (!s.params.freeMode) {
if ((new window.Date()).getTime() - s.mousewheel.lastScrollTime > 60) {
if (delta < 0) {
if ((!s.isEnd || s.params.loop) && !s.animating) s.slideNext();
else if (s.params.mousewheelReleaseOnEdges) return true;
}
else {
if ((!s.isBeginning || s.params.loop) && !s.animating) s.slidePrev();
else if (s.params.mousewheelReleaseOnEdges) return true;
}
}
s.mousewheel.lastScrollTime = (new window.Date()).getTime();
}
else {
//Freemode or scrollContainer:
var position = s.getWrapperTranslate() + delta * s.params.mousewheelSensitivity;
var wasBeginning = s.isBeginning,
wasEnd = s.isEnd;
if (position >= s.minTranslate()) position = s.minTranslate();
if (position <= s.maxTranslate()) position = s.maxTranslate();
s.setWrapperTransition(0);
s.setWrapperTranslate(position);
s.updateProgress();
s.updateActiveIndex();
if (!wasBeginning && s.isBeginning || !wasEnd && s.isEnd) {
s.updateClasses();
}
if (s.params.freeModeSticky) {
clearTimeout(s.mousewheel.timeout);
s.mousewheel.timeout = setTimeout(function () {
s.slideReset();
}, 300);
}
else {
if (s.params.lazyLoading && s.lazy) {
s.lazy.load();
}
}
// Return page scroll on edge positions
if (position === 0 || position === s.maxTranslate()) return;
}
if (s.params.autoplay) s.stopAutoplay();
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
return false;
}
s.disableMousewheelControl = function () {
if (!s.mousewheel.event) return false;
s.container.off(s.mousewheel.event, handleMousewheel);
return true;
};
s.enableMousewheelControl = function () {
if (!s.mousewheel.event) return false;
s.container.on(s.mousewheel.event, handleMousewheel);
return true;
};
/*=========================
Parallax
===========================*/
function setParallaxTransform(el, progress) {
el = $(el);
var p, pX, pY;
var rtlFactor = s.rtl ? -1 : 1;
p = el.attr('data-swiper-parallax') || '0';
pX = el.attr('data-swiper-parallax-x');
pY = el.attr('data-swiper-parallax-y');
if (pX || pY) {
pX = pX || '0';
pY = pY || '0';
}
else {
if (s.isHorizontal()) {
pX = p;
pY = '0';
}
else {
pY = p;
pX = '0';
}
}
if ((pX).indexOf('%') >= 0) {
pX = parseInt(pX, 10) * progress * rtlFactor + '%';
}
else {
pX = pX * progress * rtlFactor + 'px' ;
}
if ((pY).indexOf('%') >= 0) {
pY = parseInt(pY, 10) * progress + '%';
}
else {
pY = pY * progress + 'px' ;
}
el.transform('translate3d(' + pX + ', ' + pY + ',0px)');
}
s.parallax = {
setTranslate: function () {
s.container.children('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]').each(function(){
setParallaxTransform(this, s.progress);
});
s.slides.each(function () {
var slide = $(this);
slide.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]').each(function () {
var progress = Math.min(Math.max(slide[0].progress, -1), 1);
setParallaxTransform(this, progress);
});
});
},
setTransition: function (duration) {
if (typeof duration === 'undefined') duration = s.params.speed;
s.container.find('[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y]').each(function(){
var el = $(this);
var parallaxDuration = parseInt(el.attr('data-swiper-parallax-duration'), 10) || duration;
if (duration === 0) parallaxDuration = 0;
el.transition(parallaxDuration);
});
}
};
/*=========================
Events/Callbacks/Plugins Emitter
===========================*/
function normalizeEventName (eventName) {
if (eventName.indexOf('on') !== 0) {
if (eventName[0] !== eventName[0].toUpperCase()) {
eventName = 'on' + eventName[0].toUpperCase() + eventName.substring(1);
}
else {
eventName = 'on' + eventName;
}
}
return eventName;
}
s.emitterEventListeners = {
};
s.emit = function (eventName) {
// Trigger callbacks
if (s.params[eventName]) {
s.params[eventName](arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]);
}
var i;
// Trigger events
if (s.emitterEventListeners[eventName]) {
for (i = 0; i < s.emitterEventListeners[eventName].length; i++) {
s.emitterEventListeners[eventName][i](arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]);
}
}
// Trigger plugins
if (s.callPlugins) s.callPlugins(eventName, arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]);
};
s.on = function (eventName, handler) {
eventName = normalizeEventName(eventName);
if (!s.emitterEventListeners[eventName]) s.emitterEventListeners[eventName] = [];
s.emitterEventListeners[eventName].push(handler);
return s;
};
s.off = function (eventName, handler) {
var i;
eventName = normalizeEventName(eventName);
if (typeof handler === 'undefined') {
// Remove all handlers for such event
s.emitterEventListeners[eventName] = [];
return s;
}
if (!s.emitterEventListeners[eventName] || s.emitterEventListeners[eventName].length === 0) return;
for (i = 0; i < s.emitterEventListeners[eventName].length; i++) {
if(s.emitterEventListeners[eventName][i] === handler) s.emitterEventListeners[eventName].splice(i, 1);
}
return s;
};
s.once = function (eventName, handler) {
eventName = normalizeEventName(eventName);
var _handler = function () {
handler(arguments[0], arguments[1], arguments[2], arguments[3], arguments[4]);
s.off(eventName, _handler);
};
s.on(eventName, _handler);
return s;
};
// Accessibility tools
s.a11y = {
makeFocusable: function ($el) {
$el.attr('tabIndex', '0');
return $el;
},
addRole: function ($el, role) {
$el.attr('role', role);
return $el;
},
addLabel: function ($el, label) {
$el.attr('aria-label', label);
return $el;
},
disable: function ($el) {
$el.attr('aria-disabled', true);
return $el;
},
enable: function ($el) {
$el.attr('aria-disabled', false);
return $el;
},
onEnterKey: function (event) {
if (event.keyCode !== 13) return;
if ($(event.target).is(s.params.nextButton)) {
s.onClickNext(event);
if (s.isEnd) {
s.a11y.notify(s.params.lastSlideMessage);
}
else {
s.a11y.notify(s.params.nextSlideMessage);
}
}
else if ($(event.target).is(s.params.prevButton)) {
s.onClickPrev(event);
if (s.isBeginning) {
s.a11y.notify(s.params.firstSlideMessage);
}
else {
s.a11y.notify(s.params.prevSlideMessage);
}
}
if ($(event.target).is('.' + s.params.bulletClass)) {
$(event.target)[0].click();
}
},
liveRegion: $('<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>'),
notify: function (message) {
var notification = s.a11y.liveRegion;
if (notification.length === 0) return;
notification.html('');
notification.html(message);
},
init: function () {
// Setup accessibility
if (s.params.nextButton) {
var nextButton = $(s.params.nextButton);
s.a11y.makeFocusable(nextButton);
s.a11y.addRole(nextButton, 'button');
s.a11y.addLabel(nextButton, s.params.nextSlideMessage);
}
if (s.params.prevButton) {
var prevButton = $(s.params.prevButton);
s.a11y.makeFocusable(prevButton);
s.a11y.addRole(prevButton, 'button');
s.a11y.addLabel(prevButton, s.params.prevSlideMessage);
}
$(s.container).append(s.a11y.liveRegion);
},
initPagination: function () {
if (s.params.pagination && s.params.paginationClickable && s.bullets && s.bullets.length) {
s.bullets.each(function () {
var bullet = $(this);
s.a11y.makeFocusable(bullet);
s.a11y.addRole(bullet, 'button');
s.a11y.addLabel(bullet, s.params.paginationBulletMessage.replace(/{{index}}/, bullet.index() + 1));
});
}
},
destroy: function () {
if (s.a11y.liveRegion && s.a11y.liveRegion.length > 0) s.a11y.liveRegion.remove();
}
};
/*=========================
Init/Destroy
===========================*/
s.init = function () {
if (s.params.loop) s.createLoop();
s.updateContainerSize();
s.updateSlidesSize();
s.updatePagination();
if (s.params.scrollbar && s.scrollbar) {
s.scrollbar.set();
if (s.params.scrollbarDraggable) {
s.scrollbar.enableDraggable();
}
}
if (s.params.effect !== 'slide' && s.effects[s.params.effect]) {
if (!s.params.loop) s.updateProgress();
s.effects[s.params.effect].setTranslate();
}
if (s.params.loop) {
s.slideTo(s.params.initialSlide + s.loopedSlides, 0, s.params.runCallbacksOnInit);
}
else {
s.slideTo(s.params.initialSlide, 0, s.params.runCallbacksOnInit);
if (s.params.initialSlide === 0) {
if (s.parallax && s.params.parallax) s.parallax.setTranslate();
if (s.lazy && s.params.lazyLoading) {
s.lazy.load();
s.lazy.initialImageLoaded = true;
}
}
}
s.attachEvents();
if (s.params.observer && s.support.observer) {
s.initObservers();
}
if (s.params.preloadImages && !s.params.lazyLoading) {
s.preloadImages();
}
if (s.params.autoplay) {
s.startAutoplay();
}
if (s.params.keyboardControl) {
if (s.enableKeyboardControl) s.enableKeyboardControl();
}
if (s.params.mousewheelControl) {
if (s.enableMousewheelControl) s.enableMousewheelControl();
}
if (s.params.hashnav) {
if (s.hashnav) s.hashnav.init();
}
if (s.params.a11y && s.a11y) s.a11y.init();
s.emit('onInit', s);
};
// Cleanup dynamic styles
s.cleanupStyles = function () {
// Container
s.container.removeClass(s.classNames.join(' ')).removeAttr('style');
// Wrapper
s.wrapper.removeAttr('style');
// Slides
if (s.slides && s.slides.length) {
s.slides
.removeClass([
s.params.slideVisibleClass,
s.params.slideActiveClass,
s.params.slideNextClass,
s.params.slidePrevClass
].join(' '))
.removeAttr('style')
.removeAttr('data-swiper-column')
.removeAttr('data-swiper-row');
}
// Pagination/Bullets
if (s.paginationContainer && s.paginationContainer.length) {
s.paginationContainer.removeClass(s.params.paginationHiddenClass);
}
if (s.bullets && s.bullets.length) {
s.bullets.removeClass(s.params.bulletActiveClass);
}
// Buttons
if (s.params.prevButton) $(s.params.prevButton).removeClass(s.params.buttonDisabledClass);
if (s.params.nextButton) $(s.params.nextButton).removeClass(s.params.buttonDisabledClass);
// Scrollbar
if (s.params.scrollbar && s.scrollbar) {
if (s.scrollbar.track && s.scrollbar.track.length) s.scrollbar.track.removeAttr('style');
if (s.scrollbar.drag && s.scrollbar.drag.length) s.scrollbar.drag.removeAttr('style');
}
};
// Destroy
s.destroy = function (deleteInstance, cleanupStyles) {
// Detach evebts
s.detachEvents();
// Stop autoplay
s.stopAutoplay();
// Disable draggable
if (s.params.scrollbar && s.scrollbar) {
if (s.params.scrollbarDraggable) {
s.scrollbar.disableDraggable();
}
}
// Destroy loop
if (s.params.loop) {
s.destroyLoop();
}
// Cleanup styles
if (cleanupStyles) {
s.cleanupStyles();
}
// Disconnect observer
s.disconnectObservers();
// Disable keyboard/mousewheel
if (s.params.keyboardControl) {
if (s.disableKeyboardControl) s.disableKeyboardControl();
}
if (s.params.mousewheelControl) {
if (s.disableMousewheelControl) s.disableMousewheelControl();
}
// Disable a11y
if (s.params.a11y && s.a11y) s.a11y.destroy();
// Destroy callback
s.emit('onDestroy');
// Delete instance
if (deleteInstance !== false) s = null;
};
s.init();
// Return swiper instance
return s;
};
/*==================================================
Prototype
====================================================*/
Swiper.prototype = {
isSafari: (function () {
var ua = navigator.userAgent.toLowerCase();
return (ua.indexOf('safari') >= 0 && ua.indexOf('chrome') < 0 && ua.indexOf('android') < 0);
})(),
isUiWebView: /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent),
isArray: function (arr) {
return Object.prototype.toString.apply(arr) === '[object Array]';
},
/*==================================================
Browser
====================================================*/
browser: {
ie: window.navigator.pointerEnabled || window.navigator.msPointerEnabled,
ieTouch: (window.navigator.msPointerEnabled && window.navigator.msMaxTouchPoints > 1) || (window.navigator.pointerEnabled && window.navigator.maxTouchPoints > 1)
},
/*==================================================
Devices
====================================================*/
device: (function () {
var ua = navigator.userAgent;
var android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
var ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
var iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
return {
ios: ipad || iphone || ipod,
android: android
};
})(),
/*==================================================
Feature Detection
====================================================*/
support: {
touch : (window.Modernizr && Modernizr.touch === true) || (function () {
return !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
})(),
transforms3d : (window.Modernizr && Modernizr.csstransforms3d === true) || (function () {
var div = document.createElement('div').style;
return ('webkitPerspective' in div || 'MozPerspective' in div || 'OPerspective' in div || 'MsPerspective' in div || 'perspective' in div);
})(),
flexbox: (function () {
var div = document.createElement('div').style;
var styles = ('alignItems webkitAlignItems webkitBoxAlign msFlexAlign mozBoxAlign webkitFlexDirection msFlexDirection mozBoxDirection mozBoxOrient webkitBoxDirection webkitBoxOrient').split(' ');
for (var i = 0; i < styles.length; i++) {
if (styles[i] in div) return true;
}
})(),
observer: (function () {
return ('MutationObserver' in window || 'WebkitMutationObserver' in window);
})()
},
/*==================================================
Plugins
====================================================*/
plugins: {}
};
/*===========================
Get Dom libraries
===========================*/
var swiperDomPlugins = ['jQuery', 'Zepto', 'Dom7'];
for (var i = 0; i < swiperDomPlugins.length; i++) {
if (window[swiperDomPlugins[i]]) {
addLibraryPlugin(window[swiperDomPlugins[i]]);
}
}
// Required DOM Plugins
var domLib;
if (typeof Dom7 === 'undefined') {
domLib = window.Dom7 || window.Zepto || window.jQuery;
}
else {
domLib = Dom7;
}
/*===========================
Add .swiper plugin from Dom libraries
===========================*/
function addLibraryPlugin(lib) {
lib.fn.swiper = function (params) {
var firstInstance;
lib(this).each(function () {
var s = new Swiper(this, params);
if (!firstInstance) firstInstance = s;
});
return firstInstance;
};
}
if (domLib) {
if (!('transitionEnd' in domLib.fn)) {
domLib.fn.transitionEnd = function (callback) {
var events = ['webkitTransitionEnd', 'transitionend', 'oTransitionEnd', 'MSTransitionEnd', 'msTransitionEnd'],
i, j, dom = this;
function fireCallBack(e) {
/*jshint validthis:true */
if (e.target !== this) return;
callback.call(this, e);
for (i = 0; i < events.length; i++) {
dom.off(events[i], fireCallBack);
}
}
if (callback) {
for (i = 0; i < events.length; i++) {
dom.on(events[i], fireCallBack);
}
}
return this;
};
}
if (!('transform' in domLib.fn)) {
domLib.fn.transform = function (transform) {
for (var i = 0; i < this.length; i++) {
var elStyle = this[i].style;
elStyle.webkitTransform = elStyle.MsTransform = elStyle.msTransform = elStyle.MozTransform = elStyle.OTransform = elStyle.transform = transform;
}
return this;
};
}
if (!('transition' in domLib.fn)) {
domLib.fn.transition = function (duration) {
if (typeof duration !== 'string') {
duration = duration + 'ms';
}
for (var i = 0; i < this.length; i++) {
var elStyle = this[i].style;
elStyle.webkitTransitionDuration = elStyle.MsTransitionDuration = elStyle.msTransitionDuration = elStyle.MozTransitionDuration = elStyle.OTransitionDuration = elStyle.transitionDuration = duration;
}
return this;
};
}
}
window.Swiper = Swiper;
})();
/*===========================
Swiper AMD Export
===========================*/
if (typeof(module) !== 'undefined')
{
module.exports = window.Swiper;
}
else if (typeof define === 'function' && define.amd) {
define([], function () {
'use strict';
return window.Swiper;
});
}
},{}],10:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(script){
var themes = require('../app/themes.js');
var tools = require('../tools/tools.js');
var loading = require('../widgets/loading.js');
var appShare = require('../app/app-share.js');
var themes = require('../app/themes.js');
var colors = themes.colors;
var me = this;
var cPath = '/';
var customCss;
var $window = $(window);
var $panel;
var $opt;
var $toggle;
var optW;
var $customCss;
var $colors;
var isInitialized = false;
var ems = 'edit-mode-styles';
var $gateLoader = $('.gate .loader');
var isMobile = $('html').hasClass('mobile');
var sessionJsonSet = function(name, val){
sessionStorage.setItem(name, JSON.stringify(val));
}
var sessionJsonGet = function(name){
return JSON.parse(sessionStorage.getItem(name));
}
var sessionSet = function(name, val){
sessionStorage.setItem(name, val);
}
var sessionGet = function(name){
return sessionStorage.getItem(name);
}
this.lessVars = {};
this.isShowPanel = (function(){
if(skrollexConfig.isInitColorPanel){
sessionSet('skrollexCustomize', "yes");
return true;
}else if($('html').hasClass('select-theme')){
sessionSet('skrollexCustomize', "yes");
return false;
}else{
return (sessionGet('skrollexCustomize') ? true : false);
}
})();
this.show = function(){
$panel.css({left: '0px'});
$panel.addClass('on');
$panel.transitionEnd(function(){
for(var i=0; i<themes.colors; i++){
var uC = String.fromCharCode(65+i);
var lC = uC.toLowerCase();
$('.colors-'+lC+', .background-'+lC+', .background-lite-'+lC+', .background-hard-'+lC).not('.no-colors-label').each(function(){
var $this = $(this);
var $label = $('<span class="colors-label">Colors '+uC+'</span>');
var to = $this.offset();
var th = $this.height();
var tw = $this.width();
if((to.left + tw) > 200){
$label.css('right', '10%');
}else{
$label.css('left', '10%');
}
if(th<30){
if(to.top > 10){
$label.css('top', '-6px');
}else{
$label.css('top', '0px');
}
}if(th<400){
$label.css('top', '25%');
}else{
$label.css('top', '100px');
}
$label.hover(function(){
$this.addClass('light-colors-block');
},function(){
$this.removeClass('light-colors-block');
}).appendTo($this);
});
}
if(!isInitialized){
isInitialized = true;
createCss(true);
initLessVars();
var $gate = $opt.find('.options-gate');
$gate.css({opacity: 0, visibility: 'hidden'});
}
$('.colors-label').addClass('show');
}, 500);
};
this.hide = function(){
$panel.css({left: -1*optW+'px'});
$panel.removeClass('on');
$('.colors-label').off('hover').removeClass('show');
setTimeout(function(){$('.colors-label').remove();}, 1000);
};
function resize(){
$opt.css({
height: ($window.height() - parseInt($panel.css('top').replace('px','')) - 75) + 'px'
});
}
function setCustomized(){
sessionSet('skrollexThemeCustomized', 'yes');
}
function setNonCustomized(){
sessionSet('skrollexThemeCustomized', "");
}
function isCustomized(){
var tc = sessionGet('skrollexThemeCustomized');
return ( tc === 'yes' );
}
function initLessVars(){
for(var i=0; i<colors; i++){
initGroup(String.fromCharCode(65+i).toLowerCase());
}
initLessVar('<span><span class="primary-color"></span></span>', '.primary-color', 'color', 'input.primary-bg', 'primary-bg', toHex);
initLessVar('<span><span class="out-primary"></span></span>', '.out-primary', 'opacity', 'input.primary-out', 'primary-out', outTranslator, outSetTranslator);
initLessVar('<span><span class="success-color"></span></span>', '.success-color', 'color', 'input.success-bg', 'success-bg', toHex);
initLessVar('<span><span class="out-success"></span></span>', '.out-success', 'opacity', 'input.success-out', 'success-out', outTranslator, outSetTranslator);
initLessVar('<span><span class="info-color"></span></span>', '.info-color', 'color', 'input.info-bg', 'info-bg', toHex);
initLessVar('<span><span class="out-info"></span></span>', '.out-info', 'opacity', 'input.info-out', 'info-out', outTranslator, outSetTranslator);
initLessVar('<span><span class="warning-color"></span></span>', '.warning-color', 'color', 'input.warning-bg', 'warning-bg', toHex);
initLessVar('<span><span class="out-warning"></span></span>', '.out-warning', 'opacity', 'input.warning-out', 'warning-out', outTranslator, outSetTranslator);
initLessVar('<span><span class="danger-color"></span></span>', '.danger-color', 'color', 'input.danger-bg', 'danger-bg', toHex);
initLessVar('<span><span class="out-danger"></span></span>', '.out-danger', 'opacity', 'input.danger-out', 'danger-out', outTranslator, outSetTranslator);
}
function initGroup(grp){
initLessVar('<span class="colors-'+grp+'"><span class="bg-color"></span></span>', '.bg-color', 'color', 'input.'+grp+'-bg', grp+'-bg', toHex);
initLessVar('<span class="colors-'+grp+'"><span class="text"></span></span>', '.text', 'color', 'input.'+grp+'-text', grp+'-text', toHex);
initLessVar('<span class="colors-'+grp+'"><span class="highlight"></span></span>', '.highlight', 'color', 'input.'+grp+'-highlight', grp+'-highlight', toHex);
initLessVar('<span class="colors-'+grp+'"><span class="link"></span></span>', '.link', 'color', 'input.'+grp+'-link', grp+'-link', toHex);
initLessVar('<span class="colors-'+grp+'"><span class="heading"></span></span>', '.heading', 'color', 'input.'+grp+'-heading', grp+'-heading', toHex);
initLessVar('<span class="colors-'+grp+'"><span class="out"></span></span>', '.out', 'opacity', 'input.'+grp+'-out', grp+'-out', outTranslator, outSetTranslator);
}
function outTranslator(v){return Math.round((1-v)*100);}
function outSetTranslator(v){return Math.round(v);}
function initLessVar(getterHtml, getterQ, cssProperty, inputQ, lessVar, translator, setTranslator){
var changeDelay = 300;
var $g = $('<span class="getter"></span>').appendTo('body');
$(getterHtml).appendTo($g);
var getted = $g.find(getterQ).css(cssProperty);
$g.remove();
if(getted){
if(translator) getted = translator(getted);
}
me.lessVars[lessVar] = getted;
var $inp = $opt.find(inputQ);
$inp.val(getted);
if(cssProperty === 'color'){
$inp.data('getted', getted);
if(!$inp.data('color-pane')){
$inp.data('color-pane', true);
$inp.minicolors({
control: $(this).attr('data-control') || 'hue',
defaultValue: $(this).attr('data-defaultValue') || '',
inline: $(this).attr('data-inline') === 'true',
letterCase: $(this).attr('data-letterCase') || 'lowercase',
opacity: false,
position: $(this).attr('data-position') || 'top left',
changeDelay: changeDelay,
change: function(hex, opacity) {
if(hex != $inp.data('getted')){
$inp.data('getted', hex);
setCustomized();
me.lessVars[lessVar] = hex;
createCss();
}
},
show: function(){
var $mc = $inp.parent();
var $mcPanel = $mc.children('.minicolors-panel');
var mcPanelH = $mcPanel.outerHeight(true);
var mcPanelW = $mcPanel.outerWidth(true);
var $window = $(window);
var wW = $window.width();
var wH = $window.height();
var offset = $mcPanel.offset();
var left = offset.left - $(document).scrollLeft();
var top = offset.top - $(document).scrollTop();
if( (left+mcPanelW) > wW ){
left = wW - mcPanelW - 5;
}
if( (top+mcPanelH) > wH ){
top = wH - mcPanelH - 2;
}
if( top < 0 ){
top = 2;
}
$mcPanel.css({
position: 'fixed',
left: left+'px',
top: top+'px'
});
},
hide: function(){
$inp.parent().children('.minicolors-panel').css({
position: '',
left: '',
top: ''
});
},
theme: 'bootstrap'
});
}else{
$inp.minicolors('value', getted);
}
}else{
var timer;
$inp.change(function(){
var $el = $(this);
var val = $el.val();
if (timer){
clearTimeout(timer);
}
setCustomized();
me.lessVars[lessVar] = val;
createCss();
});
}
function colorFormat(val){
if(!val.match(/^#[0-9a-fA-f][0-9a-fA-f][0-9a-fA-f][0-9a-fA-f][0-9a-fA-f][0-9a-fA-f]$/i)){
if(val.match(/^#[0-9a-fA-f][0-9a-fA-f][0-9a-fA-f]$/i)){
return "#"+val.charAt(1)+val.charAt(1)+val.charAt(2)+val.charAt(2)+val.charAt(3)+val.charAt(3);
}else{
return null;
}
}else{
return val;
}
}
}
function buildPanel(){
if(!me.isShowPanel){
$panel.hide();
return;
}else{
$('.top-pane .reset').click(function(e){
e.preventDefault();
setNonCustomized();
me.hide();
$('#' + ems).remove();
isInitialized = false;
var $gate = $opt.find('.options-gate');
$gate.css({visibility: 'visible'});
$gate.css({opacity: 1});
sessionStorage.setItem('lessVars', JSON.stringify({}));
me.lessVars = {};
return false;
});
$panel.css({left: -1*optW+'px'});
$toggle.click(function(e){
e.preventDefault();
if(skrollexConfig.isCustomizer){
sessionSet('skrollexShowColorPanel', 'yes');
window.parent.location = skrollexConfig.permalink;
}else{
if($panel.hasClass('on')){
me.hide();
}else{
me.show();
}
}
return false;
});
$opt.find('.save-custom-css').click(function(e){
e.preventDefault();
var $content = $customCss.find('.css-content');
if(e.shiftKey){
var contentText='@import "theme.less";\r\n\r\n';
for(var key in me.lessVars){
contentText = contentText+'@'+key+': '+me.lessVars[key]+';\r\n';
}
$customCss.find('.css-content').text(contentText);
new TWEEN.Tween({autoAlpha: 0, x:-450})
.to({autoAlpha: 1, x: 0}, 400)
.onUpdate(function(){
$customCss.css({opacity: this.autoAlpha, visibility: (this.autoAlpha > 0 ? 'visible' : 'hidden')});
if(Modernizr.csstransforms3d && appShare.force3D){
$customCss.css({transform: 'translate3d('+this.x+'px, 0px, 0px)'});
}else{
$customCss.css({transform: 'translate('+this.x+'px, 0px)'});
}
})
.easing(TWEEN.Easing.Quadratic.Out)
.start();
}else{
if($('body').hasClass('admin-bar')){
if(!customCss) createCss();
var contentText = customCss.replace(/(\r\n|\r|\n)/g,'\r\n');
var $form = $('#save-custom-css');
var $inp = $('<input type="hidden" id="content" name="content">').val(contentText).appendTo($form);
$form.submit();
$inp.remove();
}else{
alert('Saving is not allowed in demo mode.');
}
}
return false;
});
$customCss.find('.close-panel').click(function(e){
e.preventDefault();
new TWEEN.Tween({autoAlpha: 1, x: 0})
.to({autoAlpha: 0, x: -450}, 400)
.onUpdate(function(){
$customCss.css({opacity: this.autoAlpha, visibility: (this.autoAlpha > 0 ? 'visible' : 'hidden')});
if(Modernizr.csstransforms3d && appShare.force3D){
$customCss.css({transform: 'translate3d('+this.x+'px, 0px, 0px)'});
}else{
$customCss.css({transform: 'translate('+this.x+'px, 0px)'});
}
})
.easing(TWEEN.Easing.Linear.None)
.start();
return false;
});
tools.selectTextarea($customCss.find("textarea"));
}
}
function createCss(isInitOnly){
var custom = atob(customLess);
sessionStorage.setItem('lessVars', JSON.stringify(me.lessVars));
doLess(custom, function(css){
if(!isInitOnly){
customCss = css;
var $cur = $('#'+ems);
if($cur.length<1){
$('<style type="text/css" id="'+ems+'">\n'+css+'</style>').appendTo('head');
}else{
if($cur[0].innerHTML){
$cur[0].innerHTML = customCss;
}else{
$cur[0].styleSheet.cssText = customCss;
}
}
}
});
}
function doLess(data, callback){
less.render(
data,
{ currentDirectory: "assets/css/src/schemes/",
filename: skrollexConfig.themeUri + "assets/css/src/schemes/colors-custom.less",
entryPath: "assets/css/src/schemes/",
rootpath: "assets/css/src/schemes/",
rootFilename: "assets/css/src/schemes/colors-custom.less",
relativeUrls: false,
useFileCache: false,
compress: false,
modifyVars: me.lessVars,
globalVars: less.globalVars
},
function(e, output) {
callback(output.css);
}
);
}
function toHex(rgb){
if(rgb.indexOf('rgb') === -1){
return rgb;
}else{
var triplet = rgb.match(/[^0-9]*([0-9]*)[^0-9]*([0-9]*)[^0-9]*([0-9]*)[^0-9]*/i);
return "#"+digitToHex(triplet[1])+digitToHex(triplet[2])+digitToHex(triplet[3]);
}
function digitToHex(dig){
if(isNaN(dig)){
return "00";
}else{
var hx = parseInt(dig).toString(16);
return hx.length == 1 ? "0"+hx : hx;
}
}
}
if(me.isShowPanel){
$('<div id="customize-panel"></div>').appendTo('body').load(skrollexConfig.themeUri + 'includes/generated/colors/color-panel.php #customize-panel>*', function(xhr, statusText, request){
if(statusText !== "success" && statusText !== "notmodified"){
$('#customize-panel').remove();
script.afterConfigure();
}else{
$.getScript( skrollexConfig.themeUri + "assets/js/custom-less.js?"+(new Date().getTime()), function( data, lessStatusText, jqxhr ) {
if(lessStatusText !== "success" && lessStatusText !== "notmodified"){
$('#customize-panel').remove();
script.afterConfigure();
}else{
$panel = $('#customize-panel');
$opt = $panel.find('.options');
$toggle = $panel.find('.toggle-button');
optW = $opt.outerWidth();
$customCss = $panel.find('.custom-css');
$colors = $opt.find('.colors');
buildPanel();
var skrollexLastColors = sessionGet('skrollexLastColors');
if(skrollexLastColors && skrollexLastColors !== skrollexConfig.colors){
setNonCustomized();
}
if( isCustomized() ){
isInitialized = true;
me.lessVars = JSON.parse(sessionStorage.getItem('lessVars'));
createCss();
initLessVars();
$opt.find('.options-gate').css({visibility: 'hidden'});
}
$window.resize(resize);
resize();
if((sessionGet('skrollexShowColorPanel') === 'yes' && !skrollexConfig.isCustomizer) || tools.getUrlParameter('show-color-panel') === 'yes'){
sessionSet('skrollexShowColorPanel', 'no');
me.show();
}
sessionSet('skrollexLastColors', skrollexConfig.colors);
script.afterConfigure();
}
});
}
});
}else{
script.afterConfigure();
}
};
},{"../app/app-share.js":5,"../app/themes.js":8,"../tools/tools.js":13,"../widgets/loading.js":20}],11:[function(require,module,exports){
//
// SmoothScroll for websites v1.4.9 (Balazs Galambosi)
// http://www.smoothscroll.net/
//
// Licensed under the terms of the MIT license.
//
// You may use it in your theme if you credit me.
// It is also free to use on any individual website.
//
// Exception:
// The only restriction is to not publish any
// extension for browsers or native application
// without getting a written permission first.
//
// Changed for Browserify by X40
module.exports = function () {
// Scroll Variables (tweakable)
var defaultOptions = {
// Scrolling Core
frameRate : 150, // [Hz]
animationTime : 400, // [ms]
stepSize : 100, // [px]
// Pulse (less tweakable)
// ratio of "tail" to "acceleration"
pulseAlgorithm : true,
pulseScale : 4,
pulseNormalize : 1,
// Acceleration
accelerationDelta : 50, // 50
accelerationMax : 3, // 3
// Keyboard Settings
keyboardSupport : true, // option
arrowScroll : 50, // [px]
// Other
fixedBackground : true,
excluded : ''
};
var options = defaultOptions;
// Other Variables
var isExcluded = false;
var isFrame = false;
var direction = { x: 0, y: 0 };
var initDone = false;
var root = document.documentElement;
var activeElement;
var observer;
var refreshSize;
var deltaBuffer = [];
var deltaBufferTimer;
var isMac = /^Mac/.test(navigator.platform);
var key = { left: 37, up: 38, right: 39, down: 40, spacebar: 32,
pageup: 33, pagedown: 34, end: 35, home: 36 };
var arrowKeys = { 37: 1, 38: 1, 39: 1, 40: 1 };
/***********************************************
* INITIALIZE
***********************************************/
/**
* Tests if smooth scrolling is allowed. Shuts down everything if not.
*/
function initTest() {
if (options.keyboardSupport) {
addEvent('keydown', keydown);
}
}
/**
* Sets up scrolls array, determines if frames are involved.
*/
function init() {
if (initDone || !document.body) return;
initDone = true;
var body = document.body;
var html = document.documentElement;
var windowHeight = window.innerHeight;
var scrollHeight = body.scrollHeight;
// check compat mode for root element
root = (document.compatMode.indexOf('CSS') >= 0) ? html : body;
activeElement = body;
initTest();
// Checks if this script is running in a frame
if (top != self) {
isFrame = true;
}
/**
* Safari 10 fixed it, Chrome fixed it in v45:
* This fixes a bug where the areas left and right to
* the content does not trigger the onmousewheel event
* on some pages. e.g.: html, body { height: 100% }
*/
else if (isOldSafari &&
scrollHeight > windowHeight &&
(body.offsetHeight <= windowHeight ||
html.offsetHeight <= windowHeight)) {
var fullPageElem = document.createElement('div');
fullPageElem.style.cssText = 'position:absolute; z-index:-10000; ' +
'top:0; left:0; right:0; height:' +
root.scrollHeight + 'px';
document.body.appendChild(fullPageElem);
// DOM changed (throttled) to fix height
var pendingRefresh;
refreshSize = function () {
if (pendingRefresh) return; // could also be: clearTimeout(pendingRefresh);
pendingRefresh = setTimeout(function () {
if (isExcluded) return; // could be running after cleanup
fullPageElem.style.height = '0';
fullPageElem.style.height = root.scrollHeight + 'px';
pendingRefresh = null;
}, 500); // act rarely to stay fast
};
setTimeout(refreshSize, 10);
addEvent('resize', refreshSize);
// TODO: attributeFilter?
var config = {
attributes: true,
childList: true,
characterData: false
// subtree: true
};
observer = new MutationObserver(refreshSize);
observer.observe(body, config);
if (root.offsetHeight <= windowHeight) {
var clearfix = document.createElement('div');
clearfix.style.clear = 'both';
body.appendChild(clearfix);
}
}
// disable fixed background
if (!options.fixedBackground && !isExcluded) {
body.style.backgroundAttachment = 'scroll';
html.style.backgroundAttachment = 'scroll';
}
}
/**
* Removes event listeners and other traces left on the page.
*/
function cleanup() {
observer && observer.disconnect();
removeEvent(wheelEvent, wheel);
removeEvent('mousedown', mousedown);
removeEvent('keydown', keydown);
removeEvent('resize', refreshSize);
removeEvent('load', init);
}
/************************************************
* SCROLLING
************************************************/
var que = [];
var pending = false;
var lastScroll = Date.now();
/**
* Pushes scroll actions to the scrolling queue.
*/
function scrollArray(elem, left, top) {
directionCheck(left, top);
if (options.accelerationMax != 1) {
var now = Date.now();
var elapsed = now - lastScroll;
if (elapsed < options.accelerationDelta) {
var factor = (1 + (50 / elapsed)) / 2;
if (factor > 1) {
factor = Math.min(factor, options.accelerationMax);
left *= factor;
top *= factor;
}
}
lastScroll = Date.now();
}
// push a scroll command
que.push({
x: left,
y: top,
lastX: (left < 0) ? 0.99 : -0.99,
lastY: (top < 0) ? 0.99 : -0.99,
start: Date.now()
});
// don't act if there's a pending queue
if (pending) {
return;
}
var scrollRoot = getScrollRoot();
var isWindowScroll = (elem === scrollRoot || elem === document.body);
// if we haven't already fixed the behavior,
// and it needs fixing for this sesh
if (elem.$scrollBehavior == null && isScrollBehaviorSmooth(elem)) {
elem.$scrollBehavior = elem.style.scrollBehavior;
elem.style.scrollBehavior = 'auto';
}
var step = function (time) {
var now = Date.now();
var scrollX = 0;
var scrollY = 0;
for (var i = 0; i < que.length; i++) {
var item = que[i];
var elapsed = now - item.start;
var finished = (elapsed >= options.animationTime);
// scroll position: [0, 1]
var position = (finished) ? 1 : elapsed / options.animationTime;
// easing [optional]
if (options.pulseAlgorithm) {
position = pulse(position);
}
// only need the difference
var x = (item.x * position - item.lastX) >> 0;
var y = (item.y * position - item.lastY) >> 0;
// add this to the total scrolling
scrollX += x;
scrollY += y;
// update last values
item.lastX += x;
item.lastY += y;
// delete and step back if it's over
if (finished) {
que.splice(i, 1); i--;
}
}
// scroll left and top
if (isWindowScroll) {
window.scrollBy(scrollX, scrollY);
}
else {
if (scrollX) elem.scrollLeft += scrollX;
if (scrollY) elem.scrollTop += scrollY;
}
// clean up if there's nothing left to do
if (!left && !top) {
que = [];
}
if (que.length) {
requestFrame(step, elem, (1000 / options.frameRate + 1));
} else {
pending = false;
// restore default behavior at the end of scrolling sesh
if (elem.$scrollBehavior != null) {
elem.style.scrollBehavior = elem.$scrollBehavior;
elem.$scrollBehavior = null;
}
}
};
// start a new queue of actions
requestFrame(step, elem, 0);
pending = true;
}
/***********************************************
* EVENTS
***********************************************/
/**
* Mouse wheel handler.
* @param {Object} event
*/
function wheel(event) {
if (!initDone) {
init();
}
var target = event.target;
// leave early if default action is prevented
// or it's a zooming event with CTRL
if (event.defaultPrevented || event.ctrlKey) {
return true;
}
// leave embedded content alone (flash & pdf)
if (isNodeName(activeElement, 'embed') ||
(isNodeName(target, 'embed') && /\.pdf/i.test(target.src)) ||
isNodeName(activeElement, 'object') ||
target.shadowRoot) {
return true;
}
var deltaX = -event.wheelDeltaX || event.deltaX || 0;
var deltaY = -event.wheelDeltaY || event.deltaY || 0;
if (isMac) {
if (event.wheelDeltaX && isDivisible(event.wheelDeltaX, 120)) {
deltaX = -120 * (event.wheelDeltaX / Math.abs(event.wheelDeltaX));
}
if (event.wheelDeltaY && isDivisible(event.wheelDeltaY, 120)) {
deltaY = -120 * (event.wheelDeltaY / Math.abs(event.wheelDeltaY));
}
}
// use wheelDelta if deltaX/Y is not available
if (!deltaX && !deltaY) {
deltaY = -event.wheelDelta || 0;
}
// line based scrolling (Firefox mostly)
if (event.deltaMode === 1) {
deltaX *= 40;
deltaY *= 40;
}
var overflowing = overflowingAncestor(target);
// nothing to do if there's no element that's scrollable
if (!overflowing) {
// except Chrome iframes seem to eat wheel events, which we need to
// propagate up, if the iframe has nothing overflowing to scroll
if (isFrame && isChrome) {
// change target to iframe element itself for the parent frame
Object.defineProperty(event, "target", {value: window.frameElement});
return parent.wheel(event);
}
return true;
}
// check if it's a touchpad scroll that should be ignored
if (isTouchpad(deltaY)) {
return true;
}
// scale by step size
// delta is 120 most of the time
// synaptics seems to send 1 sometimes
if (Math.abs(deltaX) > 1.2) {
deltaX *= options.stepSize / 120;
}
if (Math.abs(deltaY) > 1.2) {
deltaY *= options.stepSize / 120;
}
scrollArray(overflowing, deltaX, deltaY);
event.preventDefault();
scheduleClearCache();
}
/**
* Keydown event handler.
* @param {Object} event
*/
function keydown(event) {
var target = event.target;
var modifier = event.ctrlKey || event.altKey || event.metaKey ||
(event.shiftKey && event.keyCode !== key.spacebar);
// our own tracked active element could've been removed from the DOM
if (!document.body.contains(activeElement)) {
activeElement = document.activeElement;
}
// do nothing if user is editing text
// or using a modifier key (except shift)
// or in a dropdown
// or inside interactive elements
var inputNodeNames = /^(textarea|select|embed|object)$/i;
var buttonTypes = /^(button|submit|radio|checkbox|file|color|image)$/i;
if ( event.defaultPrevented ||
inputNodeNames.test(target.nodeName) ||
isNodeName(target, 'input') && !buttonTypes.test(target.type) ||
isNodeName(activeElement, 'video') ||
isInsideYoutubeVideo(event) ||
target.isContentEditable ||
modifier ) {
return true;
}
// [spacebar] should trigger button press, leave it alone
if ((isNodeName(target, 'button') ||
isNodeName(target, 'input') && buttonTypes.test(target.type)) &&
event.keyCode === key.spacebar) {
return true;
}
// [arrwow keys] on radio buttons should be left alone
if (isNodeName(target, 'input') && target.type == 'radio' &&
arrowKeys[event.keyCode]) {
return true;
}
var shift, x = 0, y = 0;
var overflowing = overflowingAncestor(activeElement);
if (!overflowing) {
// Chrome iframes seem to eat key events, which we need to
// propagate up, if the iframe has nothing overflowing to scroll
return (isFrame && isChrome) ? parent.keydown(event) : true;
}
var clientHeight = overflowing.clientHeight;
if (overflowing == document.body) {
clientHeight = window.innerHeight;
}
switch (event.keyCode) {
case key.up:
y = -options.arrowScroll;
break;
case key.down:
y = options.arrowScroll;
break;
case key.spacebar: // (+ shift)
shift = event.shiftKey ? 1 : -1;
y = -shift * clientHeight * 0.9;
break;
case key.pageup:
y = -clientHeight * 0.9;
break;
case key.pagedown:
y = clientHeight * 0.9;
break;
case key.home:
if (overflowing == document.body && document.scrollingElement)
overflowing = document.scrollingElement;
y = -overflowing.scrollTop;
break;
case key.end:
var scroll = overflowing.scrollHeight - overflowing.scrollTop;
var scrollRemaining = scroll - clientHeight;
y = (scrollRemaining > 0) ? scrollRemaining + 10 : 0;
break;
case key.left:
x = -options.arrowScroll;
break;
case key.right:
x = options.arrowScroll;
break;
default:
return true; // a key we don't care about
}
scrollArray(overflowing, x, y);
event.preventDefault();
scheduleClearCache();
}
/**
* Mousedown event only for updating activeElement
*/
function mousedown(event) {
activeElement = event.target;
}
/***********************************************
* OVERFLOW
***********************************************/
var uniqueID = (function () {
var i = 0;
return function (el) {
return el.uniqueID || (el.uniqueID = i++);
};
})();
var cacheX = {}; // cleared out after a scrolling session
var cacheY = {}; // cleared out after a scrolling session
var clearCacheTimer;
var smoothBehaviorForElement = {};
//setInterval(function () { cache = {}; }, 10 * 1000);
function scheduleClearCache() {
clearTimeout(clearCacheTimer);
clearCacheTimer = setInterval(function () {
cacheX = cacheY = smoothBehaviorForElement = {};
}, 1*1000);
}
function setCache(elems, overflowing, x) {
var cache = x ? cacheX : cacheY;
for (var i = elems.length; i--;)
cache[uniqueID(elems[i])] = overflowing;
return overflowing;
}
function getCache(el, x) {
return (x ? cacheX : cacheY)[uniqueID(el)];
}
// (body) (root)
// | hidden | visible | scroll | auto |
// hidden | no | no | YES | YES |
// visible | no | YES | YES | YES |
// scroll | no | YES | YES | YES |
// auto | no | YES | YES | YES |
function overflowingAncestor(el) {
var elems = [];
var body = document.body;
var rootScrollHeight = root.scrollHeight;
do {
var cached = getCache(el, false);
if (cached) {
return setCache(elems, cached);
}
elems.push(el);
if (rootScrollHeight === el.scrollHeight) {
var topOverflowsNotHidden = overflowNotHidden(root) && overflowNotHidden(body);
var isOverflowCSS = topOverflowsNotHidden || overflowAutoOrScroll(root);
if (isFrame && isContentOverflowing(root) ||
!isFrame && isOverflowCSS) {
return setCache(elems, getScrollRoot());
}
} else if (isContentOverflowing(el) && overflowAutoOrScroll(el)) {
return setCache(elems, el);
}
} while ((el = el.parentElement));
}
function isContentOverflowing(el) {
return (el.clientHeight + 10 < el.scrollHeight);
}
// typically for <body> and <html>
function overflowNotHidden(el) {
var overflow = getComputedStyle(el, '').getPropertyValue('overflow-y');
return (overflow !== 'hidden');
}
// for all other elements
function overflowAutoOrScroll(el) {
var overflow = getComputedStyle(el, '').getPropertyValue('overflow-y');
return (overflow === 'scroll' || overflow === 'auto');
}
// for all other elements
function isScrollBehaviorSmooth(el) {
var id = uniqueID(el);
if (smoothBehaviorForElement[id] == null) {
var scrollBehavior = getComputedStyle(el, '')['scroll-behavior'];
smoothBehaviorForElement[id] = ('smooth' == scrollBehavior);
}
return smoothBehaviorForElement[id];
}
/***********************************************
* HELPERS
***********************************************/
function addEvent(type, fn, arg) {
window.addEventListener(type, fn, arg || false);
}
function removeEvent(type, fn, arg) {
window.removeEventListener(type, fn, arg || false);
}
function isNodeName(el, tag) {
return el && (el.nodeName||'').toLowerCase() === tag.toLowerCase();
}
function directionCheck(x, y) {
x = (x > 0) ? 1 : -1;
y = (y > 0) ? 1 : -1;
if (direction.x !== x || direction.y !== y) {
direction.x = x;
direction.y = y;
que = [];
lastScroll = 0;
}
}
if (window.localStorage && localStorage.SS_deltaBuffer) {
try { // #46 Safari throws in private browsing for localStorage
deltaBuffer = localStorage.SS_deltaBuffer.split(',');
} catch (e) { }
}
function isTouchpad(deltaY) {
if (!deltaY) return;
if (!deltaBuffer.length) {
deltaBuffer = [deltaY, deltaY, deltaY];
}
deltaY = Math.abs(deltaY);
deltaBuffer.push(deltaY);
deltaBuffer.shift();
clearTimeout(deltaBufferTimer);
deltaBufferTimer = setTimeout(function () {
try { // #46 Safari throws in private browsing for localStorage
localStorage.SS_deltaBuffer = deltaBuffer.join(',');
} catch (e) { }
}, 1000);
var dpiScaledWheelDelta = deltaY > 120 && allDeltasDivisableBy(deltaY); // win64
return !allDeltasDivisableBy(120) && !allDeltasDivisableBy(100) && !dpiScaledWheelDelta;
}
function isDivisible(n, divisor) {
return (Math.floor(n / divisor) == n / divisor);
}
function allDeltasDivisableBy(divisor) {
return (isDivisible(deltaBuffer[0], divisor) &&
isDivisible(deltaBuffer[1], divisor) &&
isDivisible(deltaBuffer[2], divisor));
}
function isInsideYoutubeVideo(event) {
var elem = event.target;
var isControl = false;
if (document.URL.indexOf ('www.youtube.com/watch') != -1) {
do {
isControl = (elem.classList &&
elem.classList.contains('html5-video-controls'));
if (isControl) break;
} while ((elem = elem.parentNode));
}
return isControl;
}
var requestFrame = (function () {
return (window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
function (callback, element, delay) {
window.setTimeout(callback, delay || (1000/60));
});
})();
var MutationObserver = (window.MutationObserver ||
window.WebKitMutationObserver ||
window.MozMutationObserver);
var getScrollRoot = (function() {
var SCROLL_ROOT = document.scrollingElement;
return function() {
if (!SCROLL_ROOT) {
var dummy = document.createElement('div');
dummy.style.cssText = 'height:10000px;width:1px;';
document.body.appendChild(dummy);
var bodyScrollTop = document.body.scrollTop;
var docElScrollTop = document.documentElement.scrollTop;
window.scrollBy(0, 3);
if (document.body.scrollTop != bodyScrollTop)
(SCROLL_ROOT = document.body);
else
(SCROLL_ROOT = document.documentElement);
window.scrollBy(0, -3);
document.body.removeChild(dummy);
}
return SCROLL_ROOT;
};
})();
/***********************************************
* PULSE (by Michael Herf)
***********************************************/
/**
* Viscous fluid with a pulse for part and decay for the rest.
* - Applies a fixed force over an interval (a damped acceleration), and
* - Lets the exponential bleed away the velocity over a longer interval
* - Michael Herf, http://stereopsis.com/stopping/
*/
function pulse_(x) {
var val, start, expx;
// test
x = x * options.pulseScale;
if (x < 1) { // acceleartion
val = x - (1 - Math.exp(-x));
} else { // tail
// the previous animation ended here:
start = Math.exp(-1);
// simple viscous drag
x -= 1;
expx = 1 - Math.exp(-x);
val = start + (expx * (1 - start));
}
return val * options.pulseNormalize;
}
function pulse(x) {
if (x >= 1) return 1;
if (x <= 0) return 0;
if (options.pulseNormalize == 1) {
options.pulseNormalize /= pulse_(1);
}
return pulse_(x);
}
/***********************************************
* FIRST RUN
***********************************************/
var userAgent = window.navigator.userAgent;
var isEdge = /Edge/.test(userAgent); // thank you MS
var isChrome = /chrome/i.test(userAgent) && !isEdge;
var isSafari = /safari/i.test(userAgent) && !isEdge;
var isMobile = /mobile/i.test(userAgent);
var isIEWin7 = /Windows NT 6.1/i.test(userAgent) && /rv:11/i.test(userAgent);
var isOldSafari = isSafari && (/Version\/8/i.test(userAgent) || /Version\/9/i.test(userAgent));
var isEnabledForBrowser = (isChrome || isSafari || isIEWin7) && !isMobile;
var supportsPassive = false;
try {
window.addEventListener("test", null, Object.defineProperty({}, 'passive', {
get: function () {
supportsPassive = true;
}
}));
} catch(e) {}
var wheelOpt = supportsPassive ? { passive: false } : false;
var wheelEvent = 'onwheel' in document.createElement('div') ? 'wheel' : 'mousewheel';
if (wheelEvent && isEnabledForBrowser) {
addEvent(wheelEvent, wheel, wheelOpt);
addEvent('mousedown', mousedown);
addEvent('load', init);
}
/***********************************************
* PUBLIC INTERFACE
***********************************************/
function SmoothScroll(optionsToSet) {
for (var key in optionsToSet)
if (defaultOptions.hasOwnProperty(key))
options[key] = optionsToSet[key];
}
SmoothScroll.destroy = cleanup;
if (window.SmoothScrollOptions) // async API
SmoothScroll(window.SmoothScrollOptions);
if (typeof define === 'function' && define.amd)
define(function() {
return SmoothScroll;
});
else if ('object' == typeof exports)
module.exports = SmoothScroll;
else
window.SmoothScroll = SmoothScroll;
}
},{}],12:[function(require,module,exports){
"use strict"; var $ = jQuery;
$(function() { new (function(){
(function(){
window.skrollexConfig = eval('(' + $('html').data('skrollex-config') + ')');
window.skrollexConfig.screenshotMode = false;
window.skrollexConfig.animations = false;
if(window.skrollexConfig.animations){
$('html').addClass('no-animations');
}
$('html').addClass('dom-ready');
var disableMobileAnimations = true;
var isWin = navigator.appVersion.indexOf("Win")!==-1;
if(isWin) $('html').addClass('win');
var ua = navigator.userAgent.toLowerCase();
var isEdge = ua.indexOf('edge') > -1;
if(isEdge) $('html').addClass('edge');
var isChrome = !isEdge && ua.indexOf('chrome') > -1;
if(isChrome) $('html').addClass('chrome');
var isAndroidBrowser4_3minus = ((ua.indexOf('mozilla/5.0') > -1 && ua.indexOf('android ') > -1 && ua.indexOf('applewebkit') > -1) && !(ua.indexOf('chrome') > -1));
if(isAndroidBrowser4_3minus) $('html').addClass('android-browser-4_3minus');
var nua = navigator.userAgent;
var isAndroidBrowser = ((nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1) && !(nua.indexOf('Chrome') > -1));
if(isAndroidBrowser) $('html').addClass('android-browser');
var isSafari = !isChrome && ua.indexOf('safari') !== -1 && ua.indexOf('windows') < 0;
if(isSafari) $('html').addClass('safari');
var isMobile = Modernizr.touch;
if(isMobile){
$('html').addClass('mobile');
if (disableMobileAnimations) $('html').addClass('poor-browser');
}else{
$('html').addClass('non-mobile');
}
if(isWin && isSafari){
$('html').addClass('flat-animation');
}
if (navigator.userAgent.indexOf('MSIE 9.') > -1){
$('html').addClass('ie9');
}else if (navigator.userAgent.indexOf('MSIE 10.') > -1){
$('html').addClass('ie10');
}else if (!!navigator.userAgent.match(/Trident.*rv\:11\./)){
$('html').addClass('ie11');
}
if(window.skrollexConfig.screenshotMode){
$('html').addClass('hide-skroll-bar');
}
if(!window.console){
window.console = {log: function(){}};
}else if(!window.console.log){
window.console.log = function(){};
}
if (typeof(window.atob) == "undefined"){
window.atob = function(x){
return base64.decode(x);
}
}
})();
var Customize = require('./customize/customize.js');
var TopNav = require('./widgets/top-nav.js');
var MenuToggle = require('./widgets/menu-toggle.js');
var Players = require('./animation/players.js');
var Scrolling = require('./animation/scrolling.js');
var tools = require('./tools/tools.js');
var Gallery = require('./widgets/gallery.js');
var fluid = require('./widgets/fluid.js');
var Counter = require('./widgets/counter.js');
var ChangeColors = require('./widgets/change-colors.js');
var Sliders = require('./widgets/sliders.js');
var loading = require('./widgets/loading.js');
var CssAnimation = require('./animation/css-animation.js');
var dotScroll = require('./widgets/dot-scroll.js');
var Map = require('./widgets/map.js');
var Skillbar = require('./widgets/skillbar.js');
var TextBg = require('./widgets/text-bg.js');
var TextMask = require('./widgets/text-mask.js');
var TextFit = require('./widgets/text-fit.js');
var TextFullscreen = require('./widgets/text-fullscreen.js');
var AjaxForm = require('./widgets/ajax-form.js');
var YoutubeBG = require('./widgets/youtube-bg.js');
var VimeoBG = require('./widgets/vimeo-bg.js');
var VideoBG = require('./widgets/video-bg.js');
var app = require('./app/app.js');
var OverlayWindow = require('./widgets/overlay-window.js');
var isPoorBrowser = $('html').hasClass('poor-browser');
var isAndroid43minus = $('html').hasClass('android-browser-4_3minus');
var $pageTransition = $('.page-transition, .nav-links, .sidebar, .post-meta, .post-title, .post-image');
var me = this;
var $window = $(window);
var sectionQ = '.view>.fg';
var $sections = $(sectionQ);
var sectionTriggers = [];
var lastActiveSectionHash;
var customizerUrl = function(url){
var res = url;
if(skrollexConfig.isCustomizer){
var part1 = 'wp-admin/customize.php?url=';
var iop1 = res.indexOf(part1);
if(iop1>=0){
res = decodeURIComponent(res.substring(iop1 + part1.length));
}else{
var part2 = 'wp-admin/customize.php';
var iop2 = res.indexOf(part2);
if(iop2>=0){
res = res.substring(0, iop2);
}
}
}
return res;
}
var deleteHash = function(url){
var hp = url.indexOf('#');
if(hp >= 0){
return url.substr(0, hp);
}else{
return url;
}
}
var getHash = function(url){
var hp = url.indexOf('#');
if(hp >= 0){
return url.substr(hp);
}else{
return null;
}
}
var location = deleteHash(customizerUrl(document.location.href));
var $navLinks = (function(){
var $res = jQuery();
$('#top-nav nav a').each(function(){
var $this = $(this);
if(
(!this.hash) ||
(
(this.href === location+this.hash) &&
($(sectionQ+this.hash).length > 0)
)
){
$this.data('navigation-group', 'top-nav');
$res = $res.add($this);
}
});
return $res;
})();
var isMobile = $('html').hasClass('mobile');
var scrolling;
var maxScrollPosition;
var ticker = new (function(){
var me = this;
window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function(/* function */ callback, /* DOMElement */ element){
window.setTimeout(callback, 1000 / 60);
};
})();
var lastPosition = -1;
this.pageIsReady = false;
(function animate(time){
if(me.pageIsReady){
var windowTopPos = tools.windowYOffset();
if (lastPosition !== windowTopPos) {
scrolling.scroll(windowTopPos);
trigNavigationLinks(windowTopPos);
}
lastPosition = windowTopPos;
TWEEN.update();
app.tick();
}
if(loading.queue.length > 0) {
(loading.queue.pop())();
}
requestAnimFrame(animate);
})();
})();
this.topNav = undefined;
this.players = Players;
this.afterConfigure = function(){
var hash = getHash(customizerUrl(window.location.href));
new YoutubeBG();
new VimeoBG();
new VideoBG();
$("iframe[src*='youtube']:not(#ytpl-frame), iframe[src*='vimeo'], iframe[data-hold-src*='youtube']:not(#ytpl-frame), iframe[data-hold-src*='vimeo']").each(function() {
var $this = $(this);
if(!$this.parent().parent().data('oembed-url')){
$this.removeAttr('height').removeAttr('width').wrap( "<div class='x40-embed-container'></div>" );
}
});
app.prepare(function(){
loading.load(function (){
$navLinks = $navLinks.add(dotScroll.links()).click(function(){
$navLinks.removeClass('target');
$(this).addClass('target');
});
me.topNav = new TopNav();
new MenuToggle(me);
scrolling = new Scrolling(me);
$('#footer.animated .section-cols').addClass('scroll-in-animation').attr('data-animation', 'fadeInDown')
widgets($('body'));
new Gallery(onBodyHeightResize, widgets, unwidgets);
var windowW = $window.width();
var windowH = $window.height();
$window.resize(function(){
var newWindowW = $window.width();
var newWindowH = $window.height();
if(newWindowW!==windowW || newWindowH!==windowH){ //IE 8 fix
windowW = newWindowW;
windowH = newWindowH;
fluid.setup($('body'));
onBodyHeightResize();
}
});
$('.masonry-grd').each(function(){
$(this).masonry('on', 'layoutComplete', function(){ onBodyHeightResize(); });
});
app.setup(function(){
buildSizes();
calcNavigationLinkTriggers();
ticker.pageIsReady = true;
$navLinks.each(function(){
if(this.href==location){
$(this).addClass('active');
}
});
$('.bigtext').each(function(){
$(this).bigtext();
});
app.ungated();
setTimeout(function(){
loading.ungate();
var nav = sessionStorage.getItem('navigate');
if(skrollexConfig.isCustomizer && nav){
navigate(nav, getHash(nav));
}else if(!skrollexConfig.isCustomizer){
navigate(customizerUrl(window.location.href), hash);
}
});
});
});
});
}
function onBodyHeightResize() {
buildSizes();
scrolling.scroll(tools.windowYOffset());
calcNavigationLinkTriggers();
}
function widgets($context){
new Sliders($context);
if(!isMobile) $context.find('.hover-dir').each( function() { $(this).hoverdir({speed: 300}); } );
$context.find("a").click(function(e){
var $this = $(this);
if($this.data('toggle') || $this.hasClass('menu-toggle')) return;
var cUrl = customizerUrl(document.location.href);
if(skrollexConfig.isCustomizer && $this.attr('href') && (cUrl === this.href || (cUrl+'/') === this.href || cUrl === (this.href+'/')) && !getHash(this.href)){
tools.scrollTo(0);
e.preventDefault();
return false;
}
return navigate(this.href, this.hash, e, $this);
});
fluid.setup($context);
new Map($context);
new Counter($context, me);
new ChangeColors($context);
new Skillbar($context, me);
new TextBg($context, me);
new TextMask($context);
new TextFit($context);
new TextFullscreen($context);
new AjaxForm($context);
new CssAnimation($context, me);
$('.widget-tabs a').click(function (e) {
e.preventDefault();
$(this).tab('show');
return false;
});
$context.find('video').each(function(){ // IE 9 Fix
if($(this).attr('muted')!==undefined){
this.muted=true;
}
});
$context.find('.open-overlay-window').each(function(){
var $this = $(this);
var $overlay = $($this.data('overlay-window'));
var overlayWindow = new OverlayWindow($overlay);
$this.click(function(e){
e.preventDefault();
overlayWindow.show();
return false;
})
});
var $fbox = $context.find('.fancybox');
if (typeof $fbox.fancybox == 'function') {
var opts = { 'overlayShow' : true, 'hideOnOverlayClick' : true, 'overlayOpacity' : 0.93, 'overlayColor' : '#000004', 'showCloseButton' : true, 'padding' : 0, 'centerOnScroll' : true, 'enableEscapeButton' : true, 'autoScale' : true };
jQuery('.youtube-popup')
.addClass('nofancybox')
.fancybox( jQuery.extend({}, opts, { 'type' : 'iframe', 'width' : 1280, 'height' : 720, 'padding' : 0, 'titleShow' : false, 'titlePosition' : 'float', 'titleFromAlt' : true, 'onStart' : function(selectedArray, selectedIndex, selectedOpts) { selectedOpts.href = selectedArray[selectedIndex].href.replace(new RegExp('youtu.be', 'i'), 'www.youtube.com/embed').replace(new RegExp('watch\\?(.*)v=([a-z0-9\_\-]+)(&|&|\\?)?(.*)', 'i'), 'embed/$2?$1$4'); var splitOn = selectedOpts.href.indexOf('?'); var urlParms = ( splitOn > -1 ) ? selectedOpts.href.substring(splitOn) : ""; selectedOpts.allowfullscreen = ( urlParms.indexOf('fs=0') > -1 ) ? false : true } }) );
}
if(isMobile){
$context.find('.textillate').children('.texts').css({display: 'inline'}).children(':not(span:first-of-type)').css({display: 'none'});
}else{
var $tlt = $context.find('.textillate');
$tlt.textillate(eval('('+$tlt.data('textillate-options')+')'));
}
var columnH = function(){
$context.find('.col-height').each(function(){
var $this = $(this);
if($this.width() === $this.parent().width()){
$this.css({'min-height': '0'});
$this.children('.position-middle-center').removeClass('position-middle-center').addClass('position-middle-center-mark').css({padding: '20px'});
}else{
$this.css({'min-height': ''});
$this.children('.position-middle-center-mark').removeClass('position-middle-center-mark').addClass('position-middle-center').css({padding: ''});
}
});
};
$(window).resize(columnH);
columnH();
var svgOverlays = function(){
$context.find('svg.fg-overlay').each(function(){
var $this = $(this);
var w = $this.parent().width();
var h = $this.parent().height();
var size = w > h ? w : h;
$this.attr('width',size).attr('height',size);
});
}
$(window).resize(svgOverlays);
svgOverlays();
if (skrollexConfig.isCustomizer) {
var svgUrlFix = function(){
$context.find('svg').each(function(){
var s = Snap($(this)[0]);
var change = function(entry, name){
var pref = window.location.protocol + '//' + window.location.host + window.location.pathname + window.location.search+"#";
entry.node.setAttribute(name, entry.node.getAttribute(name)
.replace("url('#", "url('"+pref)
.replace('url("#', 'url("'+pref)
.replace("url(#", 'url('+pref)
);
}
s.selectAll('[mask]').forEach(function(entry) {
change(entry, 'mask');
});
s.selectAll('[fill]').forEach(function(entry) {
change(entry, 'fill');
});
s.selectAll('[filter]').forEach(function(entry) {
change(entry, 'filter');
});
});
}
$(window).resize(svgUrlFix);
svgUrlFix();
}
$context.find('.masonry-grd').each(function(){
$(this).masonry({
itemSelector: '.masonry-item:not(.hidden-item)',
layoutMode: 'masonry',
gutter: 0,
percentPosition: true,
isFitWidth: false
});
});
}
function unwidgets($context){
new Sliders($context, true);
$context.find('.player').each(function(){
var ind = $(this).data('player-ind');
me.players[ind].pause();
me.players.splice(ind, 1);
});
$context.find('.overlay-content, .loaded-content').empty();
}
function navigate(href, hash, e, $elem) {
var hrefBH = deleteHash(href);
if(hash && (location === hrefBH || (location+'/') === hrefBH || location === (hrefBH+'/')) && hash.indexOf("!") === -1){
var $content = (function(){
if(hash === '#scroll-down' && e){
var $v = false;
var $tag = $(e.target);
var tagTop = $tag.offset().top;
$('.wrapper-content .view').each(function(){
var $found = $(this);
if( $found.offset().top + 100 > tagTop ){
$v = $found;
return false;
}
});
if($v && $v.length > 0){
return $v;
}else{
$v = $('.wrapper-content .view');
if($v.length > 1){
return $($v.get(1));
}else if($v.length === 1 && $v.offset().top > 300){
return $v;
}else{
return null;
}
}
}else{
return $(hash);
}
})();
if (e) {
e.preventDefault();
}
if($content !== null && $content.length > 0){
var offset = $content.offset().top - me.topNav.state2H;
var tn = $content.get(0).tagName.toLowerCase();
if(tn === 'h1' || tn === 'h2' || tn === 'h3' || tn === 'h4' || tn === 'h5' || tn === 'h6'){
offset -= 20;
}
if (offset < 0) offset = 0;
tools.scrollTo(offset);
}else{
if(hash === '#scroll-down'){
tools.scrollTo(Math.round($(window).height()/2));
}else{
tools.scrollTo(0);
}
}
if(skrollexConfig.isCustomizer){
sessionStorage.setItem('navigate', '');
}
return false;
}else if(e && (href !== location+'#')){
if(!$elem.attr('target')){
var pageTransition = function(){
e.preventDefault();
var isCurState1 = me.topNav.isState1;
me.topNav.state2();
loading.gate(function(){
window.location = href;
});
$(window).one('pageshow popstate', function(e){
loading.ungate();
if(isCurState1){
me.topNav.state1();
}
});
};
if(!skrollexConfig.isCustomizer){
if($elem.hasClass('page-transition')){
pageTransition();
}else{
$pageTransition.each(function(){
var container = $(this).get(0);
if($.contains(container, $elem[0])){
pageTransition();
}
});
}
}else{
if(href.indexOf(skrollexConfig.homeUri) === 0){
sessionStorage.setItem('navigate', href);
}
}
}
}else if(skrollexConfig.isCustomizer){
sessionStorage.setItem('navigate', '');
}
}
function calcNavigationLinkTriggers(){
var wh = $window.height();
var triggerDelta = wh/3;
sectionTriggers = [];
$sections.each(function(i){
var $s = $(this);
var id = $s.attr('id');
if(id){
var pos = $s.data('position');
sectionTriggers.push({hash: '#'+id, triggerOffset: pos-triggerDelta, position: pos});
}
});
trigNavigationLinks(tools.windowYOffset());
}
function trigNavigationLinks(windowTopPos){
var activeSectionHash;
for(var i=0; i<sectionTriggers.length; i++){
if(sectionTriggers[i].triggerOffset<windowTopPos && (i === 0 || sectionTriggers[i-1].position<windowTopPos)){
activeSectionHash = sectionTriggers[i].hash;
}
}
if(activeSectionHash!=lastActiveSectionHash){
var sectionLink = location + activeSectionHash;
lastActiveSectionHash = activeSectionHash;
var found = [];
$navLinks.each(function(){
var $a = $(this);
if(this.href === sectionLink){
$a.addClass('active');
$a.removeClass('target');
found.push($a.data('navigation-group'));
}
});
for (i = 0; i < found.length; i++) {
$navLinks.each(function(){
var $a = $(this);
if(this.href !== sectionLink && found[i] === $a.data('navigation-group')){
$a.removeClass('active');
}
});
}
app.changeSection(me, activeSectionHash);
}
}
function buildSizes(){
app.buildSizes(me);
maxScrollPosition = $('body').height() - $window.height();
for(var i=0; i<me.players.length; i++){
var $v = me.players[i].$view;
$v.data('position', $v.offset().top);
}
}
var animEnd = function(elems, end, modern, callback, time){
var additionTime = 100;
var defaultTime = 1000;
return elems.each(function() {
var elem = this;
if (modern && !isAndroid43minus) {
var done = false;
$(elem).bind(end, function() {
done = true;
$(elem).unbind(end);
return callback.call(elem);
});
if(time >= 0 || time === undefined){
var wTime = time === undefined ? 1000 : defaultTime + additionTime;
setTimeout(function(){
if(!done){
$(elem).unbind(end);
callback.call(elem);
}
}, wTime)
}
}else{
callback.call(elem);
}
});
}
$.fn.animationEnd = function(callback, time) {
return animEnd(this, tools.animationEnd, Modernizr.cssanimations, callback, time);
};
$.fn.transitionEnd = function(callback, time) {
return animEnd(this, tools.transitionEnd, Modernizr.csstransitions, callback, time);
};
$.fn.stopTransition = function(){
return this.css({
'-webkit-transition': 'none',
'-moz-transition': 'none',
'-ms-transition': 'none',
'-o-transition': 'none',
'transition': 'none'
});
}
$.fn.cleanTransition = function(){
return this.css({
'-webkit-transition': '',
'-moz-transition': '',
'-ms-transition': '',
'-o-transition': '',
'transition': ''
});
}
$.fn.nonTransition = function(css) {
return this.stopTransition().css(css).cleanTransition();
};
$.fn.transform = function(str, origin) {
return this.css(tools.transformCss(str, origin));
};
$('video').each(function(){ // IE 9 Fix
if($(this).attr('muted')!==undefined){
this.muted=true;
}
});
new Customize(me);
if(!isMobile && !isPoorBrowser){
$(document).bind('mousewheel DOMMouseScroll', function (event) {
if (event.ctrlKey == true) {
event.preventDefault();
return true;
}
});
}
})();});
require('./lib/s-scroll.js')();
},{"./animation/css-animation.js":1,"./animation/players.js":2,"./animation/scrolling.js":3,"./app/app.js":6,"./customize/customize.js":10,"./lib/s-scroll.js":11,"./tools/tools.js":13,"./widgets/ajax-form.js":14,"./widgets/change-colors.js":15,"./widgets/counter.js":16,"./widgets/dot-scroll.js":17,"./widgets/fluid.js":18,"./widgets/gallery.js":19,"./widgets/loading.js":20,"./widgets/map.js":21,"./widgets/menu-toggle.js":22,"./widgets/overlay-window.js":23,"./widgets/skillbar.js":24,"./widgets/sliders.js":25,"./widgets/text-bg.js":26,"./widgets/text-fit.js":27,"./widgets/text-fullscreen.js":28,"./widgets/text-mask.js":29,"./widgets/top-nav.js":30,"./widgets/video-bg.js":31,"./widgets/vimeo-bg.js":32,"./widgets/youtube-bg.js":33}],13:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = new (function(){
var me = this;
var script = require('../script.js');
var isAndroidBrowser4_3minus = $('html').hasClass('android-browser-4_3minus');
this.animationEnd = 'animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd';
this.transitionEnd = 'transitionend webkitTransitionEnd oTransitionEnd otransitionend';
this.transition = ['-webkit-transition', '-moz-transition', '-ms-transition', '-o-transition', 'transition'];
this.transform = ["-webkit-transform", "-moz-transform", "-ms-transform", "-o-transform", "transform"];
this.property = function(keys, value, obj){
var res = obj ? obj : {};
for(var i=0; i<keys.length; i++){
res[keys[i]]=value;
}
return res;
}
this.windowYOffset = window.pageYOffset !== undefined ? function(){return window.pageYOffset;} : (document.compatMode === "CSS1Compat" ? function(){return document.documentElement.scrollTop;} : function(){return document.body.scrollTop;});
this.getUrlParameter = function(sParam){
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('&');
for (var i = 0; i < sURLVariables.length; i++) {
var sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] == sParam) {
return decodeURI(sParameterName[1]);
}
}
}
this.selectTextarea = function($el){
$el.focus(function() {
var $this = $(this);
$this.select();
// Work around Chrome's little problem
$this.mouseup(function() {
// Prevent further mouseup intervention
$this.unbind("mouseup");
return false;
});
});
}
var timer;
this.time = function(label){
if(!timer){
timer = Date.now();
console.log('==== Timer started'+(label ? ' | '+label : ''))
}else{
var t = Date.now();
console.log('==== '+(t-timer)+' ms'+(label ? ' | '+label : ''));
timer = t;
}
}
this.scrollTo = function (y, callback, time) {
if(time === undefined) time = 1200;
new TWEEN.Tween({y: me.windowYOffset()})
.to({y: Math.round(y)}, time)
.onUpdate(function(){
window.scrollTo(0, this.y);
})
.easing(TWEEN.Easing.Quadratic.InOut)
.onComplete(function () {
if(callback){
callback();
}
})
.start();
}
this.androidStylesFix = function($q){
if(isAndroidBrowser4_3minus){
$q.hide();
$q.get(0).offsetHeight;
$q.show();
}
}
this.transformCss = function(str, origin){
var res = {
'-webkit-transform': str,
'-moz-transform': str,
'-ms-transform': str,
'-o-transform': str,
'transform': str
};
if(origin){
res['-webkit-transform-origin'] = origin;
res['-moz-transform-origin'] = origin;
res['-ms-transform-origin'] = origin;
res['-o-transform-origin'] = origin;
res['transform-origin'] = origin;
}
return res;
}
this.snapUrl = function(el){
if (skrollexConfig.isCustomizer) {
var url = window.location.protocol + '//' + window.location.host + window.location.pathname + window.location.search + '#' + el.attr('id');
return "url('" + url + "')";
}else{
return el;
}
}
this.isMobile =
( navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
|| navigator.userAgent.match(/Windows Phone/i)
);
})();
},{"../script.js":12}],14:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function($context) {
var loading = require('./loading.js');
var $gateLoader = $('.gate .loader');
$context.find('.ajax-form').each(function() {
var $frm = $(this);
$frm.submit(function(e) {
if($frm.find('.help-block ul').length < 1){
$gateLoader.addClass('show');
loading.gate(function() {
var message = function(msg) {
$('<div class="ajax-form-alert alert heading fade in text-center"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> ' + msg + '</div>')
.addClass($frm.data('message-class')).appendTo('body');
loading.ungate();
$gateLoader.removeClass('show');
};
$.ajax({
type: $frm.attr('method'),
url: $frm.attr('action'),
data: $frm.serialize(),
success: function(data) {
$frm[0].reset();
message(data);
},
error: function(xhr, str) {
message('Error: ' + xhr.responseCode);
}
});
});
e.preventDefault();
}
});
});
};
},{"./loading.js":20}],15:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function($context){
var themes = require('../app/themes.js');
$context.find('.change-colors').each(function(){
var $group = $(this);
var $target = $($group.data('target'));
var $links = $group.find('a');
var currentColors;
for(var i=0; i<themes.colors; i++){
var colors = 'colors-'+String.fromCharCode(65+i).toLowerCase();
if($target.hasClass(colors)){
currentColors = colors;
$links.each(function(){
var $el = $(this);
if($el.data('colors') === currentColors){
$el.addClass('active');
}
})
}
}
$links.click(function(e){
e.preventDefault();
var $link = $(this);
$target.removeClass(currentColors);
currentColors = $link.data('colors');
$target.addClass(currentColors);
$links.removeClass('active');
$link.addClass('active');
return false;
});
});
};
},{"../app/themes.js":8}],16:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function($context, script){
var isPoorBrowser = $('html').hasClass('poor-browser');
var isNoAnimations = $('html').hasClass('no-animations');
if(isPoorBrowser || isNoAnimations) return;
$context.find('.counter .count').each(function(){
var $this = $(this);
var count = parseInt($this.text());
var cnt = {n: 0}
var tw = new TWEEN.Tween(cnt)
.to({n: count}, 1000)
.onUpdate(function(){
$this.text(Math.round(this.n));
})
.easing(TWEEN.Easing.Quartic.InOut);
var pause = function(){
tw.stop();
}
var resume = function(){
cnt.n = 0;
tw.start();
}
var start = resume;
script.players.addPlayer($this, start, pause, resume);
});
};
},{}],17:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = new (function(){
var isMobile = $('html').hasClass('mobile');
var $sec = $('.wrapper-content>.view>.fg[id]');
var $lnks;
if(!isMobile && $sec.length>1){
var $ul = $('#dot-scroll');
$sec.each(function(){
$ul.append('<li><a href="#'+$(this).attr('id')+'"><span></span></a></li>');
});
$lnks = $ul.find('a').data('navigation-group', 'dot-scroll');
}else{
$lnks = jQuery();
}
this.links = function(){
return $lnks;
}
})();
},{}],18:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = new (function(){
this.setup = function($context){
$context.find('.fluid *').each(function() {
var $el = $(this);
var $wrap = $el.parent('.fluid');
var newWidth = $wrap.width();
var ar = $el.attr('data-aspect-ratio');
if(!ar){
ar = this.height / this.width;
$el
// jQuery .data does not work on object/embed elements
.attr('data-aspect-ratio', ar)
.removeAttr('height')
.removeAttr('width');
}
var newHeight = Math.round(newWidth * ar);
$el.width(Math.round(newWidth)).height(newHeight);
$wrap.height(newHeight);
});
};
})();
},{}],19:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(onBodyHeightResize, widgets, unwidgets){
var tools = require('../tools/tools.js');
var OverlayWindow = require('./overlay-window.js');
var $topNav = $('#top-nav');
var $overlay = $('.gallery-overlay');
var $loader = $overlay.find('.loader');
var $overlayContent = $overlay.find('.overlay-content');
var overlayWindow = new OverlayWindow($overlay, widgets, unwidgets);
var $overlayNext = $overlay.find('.next');
var $overlayPrevios = $overlay.find('.previos');
var $currentItem;
var $currentGItems;
var currentOpenItem;
$overlayNext.click(function(e){
e.preventDefault();
var $i = $currentItem.nextAll('div.gallery-item:not(.hidden-item)').first();
if($i.length<1){
$i = $currentGItems.filter('div.gallery-item:not(.hidden-item)').first();
}
currentOpenItem($i);
return false;
});
$overlayPrevios.click(function(e){
e.preventDefault();
var $i = $currentItem.prevAll('div.gallery-item:not(.hidden-item)').first();
if($i.length<1){
$i = $currentGItems.filter('div.gallery-item:not(.hidden-item)').last();
}
currentOpenItem($i);
return false;
});
$('.fg').each(function(i){
var $gallery = $(this);
var $grid = $gallery.find('.gallery-grd');
var $items = $grid.find('.item');
var $gItems = $gallery.find('div.gallery-item');
if($items.length < 1 && $gItems.length < 1){
return;
}
var $mGrid = $gallery.find('.masonry-grd');
var isFilter = false;
var defaultGroup = $gallery.data('default-group') ? $gallery.data('default-group') : 'all';
var $btns = $gallery.find('.filter a');
var $all = $gallery.find('.filter a[data-group=all]');
var currentGroup = defaultGroup;
$gallery.find('.filter a[data-group='+defaultGroup+']').addClass('active');
$btns.click(function(e){
e.preventDefault();
if(isFilter) return false;
var $this = $(this);
var isActive = $this.hasClass( 'active' );
var group = isActive ? 'all' : $this.data('group');
if(currentGroup !== group){
currentGroup = group;
$btns.removeClass('active');
if(!isActive){
$this.addClass('active');
}else{
$all.addClass('active');
}
$items.each(function(){
var $i = $(this);
var dataGrps = $i.data('groups')
var filter = dataGrps ? dataGrps.split(/\s+/) : [];
if( group == 'all' || $.inArray(group, filter)!=-1 ){
$i.removeClass('hidden-item');
}else{
$i.addClass('hidden-item');
}
});
$mGrid.masonry( 'reloadItems' );
$mGrid.masonry( 'layout' );
}
return false;
});
$gItems.click(function(e){
e.preventDefault();
openItem($(this));
return false;
});
function openItem($item){
$currentItem = $item;
$currentGItems = $gItems;
currentOpenItem = openItem;
overlayWindow.show(null, function(){
$loader.removeClass('show');
$overlayContent.addClass('show');
}, function(end){
$loader.addClass('show');
var $itemContent = $item.find('.gallery-item-content');
$overlayContent.removeClass('show');
$overlayContent.html($itemContent.html());
var $container = $overlayContent.find('.default-slider');
$container.removeClass('hold');
var $slides = $container.find('.swiper-slide');
$slides.each(function(i){
var $slide = $(this);
if($slide.data('as-bg') === 'yes'){
$slide.css({
'background-image': 'url(' + $slide.data('hold-img') + ')'
});
}else{
$slide.after('<div class="swiper-slide"><img alt="' + $slide.data('alt') + '" src="' + $slide.data('hold-img') + '" /></div>').remove();
}
});
var $images = $overlayContent.find('img');
var nimages = $images.length;
if (nimages > 0) {
$images.load(function() {
nimages--;
if (nimages === 0) {
end();
}
});
} else {
end();
}
});
}
});
};
},{"../tools/tools.js":13,"./overlay-window.js":23}],20:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = new (function(){
var tools = require('../tools/tools.js');
var $gate = $('.gate');
var $gateBar = $gate.find('.gate-bar');
var isAndroidBrowser4_3minus = $('html').hasClass('android-browser-4_3minus');
var me = this;
this.queue = [];
this.load = function(callback){
var urls = [];
var finish = false;
var $excl = $('.non-preloading, .non-preloading img');
if(!skrollexConfig.isCustomizer){
$('img:visible').not($excl).each(function(){
var $el = $(this);
var src = $el.attr('src');
if(src && $.inArray(src, urls) === -1){
urls.push(src);
}
});
$('div.bg:visible').not($excl).each(function(){
var $el = $(this);
var bImg = $el.css("background-image");
if (bImg != 'none'){
var murl = bImg.match(/url\(['"]?([^'")]*)/i);
if(murl && murl.length>1 && !murl[1].match(/data:/i) && $.inArray(murl[1], urls) === -1){
urls.push(murl[1]);
}
}
});
}
$('.loading-func:visible').not($excl).each(function(){
var $el = $(this);
var func = $el.data('loading');
if(func){
urls.push(func);
}
});
var loaded = 0;
if(urls.length === 0){
finish = true;
callback();
}else{
var timer = setTimeout(function(){
if(!finish){
finish = true;
callback();
}
}, 20000);
if(!skrollexConfig.isCustomizer){
$gate.addClass('load-animation');
}
$('html').addClass('page-loading');
var waterPerc = 0;
var done = function(){
loaded++;
waterPerc = loaded/urls.length * 100;
$gateBar.css({width: waterPerc+'%'});
if(loaded === urls.length && !finish){
clearTimeout(timer);
finish = true;
callback();
}
}
for(var i=0; i<urls.length; i++){
if(typeof(urls[i]) == 'function'){
urls[i](done);
}else{
var img = new Image();
$(img).one('load error', function(event){
var finish = function(){
me.queue.push(done)
}
var test = function(){
if(!img.naturalWidth){
setTimeout(test, 100);
}else{
finish();
}
}
if(event.type !== 'error'){
test();
}else{
finish();
}
});
img.src = urls[i];
}
}
}
}
this.gate = function(callback){
$('html').addClass('page-is-gated');
$gateBar.css({width: '0%'});
$gate.transitionEnd(function(){
if(callback){
callback();
}
}).css({opacity: 1, visibility: 'visible'});
}
this.ungate = function(callback){
$('html').removeClass('page-is-gated page-loading').addClass('page-is-loaded');
$gate.transitionEnd(function(){
if(isAndroidBrowser4_3minus){
tools.androidStylesFix($('body'));
}
if(callback){
callback();
}
$gate.removeClass('load-animation');
}).css({opacity: 0, visibility: 'hidden'});
};
})();
},{"../tools/tools.js":13}],21:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function($context){
var OverlayWindow = require('./overlay-window.js');
if(typeof(google) == "undefined") return;
$context.find('.map-open').each(function(){
var $mapOpen = $(this);
var $overlay = $($mapOpen.data('map-overlay')).clone().appendTo('body');
$overlay.find('.overlay-view').append($mapOpen.parent().find('.map-canvas').clone());
var $mapCanvas = $overlay.find('.map-canvas');
var mapOptions = {
center: new google.maps.LatLng($mapCanvas.data('latitude'), $mapCanvas.data('longitude')),
zoom: $mapCanvas.data('zoom'),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var markers = [];
$mapCanvas.find('.map-marker').each(function(){
var $marker = $(this);
markers.push({
latitude: $marker.data('latitude'),
longitude: $marker.data('longitude'),
text: $marker.data('text')
});
});
$mapCanvas.addClass('close-map').wrap('<div class="map-view"></div>');
var $mapView = $mapCanvas.parent();
var overlayWindow = new OverlayWindow($overlay, false, false, function(){
new TWEEN.Tween({autoAlpha: 1})
.to({autoAlpha: 0}, 500)
.onUpdate(function(){
$mapView.css({opacity: this.autoAlpha, visibility: (this.autoAlpha > 0 ? 'visible' : 'hidden')});
})
.easing(TWEEN.Easing.Linear.None)
.start();
});
var isInited = false;
$mapOpen.click(function(event) {
event.preventDefault();
overlayWindow.show(false, function() {
var $oc = $overlay.find('.overlay-control');
var $ov = $overlay.find('.overlay-view');
$mapView.css({height: ($(window).height() - $oc.height() - parseInt($ov.css('bottom').replace('px','')) ) + 'px'});
$mapView.css({opacity: 1, visibility: 'visible'});
if (!isInited) {
isInited = true;
var map = new google.maps.Map($mapCanvas[0], mapOptions);
var addListener = function(marker, text) {
var infowindow = new google.maps.InfoWindow({
content: text
});
google.maps.event.addListener(marker, "click", function() {
infowindow.open(map, marker);
});
}
for (var i = 0; i < markers.length; i++) {
var marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(markers[i].latitude, markers[i].longitude)
});
var text = markers[i].text;
if (text) {
addListener(marker, text);
}
}
}
});
return false;
});
});
}
},{"./overlay-window.js":23}],22:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(script){
var toggleSel = '.ext-nav-toggle, .responsive-nav';
var $toggle = $(toggleSel);
var isMobile = $('html').hasClass('mobile');
var closeResp = function(){
$('.responsive-nav').removeClass('show');
$('body').removeClass('responsive-nav-show');
if(!isMobile){
$('.textillate').children('span:nth-of-type(1)').css({display: ''});
$('.textillate').children('span:nth-of-type(2)').css({display: 'none'});
$('.textillate').children('span:nth-of-type(2)').children().css({display: ''});
}
};
$(window).resize(function(){
$("div[class*='off-canvas']").removeClass('open');
closeResp();
});
$toggle.click(function(e){
e.preventDefault();
var $tg = $(this);
if($tg.hasClass('ext-nav-toggle')){
var targetQ = $tg.data('target');
var $extNav = $(targetQ);
var $clickEls = $(targetQ+' a,#top-nav a:not('+toggleSel+'),.page-border a, #dot-scroll a');
var clickHnd = function() {
$extNav.removeClass('show');
$tg.removeClass('show');
$('body').removeClass('ext-nav-show');
script.topNav.unforceState('ext-nav');
$('html, body').css({overflow: '', position: ''});
$clickEls.unbind('click', clickHnd);
}
if($tg.hasClass('show')){
$extNav.removeClass('show');
$tg.removeClass('show');
$('body').removeClass('ext-nav-show');
$clickEls.unbind('click', clickHnd);
script.topNav.unforceState('ext-nav');
}else{
$extNav.addClass('show');
$tg.addClass('show');
$('body').addClass('ext-nav-show');
$clickEls.bind('click', clickHnd);
script.topNav.forceState('ext-nav');
}
}else{
if($tg.hasClass('show')){
closeResp();
}else{
if(!isMobile){
$('.textillate').children('span:nth-of-type(1)').css({display: 'none'});
$('.textillate').children('span:nth-of-type(2)').css({display: 'inline'});
$('.textillate').children('span:nth-of-type(2)').children(':not(.current)').css({display: 'none'});
}
$tg.addClass('show');
$('body').addClass('responsive-nav-show');
}
}
});
};
},{}],23:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function($overlay, widgets, unwidgets, hideFunc){
var $overlayClose = $overlay.find('.cross');
var $overlayZoom = $($overlay.data('overlay-zoom'));
var $overlayView = $overlay.find('.overlay-view');
var me = this;
this.$overlay = $overlay;
this.show = function(load, callback, init) {
var open = function(inited) {
if(init && !inited){
init(function(){ open(true); });
return;
}
$overlayZoom.addClass('overlay-zoom');
$overlay.transitionEnd(function(){
var ifInit = function(){
$overlayView.find('iframe').each(function(){
var $this = $(this);
var hold = $this.data('hold-src');
if(hold && !$this.attr('src')){
$this[0].src = hold;
}
$this.addClass('show');
});
}
if (load) {
var $loader = $overlay.find('.loader');
var $loadedContent = $('<div class="loaded-content"></div>');
$loader.addClass('show');
$loadedContent.addClass('content-container').appendTo($overlayView);
$loadedContent.load(load, function(xhr, statusText, request) {
if (statusText !== "success" && statusText !== "notmodified") {
$loadedContent.text(statusText);
return;
}
$overlay.find('iframe').addClass('show');
var $images = $loadedContent.find('img');
var nimages = $images.length;
if (nimages > 0) {
$images.load(function() {
nimages--;
if (nimages === 0) {
show();
}
});
} else {
show();
}
function show() {
ifInit();
if(widgets){
widgets($loadedContent);
}
$loadedContent.addClass('show');
$loader.removeClass('show');
if(callback){
callback();
}
}
});
}else{
ifInit();
if(widgets){
widgets($overlayView);
}
if(callback){
callback();
}
}
}).addClass('show');
};
if ($overlay.hasClass('show')) {
me.hide(open);
} else {
open();
}
}
this.hide = function(callback) {
$overlayZoom.removeClass('overlay-zoom');
$overlay.removeClass('show');
setTimeout(function() {
var $loadedContent = $overlay.find('.loaded-content');
if($loadedContent.length>0){
if(unwidgets){
$overlay.find('iframe').removeClass('show');
unwidgets($overlay);
}
stopIframeBeforeRemove($loadedContent, function() {
$loadedContent.remove();
if(hideFunc){
hideFunc();
}
if (callback) {
callback();
}
});
}else{
if(unwidgets){
$overlay.find('iframe').removeClass('show');
unwidgets($overlay);
}
if(hideFunc){
hideFunc();
}
if (callback) {
callback();
}
}
}, 500);
}
function stopIframeBeforeRemove($context, callback) {
var isDoStop = $('html').hasClass('ie9')
|| $('html').hasClass('ie10');
if (isDoStop) {
$context.find('iframe').attr('src', '');
setTimeout(function() {
callback();
}, 300);
} else {
callback();
}
}
$overlayClose.click(function(e){
e.preventDefault();
me.hide();
return false;
});
};
},{}],24:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function($context, script){
var isPoorBrowser = $('html').hasClass('poor-browser');
var isNoAnimations = $('html').hasClass('no-animations');
$context.find('.skillbar').each(function(){
var $this = $(this)
var $bar = $this.find('.skillbar-bar');
var perc = parseInt($this.attr('data-percent').replace('%',''));
if(isPoorBrowser || isNoAnimations){
$bar.css({width: perc+'%'});
}else{
var w = {width: 0}
var tw = new TWEEN.Tween(w)
.to({width: perc}, 1000)
.onUpdate(function(){
$bar.css({width: this.width+'%'});
})
.easing(TWEEN.Easing.Quartic.Out);
var pause = function(){
tw.stop();
};
var resume = function(){
w.width = 0;
tw.start();
};
var start = resume;
script.players.addPlayer($this, start, pause, resume);
}
});
};
},{}],25:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function($context, isRemoved){
var Swiper = require('../bower_components/swiper/dist/js/swiper.jquery.js');
if(isRemoved){
$context.find(".swiper-container.default-slider").each(function(){
var swiper = $(this)[0].swiper;
swiper.destroy(true, true);
});
return;
}
$context.find('.default-slider:not(.hold)').each(function () {
var $this = $(this).addClass('swiper-container');
var el = $this[0];
var $el = $(el);
var sopt = $el.data('swiper-options');
var opt = sopt ? eval('('+sopt+')') : {};
var swiper = new Swiper(el,
$.extend(
{ pagination: $el.find('.swiper-pagination')[0],
paginationClickable: $el.find('.swiper-pagination')[0],
nextButton: $el.find('.swiper-button-next')[0],
prevButton: $el.find('.swiper-button-prev')[0],
},
opt
)
);
});
};
},{"../bower_components/swiper/dist/js/swiper.jquery.js":9}],26:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function($context, script){
var tools = require('../tools/tools.js');
var isAndroid = $('html').hasClass('android-browser');
var isNoAnimations = $('html').hasClass('no-animations');
var isPoorBrowser = $('html').hasClass('poor-browser');
var isSafari = $('html').hasClass('safari');
if(isAndroid || isNoAnimations || isPoorBrowser){
return;
}
$context.find('.text-bg').each(function(i){
var $cont = $(this);
$cont.find($cont.data('text-effect-selector')).each(function(j){
var $el = $(this).addClass('text-bg-svg svg-effect');
var lines = [];
$el.contents().filter(function() {
return !!$.trim( this.innerHTML || this.data );
}).each(function(i){
var $line = $(this);
lines.push($line.text());
});
var onResize = function(){
var svgW;
var svgH;
var effect = function(pat, s, svg) {
s.attr({width: '100%', height: '100%'})
var text = s.text(0, 0, lines).attr({fill:tools.snapUrl(pat)});
$el.empty().append(svg);
svgW = $el.width();
var lh = parseFloat($el.css('line-height').replace('px', ''));
var elAl = $el.css('text-align');
text.selectAll("tspan").forEach(function(tspan, i){
tspan.attr({dy: lh});
if(elAl === 'right'){
tspan.attr({x: svgW, 'text-anchor': 'end'});
}else if(elAl === 'center'){
tspan.attr({x: Math.round(svgW/2), 'text-anchor': 'middle'});
}else{
tspan.attr({x: 0, 'text-anchor': 'start'});
}
});
svgH = Math.round(lines.length * lh + lh/5);
$el.height(svgH);
s.attr({viewBox: '0 0 '+svgW+' '+svgH});
}
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
var s = Snap(svg);
var animate = function(pat, inAttr, outAttr, dur, ease){
var animIn = function(){
this.animate(inAttr, dur, ease, animOut);
}
var animOut = function(){
this.animate(outAttr, dur, ease, animIn);
};
if($cont.data('text-effect').indexOf('animated') !== -1){
var playerPause = false;
var paused = false;
pat.animate(outAttr, dur, ease, animIn);
if($cont.data('text-effect') === 'custom-animated' || isSafari){
var timer = null;
$(window).scroll(function(e){
clearTimeout(timer);
if(!paused){
paused = true;
if(!playerPause){
pat.inAnim()[0].mina.pause();
}
}
timer = setTimeout(function(){
paused = false;
if(!playerPause){
pat.animate({ dummy: 0 } ,1);
pat.inAnim()[0].mina.resume();
}
}, 100);
});
}
var pause = function(){
playerPause = true;
if(!paused){
pat.inAnim()[0].mina.pause();
}
}
var resume = function(){
playerPause = false;
if(!paused){
pat.animate({ dummy: 0 } ,1);
pat.inAnim()[0].mina.resume();
}
}
var start = resume;
script.players.addPlayer($cont, start, pause, resume);
}
};
if($cont.data('text-effect').indexOf('custom') !== -1){
var imgUrl = $cont.data('text-bg');
if(imgUrl){
var img = new Image();
img.onload = function() {
var iw = this.width;
var ih = this.height;
var dur = 30000;
var ease = mina.easeinout;
var pat = s.image(imgUrl, 0, 0, iw, ih)
.toPattern(0, 0, iw, ih)
.attr({patternUnits: 'userSpaceOnUse'});
effect(pat, s, svg);
var outAttr = {x:(svgW - iw), y:(svgH - ih)};
var inAttr = {x:0, y:0};
animate(pat, inAttr, outAttr, dur, ease);
}
img.src = imgUrl;
}
}else if($cont.data('text-effect') !== 'no'){
var pw = 300;
var dur = 30000;
var ease = mina.easeinout;
var ph = $el.height();
var r1 = s.rect().attr({width: "100%", height: ph}).addClass('fill-highlight');
var r2 = s.rect().attr({width: "90%", height: ph}).addClass('fill-heading');
var r3 = s.rect().attr({width: "50%", height: ph}).addClass('fill-highlight');
var r4 = s.rect().attr({width: "20%", height: ph}).addClass('fill-heading');
var pat = s.g(r1, r2, r3, r4)
.toPattern(0, 0, pw, ph)
.attr({patternUnits: 'userSpaceOnUse', preserveAspectRatio: 'none'});
if($cont.data('text-effect').indexOf('effect-b-') !== -1){
pat.attr({transform: 'rotate(-45deg)'});
}
effect(pat, s, svg);
var outAttr = {width: 50};
var inAttr = {width: pw};
animate(pat, inAttr, outAttr, dur, ease);
}
};
$(window).resize(onResize);
onResize();
});
});
};
},{"../tools/tools.js":13}],27:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function ($context) {
var isAndroid = $('html').hasClass('android-browser');
if(isAndroid){
return;
}
$context.find('.text-fit').each(function(){
var $cont = $(this);
$cont.find($cont.data('text-effect-selector')).each(function(j){
var $headers = $(this).addClass('text-fit-svg svg-effect');
var $link = $headers.find('a');
var $el = $link.length > 0 ? $($link[0]) : $headers;
var lines = [];
$el.contents().filter(function () {
return !!$.trim(this.innerHTML || this.data);
}).each(function (i) {
var $line = $(this);
lines.push($line.text());
});
$el.addClass('normal-letter-spacing');
var svgSize = function () {
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
var s = Snap(svg);
$el.empty().append(svg);
var sw = $el.innerWidth();
if(sw > 391){
sw = 391;
}
var fs = parseFloat($el.css('font-size').replace('px', ''));
var dlh = 10;
var y = 0;
var pad = 20;
for (var i = 0; i < lines.length; i++) {
var text = s.text(0, 0, lines[i]);
var tw = text.getBBox().width;
var cfs = fs * sw / tw;
var clh = dlh + cfs;
y += i > 0 ? clh : (cfs + pad);
text.attr({x: 0, y: y, 'font-size': cfs + 'px'}).addClass('fill-heading');
}
var he = y + pad;
s.attr({width: sw, height: he});
$el.height(he);
};
$(window).resize(svgSize);
svgSize();
});
});
};
},{}],28:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function ($context) {
var tools = require('../tools/tools.js');
var isAndroid = $('html').hasClass('android-browser');
if(isAndroid){
return;
}
$context.find('.text-fullscreen').each(function(){
var $cont = $(this);
$cont.find('.fg').addClass('background-transparent');
$cont.find($cont.data('text-effect-selector')).each(function(j){
var $headers = $(this).addClass('text-fullscreen-svg svg-effect');
var $link = $headers.find('a');
var $el = $link.length > 0 ? $($link[0]) : $headers;
var lines = [];
$el.contents().filter(function () {
return !!$.trim(this.innerHTML || this.data);
}).each(function (i) {
var $line = $(this);
lines.push($line.text());
});
$el.addClass('normal-letter-spacing');
var svgSize = function () {
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
var s = Snap(svg);
s.attr({width: '100%', height: '100%'});
$el.empty().append(svg);
var mask = s.mask().attr({x: 0, y: 0, width: '100%', height: '100%'});
mask.toDefs();
var sw = Math.round(0.7 * $(window).width());
if(sw > 391){
sw = 391;
}else if(sw < 200){
sw = 200;
}
var fs = parseFloat($el.css('font-size').replace('px', ''));
var lh = parseFloat($el.css('line-height').replace('px', ''));
var lhr = lh/fs;
var y = 0;
var grp = mask.g();
for (var i = 0; i < lines.length; i++) {
var text = s.text(0, 0, lines[i]);
var tw = text.getBBox().width;
var cfs = fs * sw / tw;
var clh = lhr * cfs;
y += i > 0 ? clh : (cfs * 0.85)
text.attr({x: 0, y: y, 'font-size': cfs + 'px'});
grp.add(text);
}
var imgSrc = $cont.data('text-bg');
var pat = s.g(
imgSrc ? s.image(imgSrc, 0, 0, '100%', '100%').attr({preserveAspectRatio: 'xMidYMid slice'}) : s.rect({x: 0, y: 0, width: '100%', height: '100%', fill: '#ffffff'})
).toPattern(0, 0, $(window).width(), $(window).height());
s.rect({x: 0, y: 0, width: '100%', height: '100%', fill: pat, stroke: 'none'}).prependTo(mask);
s.rect({x: 0, y: 0, width: '100%', height: '100%', mask: mask, stroke: 'none'}).addClass('fill-bg');
var grpx = Math.round(($(window).width() - sw)/2);
var grpy = Math.round(($(window).height() - y)/2);
grp.attr({transform: 'translate('+grpx+', '+grpy+')'});
};
$(window).resize(svgSize);
svgSize();
});
});
};
},{"../tools/tools.js":13}],29:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function ($context) {
var tools = require('../tools/tools.js');
var isAndroid = $('html').hasClass('android-browser');
if(isAndroid){
return;
}
$context.find('.text-mask').each(function(){
var $cont = $(this);
$cont.find($cont.data('text-effect-selector')).each(function(j){
var $headers = $(this).addClass('text-mask-svg svg-effect');
var $link = $headers.find('a');
var $el = $link.length > 0 ? $($link[0]) : $headers;
var lines = [];
$el.contents().filter(function () {
return !!$.trim(this.innerHTML || this.data);
}).each(function (i) {
var $line = $(this);
lines.push($line.text());
});
$el.addClass('normal-letter-spacing');
var svgSize = function () {
var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
var s = Snap(svg);
s.attr({width: '100%', height: '100%'});
$el.empty().append(svg);
var mask = s.mask().attr({x: 0, y: 0, width: '100%', height: '100%'});
mask.toDefs();
var sw = Math.round(0.7 * $el.innerWidth());
if(sw > 391){
sw = 391;
}
var fs = parseFloat($el.css('font-size').replace('px', ''));
var dlh = 10;
var pad = Math.round(sw * 0.15);
var y = 0;
var grp = mask.g();
for (var i = 0; i < lines.length; i++) {
var text = s.text(0, 0, lines[i])
var tw = text.getBBox().width;
var cfs = fs * (sw - pad - pad) / tw;
var clh = dlh + cfs;
y += i > 0 ? clh : (cfs * 0.85)
text.attr({x: pad, y: y, 'font-size': cfs + 'px'});
grp.add(text);
}
var h = y + 2 * pad;
var rad = Math.floor(h > sw ? h/2 : sw/2);
var diam = 2 * rad;
var imw = diam;
var imh = diam;
var imgSrc = $cont.data('text-bg');
var pat = s.g(
imgSrc ? s.image(imgSrc, 0, 0, imw, imh).attr({preserveAspectRatio: 'xMidYMid slice'}) : s.rect(0, 0, imw, imh).attr({fill: '#ffffff'})
).toPattern(0, 0, imw, imh);
s.rect({x: 0, y: 0, width: '100%', height: '100%', fill: pat, stroke: 'none'}).prependTo(mask);
s.circle(rad, rad, rad).attr({mask: mask, stroke: 'none'})
.addClass('fill-heading text-box');
grp.attr({transform: 'translate(0, ' + Math.round((diam - y)/2) + ')'})
s.attr({viewBox: '0 0 ' + diam + ' ' + diam, width: diam, height: diam});
$el.height(diam);
};
$(window).resize(svgSize);
svgSize();
});
});
};
},{"../tools/tools.js":13}],30:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(){
var tools = require('../tools/tools.js');
var $topNav = $('#top-nav:visible');
var $styleFix = $('#top-nav, .page-border');
var $html = $('html');
var decorB = $('html').hasClass('site-decoration-b')
var isAdminBar = $('body').hasClass('admin-bar')
var isTwoState = $('body').hasClass('page-template-builder')
var isTopNav = $topNav.length > 0;
var topNavState1Top = (function(){
if(isTopNav){
return 20;
}else{
return 0;
}
})();
var forcedState = false;
var doForce = false;
var doUnforce = false;
var forceSrcs = [];
var me = this;
var state1Colors = $topNav.data('colors-2');
var state2Colors = $topNav.data('colors-1');
var $window = $(window);
this.isState1 = false;
this.isState2 = false;
var state1BorderTopTop = decorB ? 15 : 0;
var state2BorderTopTop = 0;
var state1BorderTopH = decorB ? 25 : 88;
var state2BorderTopH = decorB ? 40 : 48;
var state1BorderLRBottom = decorB ? 40 : 25;
var state2BorderLRBottom = 25;
var mode2W = 767;
var state1BorderLRTop = state1BorderTopTop + state1BorderTopH;
var state2BorderLRTop = state2BorderTopTop + state2BorderTopH;
var mode2BorderLRTop = decorB ? 40 : 48;
var mode2BorderLRBottom = 25;
var $lrBorders = $('.page-border.left, .page-border.right');
this.isMode2 = null;
this.state2H = isTopNav ? state2BorderTopH : 0;
this.state1Top = function(){ return topNavState1Top; };
this.state1 = function(){
$html.addClass('on-top');
if(isTwoState){
if(isTopNav && (!me.isState1 || doUnforce)){
if(!forcedState){
$html.removeClass('state2').addClass('state1');
$topNav.removeClass(state2Colors).addClass(state1Colors);
tools.androidStylesFix($styleFix);
}
if(!doForce){
me.isState1 = true;
me.isState2 = false;
}
}
}else{
me.state2(true);
}
};
this.state2 = function(pseudo){
if(!pseudo){
$html.removeClass('on-top');
}
if(isTopNav && (!me.isState2 || doUnforce)){
if(!forcedState){
$html.removeClass('state1').addClass('state2');
$topNav.removeClass(state1Colors).addClass(state2Colors);
tools.androidStylesFix($styleFix);
}
if(!doForce){
me.isState1 = false;
me.isState2 = true;
}
}
};
this.forceState = function(src){
if(forceSrcs.indexOf(src) < 0){
forceSrcs.push(src);
doForce = true;
me.state2();
doForce = false;
forcedState = true;
}
}
this.unforceState = function(src){
var ind = forceSrcs.indexOf(src);
if(ind >= 0){
forceSrcs.splice(ind, 1);
if(forceSrcs.length === 0){
forcedState = false;
doUnforce = true;
if(me.isState1){
me.state1();
}else{
me.state2();
}
doUnforce = false;
}
}
}
var resize = function(){
me.isMode2 = $(window).width()<=mode2W
if(!me.isMode2){
me.unforceState('size');
}else{
me.forceState('size');
}
}
$window.resize(resize);
resize();
};
},{"../tools/tools.js":13}],31:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(){
var tools = require('../tools/tools.js');
var $videoBgs = $(".video-bg");
if($videoBgs.length <1){
return;
}
var isPlayVideo = (function(){
var v=document.createElement('video');
var canMP4 = v.canPlayType ? v.canPlayType('video/mp4') : false;
return canMP4;
})();
if( !isPlayVideo ){
$videoBgs.each(function(){
var $videoBg = $(this);
var alt = $videoBg.data('alternative');
if(alt){
var $img = $('<img alt class="bg" src="'+alt+'"/>');
$videoBg.after($img).remove();
}
});
return;
}
$videoBgs.each(function(){
var $divBg = $(this);
$divBg.addClass('loading-func').data('loading', function(done){
var $videoBg = $('<video playsinline class="video-bg"></video>');
if($divBg.data('mute')==='yes' || tools.isMobile) $videoBg[0].muted = true;
var vol = $divBg.data('volume');
if(vol !== undefined) $videoBg[0].volume= vol/100;
var doDone = function(){
var vw = $videoBg.width();
var vh = $videoBg.height();
var vr = vw/vh;
var $window = $(window);
var resize = function(){
var ww = $window.width();
var wh = $window.height();
var wr = ww/wh;
var w, h;
if(vr > wr){
h = Math.ceil(wh);
w = Math.ceil(h * vr);
}else{
w = Math.ceil(ww);
h = Math.ceil(w / vr);
}
$videoBg.css({
width: w+'px',
height: h+'px',
top: Math.round((wh - h)/2)+'px',
left: Math.round((ww - w)/2)+'px'
});
};
$window.resize(resize);
resize();
$videoBg[0].play();
done();
};
$videoBg.on('ended', function(){
this.currentTime = 0;
this.play();
if(this.ended) {
this.load();
}
});
var isNotDone = true;
$videoBg.on('canplaythrough', function(){
if(isNotDone){
isNotDone = false;
doDone();
}else{
this.play();
}
});
$videoBg.on('error', function(){
if(isNotDone){
isNotDone = false;
doDone();
}
});
$videoBg[0].src = $divBg.data('video');
$videoBg[0].preload="auto";
$divBg.after($videoBg);
$divBg.remove();
});
});
};
},{"../tools/tools.js":13}],32:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(){
var tools = require('../tools/tools.js');
var $vimeoBgs = $(".vimeo-bg");
if($vimeoBgs.length <1){
return;
}
if(tools.isMobile){
$vimeoBgs.each(function(){
var $vimeoBg = $(this);
var alt = $vimeoBg.data('alternative');
if(alt){
var $img = $('<img alt class="bg" src="'+alt+'"/>');
$vimeoBg.after($img).remove();
}
});
return;
}
var dones = [];
$vimeoBgs.each(function(i){
var $vimeoBg = $(this);
var elId = $vimeoBg.attr('id');
if(!elId) {
elId = 'vimeo-bg-'+i;
$vimeoBg.attr('id', elId);
}
$vimeoBg.addClass('loading-func').data('loading', function(done){
dones[elId] = done;
});
});
$.getScript( "https://f.vimeocdn.com/js/froogaloop2.min.js" )
.done(function( script, textStatus ) {
$vimeoBgs.each(function(){
var $vimeoBgDiv = $(this);
var id = $vimeoBgDiv.attr('id');
var volume = (function(){
var r = $vimeoBgDiv.data('volume');
return r === undefined ? 0 : r;
})();
var videoId = $vimeoBgDiv.data('video');
var $vimeoBg = $('<iframe class="vimeo-bg" src="https://player.vimeo.com/video/'+videoId+'?api=1&badge=0&byline=0&portrait=0&title=0&autopause=0&player_id='+id+'&loop=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');
$vimeoBgDiv.after($vimeoBg);
$vimeoBgDiv.remove();
$vimeoBg.attr('id', id);
var player = $f($vimeoBg[0]);
player.addEvent('ready', function() {
var resize = function(vRatio){
var windowW = $(window).width();
var windowH = $(window).height();
var iFrameW = $vimeoBg.width();
var iFrameH = $vimeoBg.height();
var ifRatio = iFrameW/iFrameH;
var wRatio = windowW/windowH;
var setSize = function(vw, vh){
var ifw, ifh;
if(ifRatio > vRatio){
ifh = Math.ceil(vh);
ifw = Math.ceil(ifh * ifRatio);
}else{
ifw = Math.ceil(vw);
ifh = Math.ceil(ifw / ifRatio);
}
$vimeoBg.css({
width: ifw+'px',
height: ifh+'px',
top: Math.round((windowH - ifh)/2)+'px',
left: Math.round((windowW - ifw)/2)+'px',
});
}
if(wRatio > vRatio){
var vw = windowW;
var vh = vw/vRatio;
setSize(vw, vh);
}else{
var vh = windowH;
var vw = vh * vRatio;
setSize(vw, vh);
}
};
player.addEvent('finish', function(){
player.api('play');
});
var isNotDone = true;
player.addEvent('play', function(){
if(isNotDone){
isNotDone = false;
dones[id]();
}
});
player.api('setVolume', volume);
player.api('getVideoWidth', function (value, player_id) {
var w = value
player.api('getVideoHeight', function (value, player_id) {
var h = value;
var vRatio = w / h;
$(window).resize(function(){resize(vRatio);});
resize(vRatio);
player.api('play');
});
});
});
});
})
.fail(function( jqxhr, settings, exception ) {
console.log( 'Triggered ajaxError handler.' );
});
};
},{"../tools/tools.js":13}],33:[function(require,module,exports){
"use strict"; var $ = jQuery;
module.exports = function(){
var tools = require('../tools/tools.js');
var $youtubeBgs = $(".youtube-bg");
if($youtubeBgs.length <1){
return;
}
if(tools.isMobile){
$youtubeBgs.each(function(){
var $youtubeBg = $(this);
var alt = $youtubeBg.data('alternative');
if(alt){
var $img = $('<img alt class="bg" src="'+alt+'"/>');
$youtubeBg.after($img).remove();
}
});
return;
}
var dones = [];
$youtubeBgs.each(function(i){
var $youtubeBg = $(this);
var elId = $youtubeBg.attr('id');
if(!elId) {
elId = 'youtube-bg-'+i;
$youtubeBg.attr('id', elId);
}
$youtubeBg.addClass('loading-func').data('loading', function(done){
dones[elId] = done;
});
});
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
window.onYouTubeIframeAPIReady = function(){
$youtubeBgs.each(function(){
var $youtubeBg = $(this);
var videoId = $youtubeBg.data('video');
var vol = $youtubeBg.data('volume');
var mute = $youtubeBg.data('mute');
var elId = $youtubeBg.attr('id');
var isNotDone = true;
var player = new YT.Player(elId, {
videoId: videoId,
playerVars: {html5: 1, controls: 0, 'showinfo': 0, 'modestbranding': 1, 'rel': 0, 'allowfullscreen': true, 'iv_load_policy': 3, wmode: 'transparent' },
events: {
onReady: function(event){
var resize = function(){
var $iFrame = $(event.target.getIframe());
var windowW = $(window).width();
var windowH = $(window).height();
var iFrameW = $iFrame.width();
var iFrameH = $iFrame.height();
var ifRatio = iFrameW/iFrameH;
var wRatio = windowW/windowH;
var vRatio = (function(){
var r = $youtubeBg.data('ratio');
return r === undefined ? ifRatio : eval(r);
})();
var setSize = function(vw, vh){
var ifw, ifh;
if(ifRatio > vRatio){
ifh = Math.ceil(vh);
ifw = Math.ceil(ifh * ifRatio);
}else{
ifw = Math.ceil(vw);
ifh = Math.ceil(ifw / ifRatio);
}
$iFrame.css({
width: ifw+'px',
height: ifh+'px',
top: Math.round((windowH - ifh)/2)+'px',
left: Math.round((windowW - ifw)/2)+'px',
});
}
if(wRatio > vRatio){
var vw = windowW;
var vh = vw/vRatio;
setSize(vw, vh);
}else{
var vh = windowH;
var vw = vh * vRatio;
setSize(vw, vh);
}
};
$(window).resize(resize);
resize();
event.target.setPlaybackQuality('highres');
if(vol !== undefined) event.target.setVolume(vol);
if(mute === 'yes' || mute === undefined) event.target.mute();
event.target.playVideo();
},
onStateChange: function(event){
if(isNotDone && event.data === YT.PlayerState.PLAYING){
isNotDone = false;
(dones[elId])();
}else if(event.data === YT.PlayerState.ENDED){
event.target.playVideo();
}
},
onError: function(event){
if(isNotDone){
isNotDone = false;
(dones[elId])();
console.log('YouTube Error: ' + event.data + ', video ID: ' + videoId);
}
}
}
});
});
};
};
},{"../tools/tools.js":13}]},{},[12])