/* MAKES FEATURE BACKGROUND TRANSPARENT w/ FADE EFFECT */

$(document).ready(function() {
	$("#caption").before("<div id='wrapper'></div>");
	$("#wrapper").width($("#caption").outerWidth())
		.height($("#caption").outerHeight())
		.css("background-color", "#000000")
		.css("position", "relative")
		.css("top", $("#feature").outerHeight() - $("#caption").outerHeight());
		
	$("#caption").css("position", "relative")
		.css("top", $("#feature").outerHeight() - ($("#caption").outerHeight()* 2));
	$("#wrapper").css("opacity", 0.7);
	$("#caption").hover(darken, lighten);
});

function darken() {
	$("#wrapper").fadeTo(300, 0.9);
}

function lighten() {
	$("#wrapper").fadeTo(300, 0.7);
}