$(document).ready(function() {
	//var pageName = $('div#pageName').html();
	$("div.subNavbarItem#" + pageName).fadeIn(0);
	
	var pageBgURLstart = 'url(/gfx/navbar/';
	var pageBgURLhoverEnd = 'Hover.png)';
	var pageBgURLend = '.png)';
	
	$("div.navbarItem#" + pageName).css('background-image', pageBgURLstart + pageName + pageBgURLhoverEnd);
	
	//$("div.navbarItem#" + current).css('background-image', pageBgURLstart + current + pageBgURLhoverEnd);
	//$("div.navbarItem#" + pageName).css('background-image', pageBgURLstart + pageName + pageBgURLend);
	
	var counter = 0;
	var selectedId = "";
	function overFunction()
	{
		$("div.subNavbarItem").css("display", "none"); //Skjul først alle subNavbarItems
		var current = $(this).attr("id");
		selectedId = current;
		$("div.subNavbarItem#" + current).fadeIn(0);
		
		counter = 1;
	}
	
	function outFunction()
	{
		var current = $(this).attr("id");
		if(counter > 0 && selectedId == current){
			counter--;
		}
		
		if(counter < 1)
		{
			$("div.subNavbarItem#" + current).css("display", "none");
			$("div.subNavbarItem#" + pageName).css("display", "block"); //Går tilbage til den submenu til pageName
		}	
	}
	
	var config = {
		interval: 100,
		over: overFunction,
		timeout: 500,
		out: outFunction
	}
	
	$('div.navbarItem').hoverIntent(config);
	
	function overFunctionb()
	{
		counter++;
		
		var current = $(this).attr("id");
		
		$("div.subNavbarItem#" + current).css('display', 'block');
	}
	
	function outFunctionb()
	{	
		var current = $(this).attr("id");
		if(counter > 0 && selectedId == current)
		{
			counter--;
		}

		if(counter < 1)
		{
			$('div.subNavbarItem#' + current).css('display', 'none');
			$('div.subNavbarItem#' + pageName).css('display', 'block'); //Går tilbage til den submenu til pageName
		}
	}
	
	var configb = {
		interval: 0,
		over: overFunctionb,
		timeout: 500,
		out: outFunctionb
	}
	
	$('div.subNavbarItem').hoverIntent(configb);
});