$(function() {
	
	$('#thmbHolder>img').click(function(event){
		var imgSrc = event.target.src;
		var caption = event.target.alt;
		var pathArray = imgSrc.split("/");
		var payload = pathArray.length - 1;
		var fileName = pathArray[payload];
		var fileNameArray = fileName.split("_");
		var prefix = fileNameArray[0];
		var afterImg = "/images/portfolio/"+prefix+"_a.jpg";
		var beforeImg = "/images/portfolio/"+prefix+"_b.jpg";
		loadImage(beforeImg, afterImg, caption);
	});

});
	
	function loadImage(beforeImgPath, afterImgPath, caption) {
		$('#fullImage').empty();
		$('#fullImage').html("<p>(Roll your mouse over the image to switch between before and after.)</p><img class='swapImage {src: \""+afterImgPath+"\"}' src='"+beforeImgPath+"' alt='' /><p>"+caption+"</p>");
			$.swapImage(".swapImage");
};