$(document)
	.ready(function(){
	    
		var hght = 0;
		$('dt')
			.addClass('dt')
			.each(function(i){				
					$(this).addClass('right').css('top',hght);
					hght += 40;				
			})			
			.click(function(){
				if( $('#portfolio dd:animated').size() ) return false;
				var that = $(this);
				$('#portfolio dd.showing')
				.animate({top:-455}, 750, 'easeInCirc', function(){
					$(this).removeClass('showing');
					that.next().animate({top:0}, 750, 'easeOutBounce').addClass('showing');
				});
			})
			.eq(0)
			.next()
			.animate({top:0}, 750, 'easeInQuad').addClass('showing');
			
		$('.dthover').hover(function(){$(this).css("background-color","#E1E1E1");},
			        function(){$(this).css("background-color","white");});
        
        $('dt>div').slideDown();

	});