$(document).ready(function() {

	$('body').animate({opacity: 1}, 'fast');
	$('.bigBox').hover(function() {
		$('.overlayBig', this).stop().animate({
			bottom: '0px'
		});
		$('.fade', this).stop().animate({
			"opacity": "0.07"
		}, "normal");
	}, function() {
		$('.fade', this).stop().animate({
			"opacity": "1"
		}, "fast");
		$('.overlayBig', this).stop().animate({
			bottom: '-30px'
		});
	});
	$('.horizontalRect').hover(function() {
		$('.overlayBig', this).stop().animate({
			bottom: '0px'
		});
		$('.fade', this).stop().animate({
			"opacity": "0.07"
		}, "normal");
	}, function() {
		$('.fade', this).stop().animate({
			"opacity": "1"
		}, "fast");
		$('.overlayBig', this).stop().animate({
			bottom: '-30px'
		});
	});
	$('.verticalBig').hover(function() {
		$('.overlayBig', this).stop().animate({
			bottom: '0px'
		});
		$('.fade', this).stop().animate({
			"opacity": "0.07"
		}, "normal");
	}, function() {
		$('.fade', this).stop().animate({
			"opacity": "1"
		}, "fast");
		$('.overlayBig', this).stop().animate({
			bottom: '-30px'
		});
	});
	$('.normalBox').hover(function() {
		$('.overlayNormal', this).stop().animate({
			bottom: '0px'
		});
		$('.fade', this).stop().animate({
			"opacity": "0.07"
		}, "normal");
	}, function() {
		$('.fade', this).stop().animate({
			"opacity": "1"
		}, "fast");
		$('.overlayNormal', this).stop().animate({
			bottom: '-30px'
		});
	});
	$('.verticalRect').hover(function() {
		$('.overlayNormal', this).stop().animate({
			bottom: '0px'
		});
		$('.fade', this).stop().animate({
			"opacity": "0.07"
		}, "normal");
	}, function() {
		$('.fade', this).stop().animate({
			"opacity": "1"
		}, "fast");
		$('.overlayNormal', this).stop().animate({
			bottom: '-30px'
		});
	});
});