?
| Current Path : /home/webyoo/www/events/crm/demos/js/revolution/ |
| Current File : /home/webyoo/www/events/crm/demos/js/revolution/revolution.addon.beforeafter.min.js |
/*
* @author ThemePunch <info@themepunch.com>
* @link http://www.themepunch.com/
* @copyright 2017 ThemePunch
*/
;
(function() {
function w(a, c) {
this.slides = [];
this.slider = a;
this.options = c;
this.timer = this.onTimer.bind(this);
if (!a[0].opt.fallbacks.disableFocusListener) m(window).on("focus.rsaddonbeforeafter", this.onFocus.bind(this));
a.one("revolution.slide.onloaded", this.onLoaded.bind(this)).one("rsBeforeAfterDestroyed", this.destroy.bind(this))
}
function t(a, c, b, e, g, h, k, d, f, p, n, q, l, r) {
this.id = a;
this.bg = c;
this.index = r;
this.slide = e;
this.inner = b;
this.after = f;
this.before = p;
this.slider = n;
this.videoBg = g;
this.bgInner = k;
this.globals =
q;
this.videoSolo = h;
this.carousel = l;
this.animateOut = d.out;
this.direction = d.direction;
this.moveto = d.moveto.split("|");
this.timing = .001 * parseInt(d.time, 10);
this.delay = .001 * parseInt(d.delay, 10);
a = d.easing.split(".");
this.animation = punchgs[a[0]][a[1]];
"horizontal" === this.direction ? (this.normal = !0, this.axis = "left", this.size = "width") : (this.axis = "top", this.size = "height");
this.globals.hasOwnProperty("onClick") && (a = this.globals.onClick.easing.split("."), this.time = .001 * parseInt(this.globals.onClick.time, 10),
this.transition = punchgs[a[0]][a[1]]);
this.mouseUp = this.onMouseUp.bind(this);
this.mouseMove = this.onMouseMove.bind(this);
this.mouseClick = this.onClick.bind(this);
this.complete = this.onComplete.bind(this);
d.hasOwnProperty("bounceArrows") && (this.bounceArrows = d.bounceArrows, this.bounceDelay = parseInt(d.bounceDelay, 10), this.readyArrows = this.arrowsReady.bind(this), this.bounceDelay && (this.delayBounce = this.bounceReady.bind(this)));
d.hasOwnProperty("shiftOffset") && (this.shiftArrows = d.shiftOffset);
this.videoBg &&
!this.videoSolo && (this.videoPlay = this.playVideo.bind(this));
this.createDrag();
m.data(e[0], "rs-addon-beforeafter", this)
}
function z(a) {
this.style.zIndex = (a + 5).toString()
}
var m;
window.RevSliderBeforeAfter = function(a, c, b) {
a && c && "undefined" !== typeof punchgs && (m = a, m.event.special.rsBeforeAfterDestroyed = {
remove: function(a) {
a.handler()
}
}, new w(c, b))
};
w.prototype = {
init: function() {
var a = this.slider[0].opt,
c = a.responsiveLevels,
a = a.gridwidth;
Array.isArray(c) || (c = [c]);
Array.isArray(a) || (a = [a]);
this.levels = c;
this.widths =
a;
this.resize = this.onResize.bind(this);
this.slider.addClass("rs-before-after-addon").on("revolution.slide.onbeforeswap", this.beforeSwap.bind(this)).on("revolution.slide.onafterswap", this.afterSwap.bind(this))
},
onLoaded: function() {
var a = this,
c = this.slider[0].id,
b = this.slider.find(".tp-static-layers");
(this.carousel = this.options.carousel) && this.slider.addClass("before-after-carousel");
b.length || (b = this.slider.find(".tp-revslider-mainul"));
this.slider.data("before-after-placer", b).data("beforeafter-slides").each(function() {
var b =
m(this),
g = b.find('.tp-caption[data-beforeafter="before"]').toArray().map(function(a) {
return m(a).closest(".tp-parallax-wrap")
}),
h = b.find('.tp-caption[data-beforeafter="after"]').toArray().map(function(a) {
return m(a).closest(".tp-parallax-wrap")
}),
k = b.data("beforeafter-options");
b.addClass("rs-addon-beforeafter rs-addon-beforeafter-" + k.direction);
a.carousel || b.find("*").attr("draggable", !1);
var d = m('<div class="rs-addon-beforeafter-revealer rs-addon-beforeafter-before" />').append(g);
1 < g.length ? d.insertAfter(b.find(".tp-parallax-wrap").last()) :
d.appendTo(b);
var g = m('<div class="rs-addon-beforeafter-revealer rs-addon-beforeafter-after" />'),
h = m('<div class="rs-addon-beforeafter-inner" />').append(h)[0],
f = document.createElement("div"),
p = document.createElement("div"),
n = k.bgType;
if ("image" === n || "external" === n) f.style.backgroundImage = "url(" + k.bgImage + ")", f.style.backgroundPosition = k.bgPos, f.style.backgroundRepeat = k.bgRepeat, f.style.backgroundSize = k.bgFit;
else if ("solid" === n) f.style.background = k.bgColor;
else if ("trans" !== n && (n = b.data("beforeafter-video")) &&
(n.closest(".tp-parallax-wrap").addClass("rs-video-beforeafter"), !a.carousel)) {
var q = n;
var l = 0 === b.find(".rs-background-video-layer").length
}
b.attr("data-link") && "back" === b.attr("data-slideindex") && (d.addClass("rs-beforeafter-pointers"), g.addClass("rs-beforeafter-pointers"));
n = "rs-addon-beforeafter-bg-inner";
k.filter && (n += " " + k.filter);
p.className = "rs-addon-beforeafter-bg";
f.className = n;
p.appendChild(f);
b.find(".slotholder").append(p);
g.append(h).insertBefore(d);
a.slides[a.slides.length] = new t(c,
p, h, b, q, l, f, k, g[0], d[0], a.slider, a.options, a.carousel, b.attr("data-index"))
});
this.init()
},
beforeSwap: function(a, c) {
if (!this.checkRemoved()) {
this.slide = !1;
var b;
c.currentslide.length && (b = m.data(c.currentslide[0], "rs-addon-beforeafter")) && (b.removeEvents(), b[b.animateOut]());
(b = m.data(c.nextslide[0], "rs-addon-beforeafter")) && b.setup && b.reset()
}
},
afterSwap: function(a, c) {
!this.checkRemoved() && c.currentslide.hasClass("rs-addon-beforeafter") && (this.slide = m.data(c.currentslide[0], "rs-addon-beforeafter"),
this.slide.setup || (this.onResize(!1, !0), this.slide.onSetup(), this.slider.on("revolution.slide.afterdraw", this.resize)), this.slide.reset(!0), this.slide.reveal(), this.slide.addEvents())
},
checkRemoved: function() {
return this.slider && document.body.contains(this.slider[0]) ? !1 : (this.destroy(), !0)
},
onVideoPlay: function(a, c) {
this.slide && this.slide.videoBg && !this.slide.videoSolo && this.slide.playVideo()
},
destroy: function() {
m(window).off(".rsaddonbeforeafter");
if (this.slides)
for (; this.slides.length;) this.slides[0].destroy(),
this.slides.shift();
for (var a in this) this.hasOwnProperty(a) && delete this[a]
},
onFocus: function() {
clearTimeout(this.timer);
for (var a = this.slides.length; a--;) this.slides[a].supress = !0;
this.focusTimer = setTimeout(this.timer, 100)
},
onTimer: function() {
for (var a = this.slides.length; a--;) this.slides[a].supress = !1
},
onResize: function(a, c) {
if (a && this.carousel) clearTimeout(this.resizeTimer), this.resizeTimer = setTimeout(this.resize, 250);
else {
var b = this.slide;
if (b) {
var e, g = 0,
h = this.levels.length;
if (this.carousel) {
var k =
b.slide.width();
var d = b.slide.height()
} else k = this.slider.width(), d = this.slider.height();
for (e = 0; e < h; e++) k < this.levels[e] && (g = e);
c || (punchgs.TweenLite.killTweensOf(b.bg), punchgs.TweenLite.killTweensOf(b.after), punchgs.TweenLite.killTweensOf(b.before), punchgs.TweenLite.killTweensOf(b.revealBtn), b.revealLine && punchgs.TweenLite.killTweensOf(b.revealLine));
for (var h = k / this.widths[g], f = this.slides.length; f--;) e = this.slides[f], e.level = g, e.scale = h, e.blurred = !1, e.sliderWidth = k, e.sliderHeight = d, e.normal ? (e.bgInner.style.width =
k + "px", e.inner.style.width = k + "px") : (e.bgInner.style.height = d + "px", e.inner.style.height = d + "px");
c || (b.normal ? (k = b.moveto[b.level], -1 === k.search("%") && (k = (parseInt(k, 10) * h).toFixed(0) + "px"), d = "86%") : (k = "50%", d = b.moveto[b.level], -1 === d.search("%") && (d = (parseInt(d, 10) * h).toFixed(0) + "px")), b.resetDrag(k, d))
}
}
}
};
t.prototype = {
createDrag: function() {
var a = this.globals,
c = a.boxShadow,
b = a.arrowStyles,
e = a.arrowShadow,
g = a.arrowBorder,
h = a.dividerStyles,
k = a.dividerShadow,
d = parseInt(b.spacing, 10),
a = '<span class="rs-addon-beforeafter-btn rs-before-after-element rs-addon-beforeafter-btn-' +
this.direction + '" style="color: ' + b.color + ";font-size: " + parseInt(b.size, 10) + "px;background-color:" + b.bgColor + ";padding: " + parseInt(b.padding, 10) + "px;border-radius: " + b.borderRadius + ";cursor: " + a.cursor;
c && (a += "; box-shadow: 0px 0px " + parseInt(c.blur, 10) + "px " + parseInt(c.strength, 10) + "px " + c.color + ";");
g && (a += "; border: " + parseInt(g.size, 10) + "px solid " + g.color + ";");
e && (a += "; text-shadow: 0px 0px " + parseInt(e.blur, 10) + "px " + e.color + ";");
var f, p = "",
n = f = "",
q = "",
l = this.shiftArrows ? " rs-" + this.id + "-" +
this.index + "-rs-beforeafter-shift" : "";
this.normal ? (e = "padding-right", g = "padding-left", c = b.leftIcon, b = b.rightIcon, this.bounceArrows && (f = " rs-" + this.id + "-" + this.index + "-rs-beforeafter-bounce-", p = f + "left", f += "right"), this.shiftArrows && (n = "transform: translateX(-" + this.shiftArrows + "px);", q = "transform: translateX(" + this.shiftArrows + "px);")) : (e = "margin-bottom", g = "margin-top", c = b.topIcon, b = b.bottomIcon, this.bounceArrows && (f = " rs-" + this.id + "-" + this.index + "-rs-beforeafter-bounce-", p = f + "top", f += "bottom"), this.shiftArrows &&
(n = "transform: translateY(-" + this.shiftArrows + "px);", q = "transform: translateY(" + this.shiftArrows + "px);"));
a += '" />';
this.btn1 = m('<i class="' + c + l + p + '" style="' + n + e + ": " + d + 'px">');
this.btn2 = m('<i class="' + b + l + f + '" style="' + q + g + ": " + d + 'px">');
this.btn = m(a).on("mousedown touchstart", this.onMouseDown.bind(this));
this.btn[0].appendChild(this.btn1[0]);
this.btn[0].appendChild(this.btn2[0]);
d = parseInt(h.width, 10);
a = [];
d && (h = '<span class="rs-addon-beforeafter-line rs-before-after-element rs-beforeafter-' + this.direction +
'" style="' + this.size + ": " + d + "px; " + (this.normal ? "margin-left: " : "margin-top: ") + -Math.floor(.5 * d) + "px; background-color: " + h.color, k && (h += "; box-shadow: 0px 0px " + parseInt(k.blur, 10) + "px " + parseInt(k.strength, 10) + "px " + k.color + ";"), this.revealLine = m(h + '"></span>')[0], this.pixel = 0 === d % 2 ? 0 : 1, a[0] = this.revealLine);
this.revealBtn = this.btn[0];
a[a.length] = this.revealBtn;
this.carousel ? this.slide.append(a) : m(a).insertAfter(this.slider.data("before-after-placer"))
},
onSetup: function() {
var a = this.btn.outerWidth(!0),
c = this.btn.outerHeight(!0),
a = Math.max(a, c),
b = c = 0;
this.revealLine && (this.normal ? c += this.pixel : b += this.pixel);
var e = Math.floor(.5 * a);
this.buffer = e;
this.setup = !0;
this.btn.css({
width: a,
height: a,
marginTop: -e + b,
marginLeft: -e + c
});
delete this.btn
},
addEvents: function() {
var a = this.carousel ? this.slide : this.slider;
a.on("mouseup.rsaddonbeforeafter mouseleave.rsaddonbeforeafter touchend.rsaddonbeforeafter", this.mouseUp).on("mousemove.rsaddonbeforeafter touchmove.rsaddonbeforeafter", this.mouseMove);
if (this.transition) a.on("click.rsaddonbeforeafter",
this.mouseClick)
},
removeEvents: function() {
this.onMouseUp();
(this.carousel ? this.slide : this.slider).off(".rsaddonbeforeafter");
this.shiftArrows && this.btn1.off(".rsaddonbeforeafter");
this.bounceDelay && clearTimeout(this.bounceTimer)
},
updateDrag: function(a, c) {
if (this.before) {
if (this.normal) {
var b = a;
var e = this.sliderWidth - a;
c = Math.min(this.sliderHeight - this.buffer, Math.max(c, this.buffer))
} else b = c, e = this.sliderHeight - c, a = Math.min(this.sliderWidth - this.buffer, Math.max(a, this.buffer));
this.revealBtn.style.left =
a + "px";
this.revealBtn.style.top = c + "px";
this.before.style[this.size] = b + "px";
this.after.style[this.size] = e + "px";
this.bg.style[this.size] = e + "px";
this.revealLine && (this.revealLine.style[this.axis] = b + "px")
}
},
resetDrag: function(a, c) {
if (this.before) {
if (this.normal) {
var b = a;
var e = parseInt(a, 10);
e = -1 !== a.search("%") ? 100 - e + "%" : this.sliderWidth - e + "px"
} else b = c, e = parseInt(c, 10), e = -1 !== c.search("%") ? 100 - e + "%" : this.sliderHeight - e + "px";
this.revealBtn.style.left = a;
this.revealBtn.style.top = c;
this.before.style[this.size] =
b;
this.after.style[this.size] = e;
this.bg.style[this.size] = e;
this.revealLine && (this.revealLine.style[this.axis] = b)
}
},
onMouseDown: function(a) {
this.canDrag = this.prevent = !0;
this.slider.addClass("dragging");
this.shiftArrows && (this.btn1.off(".rsaddonbeforeafter"), this.slider.addClass("rs-beforeafter-shift-arrows"));
this.bounceArrows && (this.bounceDelay && clearTimeout(this.bounceTimer), this.slider.removeClass("rs-beforeafter-bounce-arrows"));
this.carousel && a.stopImmediatePropagation()
},
onMouseMove: function(a) {
if (!this.supress &&
this.canDrag) {
var c = a.originalEvent.touches;
c && (a = c[0]);
var b = (this.carousel ? this.slide : this.slider).offset(),
c = a.pageX - b.left;
a = a.pageY - b.top;
(this.normal ? 0 < c && c < this.sliderWidth : 0 < a && a < this.sliderHeight) && this.updateDrag(c, a)
}
},
onMouseUp: function(a) {
this.canDrag = !1;
this.slider.removeClass("dragging");
a && "infinite" === this.bounceArrows && (this.bounceDelay ? this.bounceTimer = setTimeout(this.delayBounce, this.bounceDelay) : (this.shiftArrows && this.slider.removeClass("rs-beforeafter-shift-arrows"), this.slider.addClass("rs-beforeafter-bounce-arrows")))
},
onClick: function(a) {
if (!this.supress && !this.blurred)
if (this.prevent) this.prevent = !1;
else {
var c = a.target,
b = /tparrows|tp-bullet|tp-tab|tp-thumb|tp-withaction/,
e;
if (!(e = "A" === a.target.tagName || b.test(c.className))) a: {
for (; c.parentNode;)
if (c = c.parentNode, "A" === c.tagName || b.test(c.className)) {
e = !0;
break a
}
e = !1
}
e || (c = (this.carousel ? this.slide : this.slider).offset(), b = a.pageX - c.left, e = a.pageY - c.top, this.normal ? (c = b, a = this.sliderWidth, e = Math.min(this.sliderHeight - this.buffer, Math.max(e, this.buffer))) : (c = e,
a = this.sliderHeight, b = Math.min(this.sliderWidth - this.buffer, Math.max(b, this.buffer))), punchgs.TweenLite.to(this.revealBtn, this.time, {
left: b,
top: e,
ease: this.transition
}), b = {
ease: this.transition
}, b[this.size] = a - c, punchgs.TweenLite.to(this.bg, this.time, b), b = {
ease: this.transition
}, b[this.size] = c, punchgs.TweenLite.to(this.before, this.time, b), b = {
ease: this.transition
}, b[this.size] = a - c, punchgs.TweenLite.to(this.after, this.time, b), b = {
ease: this.transition
}, b[this.axis] = c, this.revealLine && punchgs.TweenLite.to(this.revealLine,
this.time, b))
}
},
bounceReady: function() {
this.slider.removeClass("rs-beforeafter-shift-arrows").addClass("rs-beforeafter-bounce-arrows")
},
arrowsReady: function() {
this.bounceDelay ? this.bounceTimer = setTimeout(this.delayBounce, this.bounceDelay) : this.bounceReady()
},
onComplete: function() {
this.supress = !1;
if (this.shiftArrows) {
if (this.bounceArrows) this.btn1.one("webkitTransitionEnd.rsaddonbeforeafter transitionend.rsaddonbeforeafter", this.readyArrows);
this.slider.addClass("rs-beforeafter-shift-arrows")
} else this.bounceArrows &&
this.arrowsReady()
},
fade: function() {
punchgs.TweenLite.to(this.bg, .3, {
opacity: 0,
ease: punchgs.Power2.easeInOut
});
punchgs.TweenLite.to(this.revealBtn, .3, {
autoAlpha: 0,
ease: punchgs.Power2.easeInOut
});
this.revealLine && punchgs.TweenLite.to(this.revealLine, .3, {
autoAlpha: 0,
ease: punchgs.Power2.easeInOut
})
},
collapse: function() {
a = {
ease: this.animation
};
a[this.size] = 0;
punchgs.TweenLite.to(this.bg, this.timing, a);
var a = {
ease: this.animation
};
a[this.size] = "100%";
punchgs.TweenLite.to(this.before, this.timing, a);
a = {
ease: this.animation
};
a[this.size] = 0;
punchgs.TweenLite.to(this.after, this.timing, a);
a = {
autoAlpha: 0,
ease: this.animation
};
a[this.axis] = "100%";
this.revealLine && punchgs.TweenLite.to(this.revealLine, this.timing, a);
a = {
autoAlpha: 0,
ease: this.animation
};
a[this.axis] = "100%";
punchgs.TweenLite.to(this.revealBtn, this.timing, a)
},
reset: function(a) {
this.supress = !0;
this.normal ? (this.revealBtn.style.top = "86%", this.revealBtn.style.left = "100%") : (this.revealBtn.style.top = "100%", this.revealBtn.style.left = "50%");
this.before.style[this.size] =
"100%";
this.after.style[this.size] = "0";
this.bg.style[this.size] = "0";
this.revealLine && (this.revealLine.style[this.axis] = "100%");
this.shiftArrows && this.btn1.off(".rsaddonbeforeafter");
this.bounceDelay && clearTimeout(this.bounceTimer);
a && (this.shiftArrows && this.slider.removeClass("rs-beforeafter-shift-arrows"), this.bounceArrows && this.slider.removeClass("rs-beforeafter-bounce-arrows"))
},
playVideo: function() {
m.fn.revolution.playAnimationFrame({
caption: this.videoBg,
opt: this.slider[0].opt,
frame: "frame_0",
triggerdirection: "in",
triggerframein: "frame_0",
triggerframeout: "frame_999"
})
},
checkVideo: function() {
var a = this.slide.find(".rs-background-video-layer video");
if (a.length) a.off(".rsaddonbeforeafter").on("play.rsaddonbeforeafter", this.videoPlay);
else this.playVideo()
},
reveal: function() {
this.videoBg && (this.videoSolo ? this.playVideo() : this.checkVideo());
var a = this.moveto[this.level],
c = -1 !== a.search("%"),
b = parseInt(a, 10);
if (this.normal) {
if (c) {
var e = c = a;
b = 100 - b + "%"
} else a = c = e = b * this.scale, b = this.sliderWidth -
a;
var g = "86%"
} else c ? (g = c = a, b = 100 - b + "%") : (a = c = g = b * this.scale, b = this.sliderHeight - a), e = "80%";
h = {
ease: this.animation,
delay: this.delay
};
h[this.size] = b;
this.bg.style.opacity = "1";
punchgs.TweenLite.to(this.bg, this.timing, h);
var h = {
ease: this.animation,
delay: this.delay
};
h[this.size] = c;
punchgs.TweenLite.to(this.before, this.timing, h);
h = {
ease: this.animation,
delay: this.delay
};
h[this.size] = b;
this.after.style.opacity = "1";
punchgs.TweenLite.to(this.after, this.timing, h);
this.revealLine && (h = {
ease: this.animation,
delay: this.delay
},
h[this.axis] = a, punchgs.TweenLite.to(this.revealLine, .3, {
autoAlpha: 1,
ease: punchgs.Power2.easeOut
}), punchgs.TweenLite.to(this.revealLine, this.timing, h));
punchgs.TweenLite.to(this.revealBtn, .3, {
autoAlpha: 1,
ease: punchgs.Power2.easeOut
});
punchgs.TweenLite.to(this.revealBtn, this.timing, {
delay: this.delay,
left: e,
top: g,
ease: this.animation,
onComplete: this.complete
})
},
destroy: function() {
punchgs.TweenLite.killTweensOf(this.bg);
punchgs.TweenLite.killTweensOf(this.after);
punchgs.TweenLite.killTweensOf(this.before);
punchgs.TweenLite.killTweensOf(this.revealBtn);
this.revealLine && punchgs.TweenLite.killTweensOf(this.revealLine);
m.removeData(this.slide[0], "rs-addon-beforeafter", this);
for (var a in this) this.hasOwnProperty(a) && delete this[a]
}
};
"undefined" !== typeof jQuery && jQuery(".rev_slider").each(function() {
var a = "",
c = jQuery(this),
b = c[0].id,
e = c.find("li[data-beforeafter]");
if (e.length) {
e.each(function() {
var c = jQuery(this);
var e = c.attr("data-index"),
d = JSON.parse(c.attr("data-beforeafter"));
c.data("beforeafter-options",
d);
if (/html5|youtube|vimeo/.test(d.bgType)) {
var f = '<div class="tp-caption tp-resizeme fullscreenvideo disabled_lc tp-videolayer" id="slide-' + c.attr("data-index").replace("rs-", "") + "-layer-0\" data-type=\"video\" data-x=\"['0','0','0','0']\" data-y=\"['0','0','0','0']\" data-beforeafter=\"after\" data-basealign=\"slide\" data-responsive_offset=\"on\" data-exitfullscreenonpause=\"off\" data-videocontrols=\"none\" data-videowidth=\"['100%','100%','100%','100%']\" data-videoheight=\"['100%','100%','100%','100%']\" data-videopreload=\"auto\" data-paddingtop=\"[0,0,0,0]\" data-paddingright=\"[0,0,0,0]\" data-paddingbottom=\"[0,0,0,0]\" data-paddingleft=\"[0,0,0,0]\" data-autoplay=\"on\" data-frames='" +
('[{"delay":"' + (d.carousel ? "10" : "bytrigger") + '","speed":0,"frame":"0","to":"o:1;","ease":"Linear.easeNone"},{"delay":"wait","speed":0,"frame":"999","ease":"Linear.easeNone"}]') + "' data-textAlign=\"['inherit','inherit','inherit','inherit']\" data-videoloop=\"" + d.loopVideo + '" data-aspectratio="' + d.aspectRatio + '" ';
d.forceCover && (f += 'data-forceCover="1" ');
"none" !== d.dottedOverlay && (f += 'data-dottedoverlay="' + d.dottedOverlay + '" ');
d.nextSlideOnEnd && (f += 'data-nextslideatend="true" ');
d.rewindOnStart &&
(f += 'data-forcerewind="on" ');
d.videoStartAt && (f += 'data-videostartat="' + d.videoStartAt + '" ');
d.videoEndAt && (f += 'data-videoendat="' + d.videoEndAt + '" ');
switch (d.bgType) {
case "html5":
d.muteVideo && (f += 'data-volume="mute" ');
var g = d.videoOgv,
n = d.videoWebm,
m = d.videoMpeg;
if (m || g || n) {
f = f + ('data-videoogv="' + g + '" ') + ('data-videowebm="' + n + '" ') + ('data-videomp4="' + m + '" ');
var l = !0
}
break;
case "youtube":
if (g = d.videoId) f += 'data-ytid="' + g + '" ', f += 'data-videorate="' + d.videoSpeed + '" ', f += 'data-videoattributes="' + d.youtubeArgs +
'" ', f = d.muteVideo ? f + 'data-volume="mute" ' : f + ('data-volume="' + d.videoVolume + '" '), l = !0;
break;
case "vimeo":
if (g = d.videoId) f += 'data-vimeoid="' + g + '" ', f += 'data-videoattributes="' + d.vimeoArgs + '" ', f = d.muteVideo ? f + 'data-volume="mute" ' : f + ('data-volume="' + d.videoVolume + '" '), l = !0
}
l && (c.find(".tp-caption").each(z), l = jQuery(f + 'style="z-index: 5"><div class="rs-fullvideo-cover"></div></div>').insertAfter(c.find(".rev-slidebg")), c.data("beforeafter-video", l))
}
if (d.hasOwnProperty("bounceArrows")) {
c = .001 * parseInt(d.bounceSpeed,
10);
var g = "initial" !== d.bounceArrows ? "infinite" : "1",
n = parseInt(d.bounceAmount, 10),
m = "repel" === d.bounceType,
r = Math.round(.5 * n);
"horizontal" === d.direction ? (l = "X", f = ["left", "right"]) : (l = "Y", f = ["top", "bottom"]);
for (var u = 0; 2 > u; u++) {
var x = m ? 0 === u ? "-" : "" : 0 === u ? "" : "-",
w = a,
v = f[u],
t = c.toFixed(2),
y = d.bounceEasing;
a = w + ("@-webkit-keyframes " + b + "-" + e + "-rs-beforeafter-bounce-" + v + " {0%, 20%, 50%, 80%, 100% {-webkit-transform: translate" + l + "(0);transform: translate" + l + "(0)}40% {-webkit-transform: translate" + l + "(" +
n + "px);transform: translate" + l + "(" + x + n + "px)}60% {-webkit-transform: translate" + l + "(" + r + "px);transform: translate" + l + "(" + x + r + "px)}}@keyframes " + b + "-" + e + "-rs-beforeafter-bounce-" + v + " {0%, 20%, 50%, 80%, 100% {-webkit-transform: translate" + l + "(0);transform: translate" + l + "(0)}40% {-webkit-transform: translate" + l + "(" + n + "px);transform: translate" + l + "(" + x + n + "px)}60% {-webkit-transform: translate" + l + "(" + r + "px);transform: translate" + l + "(" + x + r + "px)}}.rs-beforeafter-bounce-arrows .rs-" + b + "-" + e + "-rs-beforeafter-bounce-" +
v + " {-webkit-animation: " + b + "-" + e + "-rs-beforeafter-bounce-" + v + " " + t + "s " + y + " " + g + ";animation: " + b + "-" + e + "-rs-beforeafter-bounce-" + v + " " + t + "s " + y + " " + g + "}")
}
}
if (d.hasOwnProperty("shiftOffset"))
for (c = .001 * parseInt(d.shiftTiming, 10), l = .001 * parseInt(d.shiftDelay, 10), f = 0; 2 > f; f++) g = d.shiftEasing, a += ".rs-beforeafter-shift-arrows .rs-" + b + "-" + e + "-rs-beforeafter-shift {-webkit-transition: all " + c + "s " + g + " " + l + "s;transition: all " + c + "s " + g + " " + l + "s}"
});
if (a) {
var g = document.createElement("style");
g.type = "text/css";
g.innerHTML = a;
document.head.appendChild(g)
}
c.data("beforeafter-slides", e)
}
})
})();
if ($("body").hasClass("before-after")) {
var revapi346,
tpj = jQuery;
tpj(document).ready(function() {
if (tpj("#rev_slider_346_1").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_346_1");
} else {
revapi346 = tpj("#rev_slider_346_1").show().revolution({
sliderType: "standard",
jsFileLocation: "//server.local/revslider/wp-content/plugins/revslider/public/assets/js/",
sliderLayout: "fullscreen",
dottedOverlay: "none",
delay: 9000,
particles: {
startSlide: "2",
endSlide: "2",
zIndex: "1",
particles: {
number: {
value: 80
},
color: {
value: "#ffffff"
},
shape: {
type: "circle",
stroke: {
width: 0,
color: "#ffffff",
opacity: 1
},
image: {
src: ""
}
},
opacity: {
value: 0.5,
random: true,
min: 0.25,
anim: {
enable: false,
speed: 3,
opacity_min: 0,
sync: false
}
},
size: {
value: 2,
random: true,
min: 0.5,
anim: {
enable: false,
speed: 40,
size_min: 1,
sync: false
}
},
line_linked: {
enable: false,
distance: 150,
color: "#ffffff",
opacity: 0.4,
width: 1
},
move: {
enable: true,
speed: 1,
direction: "none",
random: true,
min_speed: 1,
straight: false,
out_mode: "out"
}
},
interactivity: {
events: {
onhover: {
enable: true,
mode: "repulse"
},
onclick: {
enable: true,
mode: "repulse"
}
},
modes: {
grab: {
distance: 400,
line_linked: {
opacity: 0.5
}
},
bubble: {
distance: 400,
size: 40,
opacity: 0.4
},
repulse: {
distance: 200
}
}
}
},
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "on",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
bullets: {
enable: true,
hide_onmobile: false,
style: "awaza",
hide_onleave: false,
direction: "vertical",
h_align: "left",
v_align: "center",
h_offset: 50,
v_offset: 0,
space: 5,
tmp: '<div class="tp-bullet-number"><span class="tp-count">{{param1}}</span><span class="tp-bullet-line"></span></div>'
}
},
viewPort: {
enable: true,
outof: "pause",
visible_area: "90%"
},
responsiveLevels: [1240, 1240, 768, 480],
visibilityLevels: [1240, 1240, 768, 480],
gridwidth: [1200, 1200, 1200, 480],
gridheight: [800, 800, 800, 700],
lazyType: "none",
parallax: {
type: "mouse+scroll",
origo: "slidercenter",
speed: 400,
speedbg: 0,
speedls: 0,
levels: [1, 2, 3, 4, 5, 6, 7, 8, 12, 16, 47, 48, 49, 50, 51, 55],
},
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
fullScreenAutoWidth: "off",
fullScreenAlignForce: "off",
fullScreenOffsetContainer: "",
fullScreenOffset: "",
disableProgressBar: "on",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./) || ('CSS' in window && 'supports' in window.CSS && !window.CSS.supports('mix-blend-mode', 'screen'))) {
var bgColor = 'rgba(245, 245, 245, 0.5)';
//jQuery('.rev_slider .tp-caption[data-blendmode]').removeAttr('data-blendmode').css('background', bgColor);
jQuery('.rev_slider .tp-caption.tp-blendvideo[data-blendmode]').remove();
}
// BEFORE/AFTER INITIALISATION
RevSliderBeforeAfter(tpj, tpj("#rev_slider_346_1"), {
arrowStyles: {
leftIcon: "fa fa-caret-left",
rightIcon: "fa fa-caret-right",
topIcon: "fa fa-caret-up",
bottomIcon: "fa fa-caret-bottom",
size: "35",
color: "#ffffff",
bgColor: "transparent",
spacing: "10",
padding: "0",
borderRadius: "0"
},
dividerStyles: {
width: "1",
color: "rgba(255, 255, 255, 0.5)"
},
onClick: {
time: "500",
easing: "Power2.easeOut",
},
cursor: "move",
carousel: false
});
// PARTICLES INITIALISATION
RsParticlesAddOn(revapi346);
}
}); /*ready*/
}