$(document).ready(function() {
	
	var titleBox = $("#title-box");
	var titleBoxCaption = $("#title-box-caption");
	
	titleBox.hover(
		
		function(){
			titleBoxCaption.stop().animate({top: titleBox.outerHeight() - titleBoxCaption.outerHeight() +  "px"}, { queue:false, duration:160 });  
		}, 
		
		function() {
			$("#title-box-caption").stop().animate({top:"280px"}, { queue:false, duration:160 });  
		});
	
		
	var photoBox = $("#photo-box");
	var photoBoxCaption = $("#photo-box-caption");

	photoBox.hover(
		
		function(){
			photoBoxCaption.stop().animate({top:"0px"}, { queue:false, duration:160 });  
		}, 
		
		function() {
			photoBoxCaption.stop().animate({top: - (photoBoxCaption.outerHeight() - 40) + "px"}, { queue:false, duration:160 });  
		});
	
});