(function(n){n.fn.extend({beforeAfter:function(){n(this).each(function(){function s(r){var f=r.pageX-e,s=f/o*100;f=Math.floor(Math.min(Math.max(0,s),100));u.css({left:i(f)},400,"linear");n(".beforeImage",t).css("clip-path","polygon(0 0, "+i(f)+" 0, "+i(f)+" 100%, 0 100%)")}function h(){n(document).off("mousemove",s).off("mouseup",h)}function i(n){return n+"%"}var t=n(this),f=50,c=n("img:first",t),l=n("img:last",t),r,u,a,e,o;n("img",t).addClass("before-after-slider-image");c.addClass("beforeImage");l.addClass("afterImage");n(".beforeImage",t).css({"clip-path":"polygon(0 0, "+i(f)+" 0, "+i(f)+" 100%, 0 100%)"});html='<div class="before-after-control"><div class="before-after-control-area"><div class="before-after-control-bar"><span class="before-after-left-arrow" /><span class="before-after-control-handle" /><span class="before-after-right-arrow" /><\/div><\/div><\/div>';t.append(html);r=t.find(".before-after-control");u=r.find(".before-after-control-area");u.css({left:i(f)});u.on("mousedown",function(i){i.preventDefault();e=r.offset().left;a=u.offset().left-e;o=r.width();n(document).on("mousemove",s).on("mouseup",h);n(".beforeImage",t).css("transition","unset")});t.on("mouseover",function(){n(".before-after-left-arrow, .before-after-right-arrow, .before-after-control-handle",t).filter(":not(:animated)").fadeIn()});t.on("mouseleave",function(){n(".before-after-left-arrow, .before-after-right-arrow, .before-after-control-handle",t).fadeOut()});t.on("click",function(f){f.preventDefault();var e=f.pageX-n(this).offset().left,o=e/r.width()*100;posX=Math.round(Math.min(Math.max(0,o),100));u.stop().animate({left:i(posX)},400,"linear");n(".beforeImage",t).css({"clip-path":"polygon(0 0, "+i(posX)+" 0, "+i(posX)+" 100%, 0 100%)",transition:"all .4s linear"});n(".cycle-slideshow").cycle("pause")});t.on("touchmove",function(f){f.preventDefault();var e=f.originalEvent.targetTouches[0].pageX,o=e-r.offset().left,s=o/r.width()*100;posX=Math.round(Math.min(Math.max(0,s),100));u.css({left:i(posX)});n(".beforeImage",t).css({"clip-path":"polygon(0 0, "+i(posX)+" 0, "+i(posX)+" 100%, 0 100%)",transition:"unset"})})})}})})(jQuery);window.onload=function(){$(".before-after-slider").beforeAfter()}