// When the DOM is ready
$(function() {
	  
	
		$("nav a, .date").append("<span>&nbsp</span>");

		$("nav a").hover(function(e) {

			$(this)
				.hoverFlow(e.type, { width: 185 }, 180)
				.css('overflow', 'visible')
				.find('span')
				.hoverFlow(e.type, { width: 5 }, 180)

		}, function(e) {

			$(this)
				.hoverFlow(e.type, { width: 180 }, 180)
				.css('overflow', 'visible')
				.find('span')
				.hoverFlow(e.type, { width: 10 }, 180)

		});
		   
	
}) 
  
$(function(){
	
	
  	$('nav ul li:nth-child(2) a, nav ul li:nth-child(2) a span').ready(
	    function(){
	         $('nav ul li:nth-child(2) a, nav ul li:nth-child(2) a span').css("background-color",'#b6a7a1').find('span')  ; //mouseover
	    }
	 
	);   
	
})
   
$(function(){
	
	
  	$('nav ul li:nth-child(3) a, nav ul li:nth-child(3) a span').ready(
	    function(){
	         $('nav ul li:nth-child(3) a, nav ul li:nth-child(3) a span').css("background-color",'#98857c').find('span')  ; //mouseover
	    }
	 
	);   
	
})
$(function(){
	
	
  	$('nav ul li:nth-child(4) a, nav ul li:nth-child(4) a span').ready(
	    function(){
	         $('nav ul li:nth-child(4) a, nav ul li:nth-child(4) a span').css("background-color",'#847369').find('span')  ; //mouseover
	    }
	 
	);   
	
})



$(function(){
	
	
  	$('nav ul li:nth-child(2) a, nav ul li:nth-child(2) a span').hover(
	    function(){
	         $('nav ul li:nth-child(2) a, nav ul li:nth-child(2) a span').css("background-color",'#cccccc').find('span')  ; //mouseover
	    },
	    function(){
	         $('nav ul li:nth-child(2) a, nav ul li:nth-child(2) a span').css("background-color",'#b6a7a1').find('span')  ; // mouseout
	    }
	);   
	
}) 

$(function(){
	
	  	$('nav ul li:nth-child(3) a, nav ul li:nth-child(3) a span').hover(
		    function(){
		         $('nav ul li:nth-child(3) a, nav ul li:nth-child(3) a span').css("background-color",'#cccccc').find('span')  ; //mouseover
		    },
		    function(){
		         $('nav ul li:nth-child(3) a, nav ul li:nth-child(3) a span').css("background-color",'#98857c').find('span')  ; // mouseout
		    }
		);	  	
})  

$(function(){
	
  	$('nav ul li:nth-child(4) a, nav ul li:nth-child(4) a span').hover(
	    function(){
	         $('nav ul li:nth-child(4) a, nav ul li:nth-child(4) a span').css("background-color",'#cccccc').find('span')  ; //mouseover
	    },
	    function(){
	         $('nav ul li:nth-child(4) a, nav ul li:nth-child(4) a span').css("background-color",'#847369').find('span')  ; // mouseout
	    }
	);
  
	
	
	
	
})