var hoverColour = "#050b2b";

$(document).ready(
	function() {
		$("#nav li:not(#nav ul li)").append('<div class="animBG"></div>');
		$("#nav li .animBG").each( 
			function() {
				$(this).height($(this).parent().height());
				$(this).width($(this).parent().width());
			}
		);
		$("#nav li").hover(
			function () {
				if ($(this).children("a").attr("rel") == "") {
					$(this).children("a").attr("rel", $(this).children("a").css("color"));
				}

				$(this).children("div").stop( true, true );
				$(this).children("div").fadeIn("fast");
				$(this).children("a").stop( true, true );
				$(this).children("a").animate({ color: hoverColour }, 'fast');
				$(this).children("a").css("color",hoverColour);
			}, 
			function () {

				$(this).children("div").stop( true, true );
				$(this).children("div").fadeOut("fast");
				$(this).children("a").stop( true, true );
				$(this).children("a").animate({ color: $(this).children("a").attr("rel") }, 'fast');
				$(this).children("a").css("color",$(this).children("a").attr("rel"));
			}
		);
	}
);