$(document).ready(function(){
	$('div.puff a').each(function(i) {
		// get heights etc for each item
		this.myHeight = $(this).parent().outerHeight(); // dimensions plugin dependency
		// mouseout: 
		this.inPos = this.myHeight - $(this).children('span.panel').children('strong').outerHeight();
		// mouseover:
		this.outPos = this.myHeight - $(this).children('span.panel').outerHeight();
		// reposition link text elements at bottom (part overflowing)
		$(this).children('span.panel').css({
			'position' : 'absolute',
			'top' : this.inPos + 'px',
			'left' : '0'
		});	
		
		$(this).hover(function() {
			var $outPos = this.outPos;
			$(this).children('span.panel')
				.stop()
				.animate({ 'top' : $outPos + 'px' }, 250, 'easeOutQuad'); // easing plugin
		}, function() {
			var $inPos = this.inPos;
			$(this).children('span.panel')
				.stop()
				.animate({ 'top' : $inPos + 'px' }, 250, 'easeOutQuad'); // easing plugin
		})
	});	
});