/*
 * jQuery Custom Animation
 * Copyright 2010 Take 42 LLC
 */
$(document).ready(function(){
	$("#gallery .item").each(function(){
		$(this).hover(
			// In:
			function() {
				$(this).children("div.overlay").animate(
					{
						top: '126px'
					},
					300
				);
				$(this).children("div.overlay").children("div.bg").animate(
					{
						backgroundColor: "#c52d27",
						opacity: "0.85" // Make it a bit more opaque
					},
					300
				);
			},
			// Out
			function() {
				$(this).children("div.overlay").animate(
					{
						top: '180px'
					},
					300
				);
				$(this).children("div.overlay").children("div.bg").animate(
					{
						backgroundColor: "#000",
						opacity: "0.75"
					},
					300
				);
			}
		);
	});
});