$(document).ready(function() {

// Globals
var mirrored;
var original;

// CLick handler
$(".flip").click(function(){
						  
// Image src
var source = $(this).find("img").attr('src');

// Which kind of flip? 1 = Horizontal, 2 = Vertical
if ($(this).hasClass('horizontal')){
var flip = 1;
} else {
var flip = 2;
}

// Are we reverting back to the original?
if(source.indexOf("flip.php") != -1){
$(this).find("img").attr('src',original);
} else {
	
// Mirroring - show feedback
$(this).parent().prepend('<p id="mirror_feedback">Crunching...</p>');

// Store original so we can revert
original = $(this).find("img").attr('src');

// Switch the image src to the server-side processor
$(this).find("img").attr('src','flip.php?img='+source+"&flip="+flip);

// Triggered when new image has loaded
$(this).find("img").load(function () {
$("#mirror_feedback").remove();
});

}
// Stop anchor links being followed
return false;
});


});