// -- Apollo popupmenu script
/*	Toelichting:
	Dit script is geschreven om alle <ul>-tags binnen de <li>-tags van de navigatie
	zichtbaar te maken bij een mouseover.
	Dit is in CSS ook heel simpel te doen, maar Internet Explorer 6 ondersteunt dit
	helaas niet. Omdat conditionele elementen in HTML eigenlijk zoveel mogelijk
	moeten worden vermeden, is er gekozen voor enkel de javascript-oplossing, enkel
	omdat alle browsers hiermee overweg kunnen.
*/

// variabelen declareren
var cur_list;
var cur_list_items;
var cur_item;

function initiate_popupmenu()
{	// de functie die de interactie toevoegt
	
	// haal alle <ul>-tags op
	var lists = document.getElementsByTagName('ul');
	
	for(i=0;i<lists.length;i++)
	{	// lus door alle <ul>-tags
	
		if( lists[i].className == 'nav' )
		{	// wanneer de tag de class 'nav' heeft, kunnen er popups in voorkomen
			
			cur_list		= lists[i];
			cur_list_items	= cur_list.getElementsByTagName('li');
			
			for(i2=0;i2<cur_list_items.length;i2++)
			{
				// lus door alle <li>-tags van de lijst
				
				cur_item = cur_list_items[i2];
				
				if( cur_item.getElementsByTagName('ul').length > 0 )
				{
					// bevat de <li>-tag nog een <ul>-tag? Dan moet dat een popup worden
					
					cur_item.onmouseover = function()
					{	// laat de <ul>-tag verschijnen bij een mouseover van de <li>
						this.getElementsByTagName('ul')[0].style.display = 'block';
					}
					
					cur_item.onmouseout = function()
					{	// en laat hem weer verdwijnen bij een mouseout
						this.getElementsByTagName('ul')[0].style.display = 'none';
					}
				}
				
			}
			
		}
		
	}	
	
}

// voeg de handler toe
if( window.addEventListener )
{
	window.addEventListener("load", initiate_popupmenu, false);
}
else if( window.attachEvent )
{
	window.attachEvent("onload", initiate_popupmenu);
}