$(document).ready(function() {
	$('.box_container').hover(function() {
		var distance = $(this).outerHeight();
		$(this).find('.box_image').animate( {
			top : '-' + distance
		}, {
			queue : false,
			duration : 300
		});
	}, function() {
		$(this).find('.box_image').animate( {
			top : '0px'
		}, {
			queue : false,
			duration : 300
		});
	});

	$('.box_container2').hover(function() {
		var distance = $(this).outerHeight();
		$(this).find('.box_image2').animate( {
			top : '-' + distance
		}, {
			queue : false,
			duration : 300
		});
	}, function() {
		$(this).find('.box_image2').animate( {
			top : '0px'
		}, {
			queue : false,
			duration : 300
		});
	});

	$('.box_container3').hover(function() {
		var distance = $(this).outerHeight();
		$(this).find('.box_image3').animate( {
			top : '-' + distance
		}, {
			queue : false,
			duration : 300
		});
	}, function() {
		$(this).find('.box_image3').animate( {
			top : '0px'
		}, {
			queue : false,
			duration : 300
		});
	});

	$('.box_container4').hover(function() {
		var distance = $(this).outerHeight();
		$(this).find('.box_image4').animate( {
			top : '-' + distance
		}, {
			queue : false,
			duration : 300
		});
	}, function() {
		$(this).find('.box_image4').animate( {
			top : '0px'
		}, {
			queue : false,
			duration : 300
		});
	});
});