$(document).ready(function() {
	// hides the menu as soon as the DOM is ready
	$('#menu-toggle-innerwrapper').hide();
	
	// toggles the menu on clicking the noted link  
	$('#menu-toggle').hover(function() {
	

  $('#menu-toggle-innerwrapper').animate({
			display: 'block',
			height: 'toggle'
			}, 900, function() {
			// Animation complete.
		});
  
//		$('#main-nav').slideToggle(400);
		$('#menu-toggle').toggleClass('shown');
		$('.toggle-text').text($('.toggle-text').text() == 'HIDE MENU' ? 'SHOW MENU' : 'HIDE MENU');
		return false;
	});
});