function setMenu(menuItem){
	/* if the menu item supplied is not already visible,
	 * we will make it visible
	 */
	
	if (! $('#' + menuItem).is(":visible")) {
		/* First we will look at each of the navSelection list
		 * items, any that are visible (should only be one)
		 * will fade out slowly and have their active class removed.
		 * 
		 * To remove the class on the link that is inline with the
		 * menu div we have to first get the parent item, and then
		 * get the link from there.
		 */
	 	$('.navSection').each(
			function(){
		 		if($(this).is(":visible")){
					$(this).fadeOut('slow');
					$(this).parent().find("a").removeClass("active");
				}
	 		}
		);
		/* Next we will fade the new item in slowly, and add
		 * the active class to it.
		 */
	 	$('#' + menuItem).fadeIn('slow');
		$('#' + menuItem).parent().find("a").addClass('active');
		
		/* Depending on which menu link has been clicked, we have
		 * to resize the navigation div.
		 */
		switch (menuItem) {
			case 'destinations':
				$('#navigation').animate({height:"697px"}, 500);
				break;
			case 'accommodation':
				$('#navigation').animate({height:"359px"}, 500);
				break;
			case 'activities':
				$('#navigation').animate({height:"463px"}, 500);
				break;
			case 'transport':
				$('#navigation').animate({height:"359px"}, 500);
				break;
			case 'travel-tips':
				$('#navigation').animate({height:"385px"}, 500);
				break;
			case 'whats-new':
				$('#navigation').animate({height:"330px"}, 500);
				break;
		}
	 } else {
	 	closeNavigation(menuItem);
	 }
}

function closeNavigation(menuItem){
	/* Slide up the menu item */
	$('#'+menuItem).slideUp('slow');
	/* Have to use animate on the nav div since its size just needs
	 * to change
	 */
	$('#navigation').animate({height:"68px"}, 500);
	/* Remove the Active class from the only item that has it. */
	$('.navSection').each(
			function(){
		 		if($(this).is(":visible")){
					$(this).fadeOut('slow');
					$(this).parent().find("a").removeClass("active");
				}
	 		}
		);
}

$(document).ready(function(){
	$(function () {
		$('#top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});
	});
});