// when the DOM is ready:
$(document).ready(function () {
  $('div.fade').hover(function() {
   
    var cover = $('> div', this);
    
    if (cover.is(':animated')) {
      cover.stop().fadeTo(220, 1);
    } else {
      cover.fadeIn(220);
    }
  }, function () {
  
    var cover = $('> div', this);
    if (cover.is(':animated')) {
      cover.stop().fadeTo(950, 0);
    } else {
      cover.fadeOut(800);
    }
  });
  
});

	$(document).ready(function(){
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Vertical Sliding
								//Partial Sliding (Only show some of background)
				$('.boxgrid.peek').hover(function(){
					$(".top", this).stop().animate({top:'-184px'},{queue:false,duration:750});
				}, function() {
					$(".top", this).stop().animate({top:'0px'},{queue:false,duration:1200});
				});
							});