function displayMega( type ){	
		switch( type ){
			case 1: $("#nav-thingstodo").addClass("selected"); $("#mega-thingstodo").show(); break;
			case 2: $("#nav-placestostay").addClass("selected"); $("#mega-placestostay").show(); break;
			case 3: $("#nav-abouttheregion").addClass("selected"); $("#mega-abouttheregion").show(); break;
			case 4: $("#nav-grouptravel").addClass("selected"); $("#mega-grouptravel").show(); break;
		}
	}

	function hideMega( type){
		switch( type ){
			case 1: $("#nav-thingstodo").removeClass("selected"); $("#mega-thingstodo").hide(); break;
			case 2: $("#nav-placestostay").removeClass("selected"); $("#mega-placestostay").hide(); break;
			case 3: $("#nav-abouttheregion").removeClass("selected"); $("#mega-abouttheregion").hide(); break;
			case 4: $("#nav-grouptravel").removeClass("selected"); $("#mega-grouptravel").hide(); break;
		}
	}

	$(document).ready(function(){
		var menu1 = { sensitivity: 3, interval: 50, over: function(){displayMega(1);}, timeout: 50, out: function(){hideMega(1);} }
		var menu2 = { sensitivity: 3, interval: 50, over: function(){displayMega(2);}, timeout: 50, out: function(){hideMega(2);} }
		var menu3 = { sensitivity: 3, interval: 50, over: function(){displayMega(3);}, timeout: 50, out: function(){hideMega(3);} }
		var menu4 = { sensitivity: 3, interval: 50, over: function(){displayMega(4);}, timeout: 50, out: function(){hideMega(4);} }	
		$("#nav-thingstodo").hoverIntent( menu1 );
		$("#nav-placestostay").hoverIntent( menu2 );
		$("#nav-abouttheregion").hoverIntent( menu3 );
		$("#nav-grouptravel").hoverIntent( menu4 );	
	});
	
	// Sub nav accordian 	
	$(document).ready(function(){
		//Initial hide all submenus	
		$('.sub-nav ul>li>ul').hide();
		
		// Expand the current menu
		$(".sub-nav ul>li.current ul").show();	
		$(".sub-nav ul>li>ul>li.current").parent().show();
		
		//Add style to items that have sub pages
		$('.sub-nav ul>li:has(ul)').addClass('slide-arrow');
		
		$('.sub-nav ul>li').click(function(){
			// check that the menu is not currently animated
			if ($('.sub-nav ul ul:animated').size() == 0) {
				// create a reference to the active element (this)
				// so we don't have to keep creating a jQuery object
				$heading = $(this);
				// create a reference to visible sibling elements
				// so we don't have to keep creating a jQuery object
				$expandedSiblings = $heading.siblings().find('ul:visible');
				if ($expandedSiblings.size() > 0) {
					$expandedSiblings.slideUp(500, function(){
						$heading.find('ul').slideDown(500);
					});
				}
				  else {
					$heading.find('ul').slideUp(500);
					$heading.find('ul:hidden').slideDown(500);
				}			
			}
		});
	});