function AddOnload(myfunc)
{
	if(window.addEventListener)
		window.addEventListener('load', myfunc, false);
	else if(window.attachEvent)
		window.attachEvent('onload', myfunc);
}

function getE( value )
{
	return document.getElementById( value );
}

function navigation()
{
	var nav = getE("navigatie");
	
	//van opgegeven waarde de onderliggende items doorlopen
	for(z=0; z<nav.childNodes.length; z++)
	{	
		var name = nav.childNodes[z];
		//alleen de ul selecteren				
		var nameID = name.id;
		
		if(nameID.match("orange") || nameID.match("blue") || nameID.match("black"))
		{

			for(x=0; x<name.childNodes.length; x++)
			{
				var subname = name.childNodes[x];
				
				if(checkSubmenu(subname))
				{
					
					subname.onmouseover = function()
					{		
						changeBorder();		
						this.style.borderRight = "1px solid #fefefe";
					}


				}
				
			}

		}		
	}
}

function changeBorder()
{
	var nav = getE("navigatie");
	
	//van opgegeven waarde de onderliggende items doorlopen
	for(z=0; z<nav.childNodes.length; z++)
	{	
		var name = nav.childNodes[z];
			
		var nameID = name.id;
		
		if(nameID.match("orange") || nameID.match("blue") || nameID.match("black"))
		{
				for(x=0; x<name.childNodes.length; x++)
				{
					var subname = name.childNodes[x];
					var klasseNaam = subname.className;
					
					if(checkSubmenu(subname) && !klasseNaam.match("active_with_border"))
					{
							if(klasseNaam.match("blue_item_inactive"))	
							subname.style.borderRight = "1px solid #9BB3D5";
							else if(klasseNaam.match("blue"))	
							subname.style.borderRight = "1px solid #345BA9";
							if(klasseNaam.match("orange_item_inactive"))	
							subname.style.borderRight = "1px solid #E59C77";
							else if(klasseNaam.match("orange"))	
							subname.style.borderRight = "1px solid #CE3110";
					}
					
				}

		}		
	}
			
}


		function showBox(boxName) 
		{
			document.getElementById(boxName).className='submenu_active';
		}
		
		function hideBox(boxName) 
		{	
			var i = 200;
			
			for(i=200;i<=270;i++)
			{
				if(document.getElementById("submenuutje" + i))
				{
				document.getElementById("submenuutje" + i).className='submenu';
				}
			}
			if(document.getElementById(boxName))
			{
				document.getElementById(boxName).className='submenu_active';
			}
		}
		

function checkSubmenu(value)
{
	for(y=0; y<value.childNodes.length; y++)
	{
		var sublink = value.childNodes[y];
		
		if(sublink.onmouseover)
		{
			return true
		}
		else
			return false
											
			
	}
}

AddOnload(navigation);