$(function()   
{	 

	$("#home").hover(
		function() {
			var navigation = document.getElementById("navigation");
			var links = navigation.getElementsByTagName("a");	
			// set all the links classes to nothing
			for(var i=0; i<links.length; i++)	
			links[i].className = "off";
			// set selected link as selected
			$(this).removeClass("off");
			$(this).addClass("on");
			
			$("#valley_drop").fadeOut(300);
			$("#rates_drop").fadeOut(300);
			$("#news_drop").fadeOut(300);
			$("#photo_drop").fadeOut(300);
			$("#about_drop").fadeOut(300);
			$("#safari_drop").fadeOut(300);
			$("#travel_info_tips_drop").fadeOut(300);
		}
	);
	$("#home").mouseleave(
		function() {
			$(this).removeClass("on");
		}
	);

	$("#safari").hover(
		function() {
			var navigation = document.getElementById("navigation");
			var links = navigation.getElementsByTagName("a");	
			// set all the links classes to nothing
			for(var i=0; i<links.length; i++)	
			links[i].className = "off";
			// set selected link as selected
			$(this).removeClass("off");
			$(this).addClass("on");
			
			$("#valley_drop").fadeOut(300);
			$("#rates_drop").fadeOut(300);
			$("#news_drop").fadeOut(300);
			$("#photo_drop").fadeOut(300);
			$("#about_drop").fadeOut(300);
			$("#safari_drop").fadeIn(300);
			$("#travel_info_tips_drop").fadeOut(300);
		}
	);
	$("#safari_drop").mouseleave(
		function() {
			$(this).fadeOut(300);
			$("#safari").removeClass("on");
		}
	);

	$("#valley").hover(
		function() {
			var navigation = document.getElementById("navigation");
			var links = navigation.getElementsByTagName("a");	
			// set all the links classes to nothing
			for(var i=0; i<links.length; i++)	
			links[i].className = "off";
			// set selected link as selected
			$(this).removeClass("off");
			$(this).addClass("on");
			
			$("#rates_drop").fadeOut(300);
			$("#news_drop").fadeOut(300);
			$("#photo_drop").fadeOut(300);
			$("#about_drop").fadeOut(300);
			$("#safari_drop").fadeOut(300);
			$("#valley_drop").fadeIn(300);
			$("#travel_info_tips_drop").fadeOut(300);
		}
	);
	$("#valley_drop").mouseleave(
		function() {
			$(this).fadeOut(300);
			$("#valley").removeClass("on");
		}
	);

	$("#travel").hover(
		function() {
			var navigation = document.getElementById("navigation");
			var links = navigation.getElementsByTagName("a");	
			// set all the links classes to nothing
			for(var i=0; i<links.length; i++)	
			links[i].className = "off";
			// set selected link as selected
			$(this).removeClass("off");
			$(this).addClass("on");
			
			$("#valley_drop").fadeOut(300);
			$("#rates_drop").fadeOut(300);
			$("#news_drop").fadeOut(300);
			$("#photo_drop").fadeOut(300);
			$("#about_drop").fadeOut(300);
			$("#safari_drop").fadeOut(300);
			$("#travel_info_tips_drop").fadeIn(300);
		
			
		}
	);
	$("#travel").mouseleave(
		function() {
			$(this).removeClass("on");
		}
	);
	$("#travel_info_tips_drop").mouseleave(
			function() {
				$(this).fadeOut(300);
				$("#valley").removeClass("on");
			}
		);

	$("#rates").hover(
		function() {
			var navigation = document.getElementById("navigation");
			var links = navigation.getElementsByTagName("a");	
			// set all the links classes to nothing
			for(var i=0; i<links.length; i++)	
			links[i].className = "off";
			// set selected link as selected
			$(this).removeClass("off");
			$(this).addClass("on");
			
			$("#valley_drop").fadeOut(300);
			$("#news_drop").fadeOut(300);
			$("#photo_drop").fadeOut(300);
			$("#about_drop").fadeOut(300);
			$("#safari_drop").fadeOut(300);
			$("#rates_drop").fadeIn(300);
			$("#travel_info_tips_drop").fadeOut(300);
		}
	);
	$("#rates_drop").mouseleave(
		function() {
			$(this).fadeOut(300);
			$("#rates").removeClass("on");
		}
	);

	$("#news").hover(
		function() {
			var navigation = document.getElementById("navigation");
			var links = navigation.getElementsByTagName("a");	
			// set all the links classes to nothing
			for(var i=0; i<links.length; i++)	
			links[i].className = "off";
			// set selected link as selected
			$(this).removeClass("off");
			$(this).addClass("on");
			
			$("#valley_drop").fadeOut(300);
			$("#rates_drop").fadeOut(300);
			$("#photo_drop").fadeOut(300);
			$("#about_drop").fadeOut(300);
			$("#safari_drop").fadeOut(300);
			$("#news_drop").fadeIn(300);
			$("#travel_info_tips_drop").fadeOut(300);
		}
	);
	$("#news_drop").mouseleave(
		function() {
			$(this).fadeOut(300);
			$("#news").removeClass("on");
		}
	);

	
	$("#responsible").hover(
		function() {
			var navigation = document.getElementById("navigation");
			var links = navigation.getElementsByTagName("a");	
			// set all the links classes to nothing
			for(var i=0; i<links.length; i++)	
			links[i].className = "off";
			// set selected link as selected
			$(this).removeClass("off");
			$(this).addClass("on");
			
			$("#valley_drop").fadeOut(300);
			$("#rates_drop").fadeOut(300);
			$("#news_drop").fadeOut(300);
			$("#photo_drop").fadeOut(300);
			$("#about_drop").fadeOut(300);
			$("#safari_drop").fadeOut(300);
			$("#travel_info_tips_drop").fadeOut(300);
		}
	);
	$("#responsible").mouseleave(
		function() {
			$(this).removeClass("on");
		}
	);

	$("#photo").hover(
		function() {
			var navigation = document.getElementById("navigation");
			var links = navigation.getElementsByTagName("a");	
			// set all the links classes to nothing
			for(var i=0; i<links.length; i++)	
			links[i].className = "off";
			// set selected link as selected
			$(this).removeClass("off");
			$(this).addClass("on");
			
			$("#valley_drop").fadeOut(300);
			$("#rates_drop").fadeOut(300);
			$("#news_drop").fadeOut(300);
			$("#about_drop").fadeOut(300);
			$("#safari_drop").fadeOut(300);
			$("#photo_drop").fadeIn(300);
			$("#travel_info_tips_drop").fadeOut(300);
		}
	);
	$("#photo_drop").mouseleave(
		function() {
			$(this).fadeOut(300);
			$("#photo").removeClass("on");
		}
	);

	$("#about").hover(
		function() {
			var navigation = document.getElementById("navigation");
			var links = navigation.getElementsByTagName("a");	
			// set all the links classes to nothing
			for(var i=0; i<links.length; i++)	
			links[i].className = "off";
			// set selected link as selected
			$(this).removeClass("off");
			$(this).addClass("on");
			
			$("#valley_drop").fadeOut(300);
			$("#rates_drop").fadeOut(300);
			$("#news_drop").fadeOut(300);
			$("#photo_drop").fadeOut(300);
			$("#safari_drop").fadeOut(300);
			$("#about_drop").fadeIn(300);
			$("#travel_info_tips_drop").fadeOut(300);
		}
	);
	$("#about_drop").mouseleave(
		function() {
			$(this).fadeOut(300);
			$("#about").removeClass("on");
		}
	);
	
	
	$("#navigation ul ul").corner({

    	tl: { radius: 0 }, tr: { radius: 0 }, bl: { radius: 8 }, br: { radius: 8 }, antiAlias: true 

	});
	
});