/*
 * Copyright 2008 Potato Die
 */
 
// maak alle submenu's onzichtbaar (naar PPK) :
if ( document.getElementsByTagName )
{
	document.write ( '<link rel="stylesheet" href="/css/hide_submenu.css" type="text/css" media="screen">' );
}

window.onload = function ()
{
	//init_navigation();
	registerEvents();
	setAFocus();
	
	if (window.setBgImage)
	{
		// Die functie hebben we alleen gedefinieerd voor IE6
		setBgImage();
	}	
}

function registerEvents()
{
    // collect navigation items 
	var items = document.getElementById ('ulmenu').getElementsByTagName( 'li' );
	// Dit zijn ook de geneste li's, maar je controleert in de lus nog of 
	// de <li> een <ul> kind (submenu) heeft.
	
    for(i = 0; i < items.length; i++)
	{
        var item = items[i];
        // set mouseover functionality
        item.onmouseover = function () 
        {
        	var x = this.getElementsByTagName('ul')[0];
        	// Alleen de hoofdmenuitems overleven deze test
        	if ( x ) x.style.display = "block";
        }
        item.onmouseout = function (e)
        {
        	// Dit zijn ook de gebubbelde events. Die hoeven niet (altijd), maar kennelijk volgt er dan
        	// toch steeds wel weer een mouseover. Je zou bang kunnen zijn dat de mouseover eerder
        	// plaatsvindt dan de ongewenste mouseout...
        	// Bij focus/blur lijkt dat wel zo te gaan in IE (FF ok)
        	
        	var x = this.getElementsByTagName('ul')[0];
        	if ( x ) x.style.display = "none";
        }
	}
}

function setAFocus ()
{
	// doorloop alle <a> tags
	// geef ze onfocus event handler die alle submenu's van de navigatie verbergt
	// als de <a> geen kind is van dat submenu
	
	var alleAnkers = document.getElementsByTagName ( 'a' );
	for ( var i = 0; i < alleAnkers.length; i++ )
	{
		alleAnkers[i].onfocus = function ()
		{
			/*
			*/				
			var alleListItems = document.getElementsByTagName ( 'li' );
			for ( var j = 0; j < alleListItems.length; j++ )
			{
				var item = alleListItems[j];
				if ( item.className == 'menuli' )
				{
					var x = item.getElementsByTagName('ul')[0];
	
					var isHfdmenuA = (item.firstChild == this );
					
					var AzitInSubmenu = (this.parentNode.parentNode.parentNode == item);
					var vis = (isHfdmenuA || AzitInSubmenu) ? "block" : "none";
					
					x.style.display = vis;
				}
			}
		}
	}
}