function MainNav() {

	var visible = false;
	
	$('#nav').click(function() {
	    return false;
	});
	
	$('#nav').mouseover(function(e) {
	
		// display the nav
		if(visible) {
		
			$('#navMenu').animate({
				'top': '-300'
			}, 400, function() {
				visible = false;
			});
			
		} else {
		
			$('#navMenu').animate({
				'top': '65'
			}, 400, function() { 
				visible = true; 
			});
			
		}
		
		return false;
	});
	
	$('#navMenu').mouseleave(function(e) {
	
	    if(visible) {
	        $('#navMenu').animate({
	            'top': '-300'
	        }, 400, function() {
	            visible = false;
	        });
	    }
	
	    return false;
	});
}