/* Cobra Design 2010 : Navigation User Experience voor Mercier Vanderlinden*/
$(document).ready(function() {
	$("div[id='under_construction']").fadeTo("fast", .75);			   	
	// have all nav items disabled
	$("a[id*='nav_']").addClass("inactive");
	$("a[id='login']").addClass("inactive");
	$("div[id*='content_']").addClass("hidden");
	$("div[id='overlay']").addClass("hidden");
	
	// navigation box hover function
	$("div[id='navigation']").hover(
		function(){
			$("div[id='overlay']").fadeTo("fast", .75);
			$("div[id='overlay']").removeClass("hidden");
			$("div[id='overlay']").addClass("overlaytofront");
		},
		function(){
			$("div[id='overlay']").fadeTo("fast", 0);
			$("div[id='overlay']").addClass("hidden");
			$("div[id*='content_']").addClass("hidden");
			$("div[id='overlay']").removeClass("overlaytofront");
		});
	
	// navigation buttons hover function
	// home
	$("a[id='nav_home']").hover(
		function(){
			$("div[id*='content_']").addClass("hidden");
		},
		function(){
			$("div[id*='content_']").addClass("hidden");
		});
	// about
	$("a[id='nav_about']").hover(
		function(){
			$("div[id*='content_']").addClass("hidden");
			$("div[id='content_nav_about']").removeClass("hidden");
		},
		function(){
			//$("div[id*='content_']").addClass("hidden");
		});
	// funds
	$("a[id='nav_funds']").hover(
		function(){
			$("div[id*='content_']").addClass("hidden");
			$("div[id='content_nav_funds']").removeClass("hidden");
		},
		function(){
			//$("div[id*='content_']").addClass("hidden");
		});
	// news
	$("a[id='nav_news']").hover(
		function(){
			$("div[id*='content_']").addClass("hidden");
			$("div[id='content_nav_news']").removeClass("hidden");
		},
		function(){
			//$("div[id*='content_']").addClass("hidden");
		});
	// contact
	$("a[id='nav_contact']").hover(
		function(){
			$("div[id*='content_']").addClass("hidden");
		},
		function(){
			$("div[id*='content_']").addClass("hidden");
		});
	// login
	$("a[id='login']").hover(
		function(){
			//$("a[id*='nav_']").addClass("hidden");
			$("div[id*='content_']").addClass("hidden");
			//$("div[id='content_nav_login']").removeClass("hidden");
			
		},
		function(){
			//$("div[id*='content_']").addClass("hidden");
			//$("div[id='content_nav_login']").delay(100).removeClass("hidden");
			//$("a[id*='nav_']").removeClass("hidden");
		});
	
	// navigation content hover function
	// about
	$("div[id='content_nav_about']").hover(
		function(){
			$("a[id='nav_about']").removeClass("inactive");
			$("a[id='nav_about']").addClass("active");
		},
		function(){
			$("div[id*='content_']").addClass("hidden");
			$("a[id='nav_about']").removeClass("active");
			$("a[id='nav_about']").addClass("inactive");
		});
	// funds
	$("div[id='content_nav_funds']").hover(
		function(){
			$("a[id='nav_funds']").removeClass("inactive");
			$("a[id='nav_funds']").addClass("active");
		},
		function(){
			$("div[id*='content_']").addClass("hidden");
			$("a[id='nav_funds']").removeClass("active");
			$("a[id='nav_funds']").addClass("inactive");
		});
	// news
	$("div[id='content_nav_news']").hover(
		function(){
			$("a[id='nav_news']").removeClass("inactive");
			$("a[id='nav_news']").addClass("active");
		},
		function(){
			$("div[id*='content_']").addClass("hidden");
			$("a[id='nav_news']").removeClass("active");
			$("a[id='nav_news']").addClass("inactive");
		});
	// login
	$("div[id='content_nav_login']").hover(
		function(){
			$("a[id*='nav_']").delay(100).addClass("hidden");
			$("a[id='login']").delay(100).removeClass("inactive");
			$("a[id='login']").delay(100).addClass("active");
		},
		function(){
			$("div[id='content_nav_login']").delay(100).addClass("hidden");
			$("div[id*='content_']").addClass("hidden");
			$("a[id='login']").delay(100).removeClass("active");
			$("a[id='login']").delay(100).addClass("inactive");
			$("a[id*='nav_']").removeClass("hidden");
		});
	// selection
	$("div[id='selection']").hover(
		function(){
			$("div[id*='content_']").addClass("hidden");
		},
		function(){
		});
});