$(document).ready(function() {
    $('ul#viewer li.pair div.thumbnail').each(function() {
		var fullsize = $(this).siblings('div.fullsize');
		$(this).data('fullsize', fullsize);
	});

	$('ul#viewer li.pair div.thumbnail').click(function(event) {
		event.preventDefault();

		if ( !$(this).parent('li.pair').hasClass('active') ) {
			$('li.pair.active div.fullsize').animate({
				left: '-250px'
			}, function() {
				$(this).parent('.active').removeClass('active');
				$(this).css('left', '250px');
			});
			$(this).data('fullsize').animate({
				left: '0'
			}, function() {
				$(this).parent('.pair').addClass('active');
			});
		}
	});
});