
 
		// When the DOM is ready, initialize the scripts.
		jQuery(function( $ ){
 
			// Get a reference to the container.
			var container = $( "#container" );
			var navigation = $("#navigation");
 
 
			// Bind the link to toggle the slide.
				$( "#navigation " ).hover(
			function( event ){
					// Prevent the default event.
					event.preventDefault();
 
					// Toggle the slide based on its current
					// visibility.
					if (container.is( ":visible" )){
 
						// Hide - slide up.
						//container.slideUp( 1200 );
						
 
					} else {
 
						// Show - slide down.
						container.slideDown( 1600 );
 
					}
				}
			);

				$("#container").mousemove(
			function( event ){
					// Prevent the default event.
					event.preventDefault(); 
					
					// CHANGE THE VALUE HERE IF YOU ADJUST THE #CONTAINER HEIGHT
					if (event.pageY > 120)
					{
						container.slideUp( 1600 );
					}
				}
			);
 
 
 
		});

