function navFade()
{
	    //display the hover ul
	    $("#navigation ul li").show("fast", function() {
		    //on link hover
		    $(this).children("a").hover(function(){
			    //store initial link colour
			    if ($(this).attr("rel") == "") {
				    $(this).attr("rel", $(this).css("color"));
			    }
			    //fade in the background
			    $(this).parent().children("ul")
				    .stop()
				    .fadeIn("fast");
			    //fade the colour
			    $(this)	.stop()
				    .css({"color": $(this).attr("rel")})
				    .animate({"color": hoverColour}, 350);
		    },function(){
			    //fade out the background
			    $(this).parent().children("ul")
				    .stop()
				    .fadeOut("slow");
			    //fade the colour
			    $(this)	.stop()
				    .animate({"color": $(this).attr("rel")}, 250);
		    });
	    });
}