$(function() {
	
	//Add class so we know js is enabled. If it doesn't get added then CSS menu takes over
	$("ul.top-nav li").addClass("dd");
	$("ul.sub-nav").parent().addClass("dd-menu");
	
	$(".dd-menu").hover(function() {
		
		$(this).find("ul.sub-nav").slideDown();
		
		}, function() {
			
			$(this).find("ul.sub-nav").slideUp();			
			
			});

  $('#read-more').click(function() {
    
    var text = $(this).text();
    
    $('#more-text').slideToggle();
    
    if(text == "Read More") {
      
     $(this).text("Read Less");
      
    }else{
      
      $(this).text("Read More");
      
    }
    return false;
    
  });
	
	
	
	
});


function closeMessage() {
	$('.message').fadeOut();
}

