$(document).ready(function(){

	$('.boxgrid-index').hover(function(){
		toppx = 190 - $(this).find('.cover-index').height() + 'px';
		
		$(".cover-index", this).stop().animate({top:toppx},{queue:false,duration:500});
	}, function() {
		$(".cover-index", this).stop().animate({top:'160px'},{queue:false,duration:500});
	});
	
	
	
	$('.boxgrid-project').hover(function(){
		toppx = 345 - $(this).find('.cover-project').height() + 'px';
		
		$(".cover-project", this).stop().animate({top:toppx},{queue:false,duration:500});
	}, function() {
		$(".cover-project", this).stop().animate({top:'355px'},{queue:false,duration:500});
	});
	
	$('.boxgrid-project-small').hover(function(){
		toppx = 190 - $(this).find('.cover-project-small').height() + 'px';
		
		$(".cover-project-small", this).stop().animate({top:toppx},{queue:false,duration:500});
	}, function() {
		$(".cover-project-small", this).stop().animate({top:'190px'},{queue:false,duration:500});
	});
});