var Nav = {
	// Let's write in JSON to make it more modular
	addFade : function(selector){
		$("<span class=\"hover\"></span>").css("display", "none").prependTo($(selector)); 
		// Safari dislikes hide() for some reason
		$(selector+" a").bind("mouseenter",function(){
			$(selector+" .hover").fadeIn("slow");
		});
		$(selector+" a").bind("mouseleave",function(){
			$(selector+" .hover").fadeOut("slow");
		});
		
	}
};

$(function(){
	Nav.addFade("#illustration");
	Nav.addFade("#design");
	Nav.addFade("#jewellery");
	Nav.addFade("#about");
	Nav.addFade("#press");
	Nav.addFade("#sketchbook");
	Nav.addFade("#contact");
});