$(function($) { 
	$.fn.extend({
		tease: function(op, amount, duration, easing) {
			var params = ($(this).parent().hasClass('flip')) ? {'right': op+'='+amount} : {'left': op+'='+amount};
			$(this).animate(params, duration, easing);
		}
	});
	
	$('div.item:odd').addClass('flip');
	
    $('ul.screenshot').hover(
		function () {
			$(this).tease('-', '10px', 75, 'easeOutExpo');
		}, 
		function () {
			$(this).tease('+', '10px', 75, 'easeOutExpo');
		}
    );
    
    $('ul.screenshot').toggle(
		function () {
			$(this).tease('-', '200px', 200, 'easeOutExpo');
		}, 
		function () {
			$(this).tease('+', '200px', 200, 'easeOutExpo');
		}
    );

});