$(function() {

	$('#puffs div').click(function() {
	
		var sender = $(this);
	
		var pos = $(this).position();
		var clone = $(this).clone();
		
		$(this).css('visibility', 'hidden');
		
		clone.css({ left: pos.left, position: 'absolute', top: pos.top, 'z-index': 50 });
		
		clone.children('span:gt(0)').remove();
		
		clone.appendTo('body');
		
		clone.animate({ height: '+=120px', top: '-=120px' }, 250, function() {
			$(this).css('background', '#fff').children('p').fadeIn();
		});
		
		clone.click(function() {
		
			clone.children('p').fadeOut(50);
			
			clone.animate({ height: '-=120px', top: '+=120px' }, 100, function() {
			
				sender.css('visibility', 'visible');
				clone.remove();
			
			});
		
		});
	
	});

});