var navTimeout;
	
	function showSubmenu(element){
		clearTimeout(navTimeout);
		
		if(document.getElementById('menuitem0_active') != null){
			document.getElementById('menuitem0_active').className = document.getElementById('menuitem0_active').className.replace(' hover', '');
			document.getElementById('menuitem0_active').className = document.getElementById('menuitem0_active').className.replace(' hover', '');
		}
		element.className += " hover";
		AdjustSubmenu(element);		
	}
	
	function adjustActiveSubmenu()
	{
		var element = document.getElementById('menuitem0_active');
		AdjustSubmenu(element);
	}
	
	function AdjustSubmenu(element)
	{
		if(element == null || element.childNodes == null)
			return;
		// Submenu Justierung // Zentrierung
		if(element.childNodes.length > 1){
			var NavPos = findPosX(document.getElementById('navborder'));
			var NavWidth = document.getElementById('navborder').offsetWidth;
			
			var MenuMiddle = findPosX(element) + (element.offsetWidth / 2);
			var HalfSubmenuWidth = element.childNodes[1].offsetWidth / 2;
			var newPos = MenuMiddle - HalfSubmenuWidth + 14; // 14 px for the last dots margin
			if(newPos < ( NavPos + 10 ))
				newPos = NavPos + 10;
			else if ( ( newPos + HalfSubmenuWidth ) > ( NavPos + ( NavWidth - 10 ) ))
				newPos = NavWidth - 10 - element.childNodes[1].offsetWidth;
			
			element.childNodes[1].style.left = newPos + 'px';
			
		}
	}
	
	function findPosX(obj)
	{
		var curleft = 0;
		if(obj.offsetParent)
			while(1) 
			{
				curleft += obj.offsetLeft;
				if(!obj.offsetParent)
					break;
				obj = obj.offsetParent;
			}
			else if(obj.x)
				curleft += obj.x;
				
		return curleft;
	}

	function hideSubmenu(element){
		element.className = element.className.replace(' hover', '');
		navTimeout = setTimeout(function(){
            		showDefaultMenu();
	        },300);
	}
	
	function showDefaultMenu()
	{	
		document.getElementById('menuitem0_active').className += " hover";
	}
	
	function showRightSubmenu(element){
		if(element.parentNode.className.indexOf("activerightmenu") == -1)
			element.parentNode.className += " activerightmenu";
		else
			element.parentNode.className = element.className.replace(' activerightmenu', '');
	}