$(document).ready(function(){
			//Behaviour over whole navigation wrapper
			$("#navigationwrapper").hoverIntent({
				over: DoNothing,
				timeout: 600, 
				out: closeSubmenu
			});
			//Behaviour over 1st top-level link
			$("#mainlinks li.p1").hoverIntent({
				over: closeSubmenu, 
				timeout: 100, 
				out: DoNothing
			});
			//Behaviour over 2nd top-level link
			$("#mainlinks li.p2").hoverIntent({
				over: OpenSubwrapper2, 
				timeout: 100, 
				out: DoNothing
			});
			//Behaviour over 3rd top-level link
			$("#mainlinks li.p3").hoverIntent({
				over: OpenSubwrapper3, 
				timeout: 100, 
				out: DoNothing
			});
			//Behaviour over 4th top-level link
			$("#mainlinks li.p4").hoverIntent({
				over: OpenSubwrapper4, 
				timeout: 100, 
				out: DoNothing
			});
			//Behaviour over 5th top-level link
			$("#mainlinks li.p5").hoverIntent({
				over: OpenSubwrapper5, 
				timeout: 100, 
				out: DoNothing
			});
			//Behaviour over 6th top-level link
			$("#mainlinks li.p6").hoverIntent({
				over: closeSubmenu, 
				timeout: 100, 
				out: DoNothing
			});
			//Behaviour over 7th top-level link
			$("#mainlinks li.p7").hoverIntent({
				over: closeSubmenu, 
				timeout: 100, 
				out: DoNothing
			});
			//Behaviour over 8th top-level link
			$("#mainlinks li.p8").hoverIntent({
				over: closeSubmenu, 
				timeout: 100, 
				out: DoNothing
			});
			
		}); // close document.ready
		
//The functions that animate various elements. (Messy code, I know):
		function openSubmenu(){  
        $("#navigationwrapper").animate({"height":160},400, "easeOutSine");}
        	
		
        function closeSubmenu(){
        $("#navigationwrapper").animate({"height":22},400, "easeOutSine");
        $("#subwrapper1").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper7").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper8").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        }
        
        function DoNothing(){ $(this)}
		
		function closeAllSubwrappers(){  
        $("#subwrapper1").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper7").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper8").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        }
		
        //Home Button
        function OpenSubwrapper1(){  
        $("#subwrapper1").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper7").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper8").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        }
        //Non Fiction Button                
        function OpenSubwrapper2(){  
        $("#navigationwrapper").animate({"height":155},400, "easeOutSine");
        $("#subwrapper1").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper7").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper8").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
	
        }
        //Poetry Button
        function OpenSubwrapper3(){  
		$("#navigationwrapper").animate({"height":60},400, "easeOutSine");
        $("#subwrapper1").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper7").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper8").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        }
        //Childrens Book Button
    	function OpenSubwrapper4(){ 
		$("#navigationwrapper").animate({"height":115},400, "easeOutSine"); 
        $("#subwrapper1").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper7").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper8").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        }
		
        function OpenSubwrapper5(){ 
		$("#navigationwrapper").animate({"height":155},400, "easeOutSine"); 
        $("#subwrapper1").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper7").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper8").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        }
		function OpenSubwrapper6(){ 
		$("#navigationwrapper").animate({"height":100},400, "easeOutSine"); 
        $("#subwrapper1").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
        $("#subwrapper7").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper8").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        }
		
		
        function OpenSubwrapper7(){ 
		$("#navigationwrapper").animate({"height":160},400, "easeOutSine"); 
        $("#subwrapper1").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper7").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
		$("#subwrapper8").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        }
		//Contact Me Button
        function OpenSubwrapper8(){ 
		$("#navigationwrapper").animate({"height":160},400, "easeOutSine"); 
        $("#subwrapper1").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper2").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper3").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper4").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper5").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
        $("#subwrapper6").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper7").css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 0.0});
		$("#subwrapper8").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
        }