$(document).ready(function() {
	
	
	$("#topnav li").prepend("<span></span>"); 
	
	$("#topnav li").each(function() { 
		var linkText = $(this).find("a").html(); 
		$(this).find("span").show().html(linkText); 
	}); 
	
	$("#topnav li").hover(function() {	
		$(this).find("span").stop().animate({ 
			marginTop: "-36" 
		}, 250);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" 
		}, 250);
	});
	
	
});

$(document).ready(function(){
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Caption Sliding (Partially Hidden to Visible)
	$('.boxgrid.caption').hover(function(){
	$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:150});
		}, function() {
	$(".cover", this).stop().animate({top:'180px'},{queue:false,duration:450});
	});
});