jQuery(function($) {
	
	$("#menu li a.home").append("<div class='homeFade'>");
	$("#menu li a.portfolio").append("<div class='portfolioFade'>");
	$("#menu li a.services").append("<div class='servicesFade'>");
	$("#menu li a.about").append("<div class='aboutFade'>");
	$("#menu li a.contact").append("<div class='contactFade'>");
	
	$("div.homeFade").mouseover(function() {
		$("div.homeFade").fadeTo(300,1.0);
	});
	$("div.homeFade").mouseout(function() {
		$("div.homeFade").fadeTo(300,0.0);
	});
	
	$("div.portfolioFade").mouseover(function() {
		$("div.portfolioFade").fadeTo(300,1.0);
	});
	$("div.portfolioFade").mouseout(function() {
		$("div.portfolioFade").fadeTo(300,0.0);
	});
	$("div.servicesFade").mouseover(function() {
		$("div.servicesFade").fadeTo(300,1.0);
	});
	$("div.servicesFade").mouseout(function() {
		$("div.servicesFade").fadeTo(300,0.0);
	});
	$("div.aboutFade").mouseover(function() {
		$("div.aboutFade").fadeTo(300,1.0);
	});
	$("div.aboutFade").mouseout(function() {
		$("div.aboutFade").fadeTo(300,0.0);
	});
	$("div.contactFade").mouseover(function() {
		$("div.contactFade").fadeTo(300,1.0);
	});
	$("div.contactFade").mouseout(function() {
		$("div.contactFade").fadeTo(300,0.0);
	});
});