;(function($){

/*
 * usage: jQuery('#flip').jFlipNext();
 * usage: jQuery('#flip').jFlipPrev();
 */

$.fn.jFlipNext = function(){
	return this.each(function(){
		var elem = getCanvasDimensions( this );
		elem.$target
			.trigger({
				type: "mousemove",
				pageX: elem.right,
				pageY: elem.bottom
			})
			.trigger({
				type: "click",
				pageX: elem.right,
				pageY: elem.bottom
			});	
	});
};
$.fn.jFlipPrev = function(){
	return this.each(function(){
		var elem = getCanvasDimensions( this );
		elem.$target
			.trigger({
				type: "mousemove",
				pageX: elem.left,
				pageY: elem.bottom
			})
			.trigger({
				type: "click",
				pageX: elem.left,
				pageY: elem.bottom
			});
	});
};

function getCanvasDimensions( elem ){
	var $elem = $( elem ).next('canvas'),
	elem = $elem.offset(); // top/left
	elem.width = $elem.outerWidth();
	elem.height = $elem.outerHeight();
	elem.right = elem.left + elem.width;
	elem.bottom = elem.top + elem.height;
	elem.$target = $elem;
	//console.log( elem );
	return elem; 
};

})(jQuery);