(function(a){a.fn.extend({beforeAfter:function(b){var d={animateIntro:false,introDelay:1000,introDuration:1000,introPosition:0.5,showFullLinks:true,beforeLinkText:"Show only before",afterLinkText:"Show only after",imagePath:"./js/",cursor:"pointer",clickSpeed:600,linkDisplaySpeed:200,dividerColor:"#888",enableKeyboard:false,keypressAmount:20,onReady:function(){}};
var b=a.extend(d,b);
var c=Math.round(Math.random()*100000000);
return this.each(function(){var l=b;
var k=a(this);
var f=a("img:first",k).width();
var e=a("img:first",k).height();
if(a("div",k).length!=2){a("img",k).wrap("<div>")
}a(k).width(f).height(e).css({overflow:"hidden",position:"relative",padding:"0"});
var g=a("img:first",k).attr("src");
var j=a("img:last",k).attr("src");
a("img:first",k).attr("id","beforeimage"+c);
a("img:last",k).attr("id","afterimage"+c);
a(k).prepend('<div id="dragwrapper'+c+'"><div id="drag'+c+'"><img class="slide-handle" width="22" height="31" alt="handle" src="'+l.imagePath+'handle.gif" id="handle'+c+'" /></div></div>');
a("#dragwrapper"+c).css({position:"absolute",padding:"0",left:(f*l.introPosition)-(a("#handle"+c).width()/2)+"px","z-index":"20"}).width(a("#handle"+c).width()).height(e);
a("div:eq(2)",k).height(e).width(f*l.introPosition).css({position:"absolute",overflow:"hidden",left:"0px","z-index":"10"});
a("div:eq(3)",k).height(e).width(f).css({position:"absolute",overflow:"hidden",right:"0px"});
a("#drag"+c).width(7).height(e).css({background:l.dividerColor,position:"absolute",left:"7px"});
a("#beforeimage"+c).css({position:"absolute",top:"0px",left:"0px"});
a("#afterimage"+c).css({position:"absolute",top:"0px",right:"0px"});
a("#handle"+c).css({"z-index":"100",position:"relative",cursor:l.cursor,top:(e/2)-(a("#handle"+c).height()/2)+"px",left:"-7px"});
if(l.showFullLinks){a(k).after('<div class="balinks" id="links'+c+'" style="position:absolute"><span class="balinks before-span"><a id="showleft'+c+'" href="javascript:void(0)">'+l.beforeLinkText+'</a></span><span class="balinks after-span"><a id="showright'+c+'" href="javascript:void(0)">'+l.afterLinkText+"</a></span></div>");
a("#links"+c).width(f);
a("#showleft"+c).css({position:"relative",left:"0px"}).addClass("lf-a").click(function(){a("div:eq(2)",k).animate({width:f},l.linkDisplaySpeed);
a("#dragwrapper"+c).animate({left:f-a("#dragwrapper"+c).width()+"px"},l.linkDisplaySpeed)
});
a("#showright"+c).css({position:"absolute",right:"0px"}).addClass("rt-a").click(function(){a("div:eq(2)",k).animate({width:0},l.linkDisplaySpeed);
a("#dragwrapper"+c).animate({left:"0px"},l.linkDisplaySpeed)
})
}if(l.enableKeyboard){a(document).keydown(function(m){if(m.keyCode==39){if((parseInt(a("#dragwrapper"+c).css("left"))+parseInt(a("#dragwrapper"+c).width())+l.keypressAmount)<=f){a("#dragwrapper"+c).css("left",parseInt(a("#dragwrapper"+c).css("left"))+l.keypressAmount+"px");
a("div:eq(2)",k).width(parseInt(a("div:eq(2)",k).width())+l.keypressAmount+"px")
}else{a("#dragwrapper"+c).css("left",f-parseInt(a("#dragwrapper"+c).width())+"px");
a("div:eq(2)",k).width(f-parseInt(a("#dragwrapper"+c).width())/2+"px")
}}if(m.keyCode==37){if((parseInt(a("#dragwrapper"+c).css("left"))-l.keypressAmount)>=0){a("#dragwrapper"+c).css("left",parseInt(a("#dragwrapper"+c).css("left"))-l.keypressAmount+"px");
a("div:eq(2)",k).width(parseInt(a("div:eq(2)",k).width())-l.keypressAmount+"px")
}else{a("#dragwrapper"+c).css("left","0px");
a("div:eq(2)",k).width(a("#dragwrapper"+c).width()/2)
}}})
}a("#dragwrapper"+c).draggable({containment:k,drag:h,stop:h});
function h(){a("#lt-arrow"+c+", #rt-arrow"+c).stop();
a("div:eq(2)",k).width(parseInt(a(this).css("left"))+9)
}if(l.animateIntro){a("div:eq(2)",k).width(f);
a("#dragwrapper"+c).css("left",f-(a("#dragwrapper"+c).width()/2)+"px");
setTimeout(function(){a("#dragwrapper"+c).animate({left:(f*l.introPosition)-(a("#dragwrapper"+c).width()/2)+"px"},l.introDuration);
a("div:eq(2)",k).width(f).animate({width:f*l.introPosition+"px"},l.introDuration,function(){i();
l.onReady.call(this)
})
},l.introDelay)
}else{i();
l.onReady.call(this)
}function i(){a(k).hover(function(){a("#lt-arrow"+c).stop().css({"z-index":"20",position:"absolute",top:e/2-a("#lt-arrow"+c).height()/2+"px",left:parseInt(a("#dragwrapper"+c).css("left"))-10+"px"}).animate({opacity:1,left:parseInt(a("#lt-arrow"+c).css("left"))-6+"px"},200);
a("#rt-arrow"+c).stop().css({position:"absolute",top:e/2-a("#lt-arrow"+c).height()/2+"px",left:parseInt(a("#dragwrapper"+c).css("left"))+10+"px"}).animate({opacity:1,left:parseInt(a("#rt-arrow"+c).css("left"))+6+"px"},200)
},function(){a("#lt-arrow"+c).animate({opacity:0,left:parseInt(a("#lt-arrow"+c).css("left"))-6+"px"},350);
a("#rt-arrow"+c).animate({opacity:0,left:parseInt(a("#rt-arrow"+c).css("left"))+6+"px"},350)
});
a(k).click(function(m){var n=m.pageX-a(this).offset().left;
a("#dragwrapper"+c).stop().animate({left:n-(a("#dragwrapper"+c).width()/2)+"px"},l.clickSpeed);
a("div:eq(2)",k).stop().animate({width:n+"px"},l.clickSpeed);
a("#lt-arrow"+c+",#rt-arrow"+c).stop().animate({opacity:0},50)
});
a(k).one("mousemove",function(){a("#dragwrapper"+c).stop().animate({opacity:1},500)
})
}})
}})
})(jQuery);