/*-----------------------------------------------------------------------------------------------*/
/*                                      jQUERY BOX SLIDES ANIMATION                              */
/*-----------------------------------------------------------------------------------------------*/

$(document).ready(function(){
	//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
	//Vertical Sliding
	$('.boxgrid.slidedown').hover(function(){
		$(".cover", this).stop().animate({top:'176px'},{queue:false,duration:300});
			}, function() {
				$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
			});
		});