var menuItems = 0;

// De arrays voor de menu items in op te slaan
var oArray0 = new Array();
var oArray1 = new Array();
var oArray2 = new Array();
var oArray3 = new Array();
var oArray4 = new Array();

function createMenu()
{
	// populateMenu( "Woordenschat", "#", true, 0 ); // Dit is de syntax
}

function menuinit()
{
	// Maak een menu divisie aan
	divMenu = document.getElementById( 'con_uitleg' );
	div = document.createElement( 'div' );
	div.setAttribute("id", "idMenu" );
	divMenu.appendChild( div );
	
	// Stel de CSS in
	styleObj = document.getElementById( "idMenu" ).style;
	styleObj.position = "absolute";
	styleObj.width = "200px";
	styleObj.height = "300px";
	styleObj.top = "0px";
	styleObj.left = "0px";
	styleObj.backgroundColor = "#007E8C";
	
}

// Toggle de zichtbaarheid van de items
function toggleVis( items )
{
	// Pas alle "child" elementen van het hoofdmenu aan
	for( i = 0; i < eval("oArray" + items).length; i++ )
	{		
		if( eval("oArray" + items)[i].display == "none" )
		{
			eval("oArray" + items)[i].display = "block"
		}
		else
		{
			eval("oArray" + items)[i].display = "none"
		}
	}	
}

// Voeg elementen toe aan het menu ( string, link, boolean hoofditem, welke array )
function populateMenu( string, link, hoofditem, items )
{

	menu = document.getElementById( 'idMenu' );
	div = document.createElement( 'div' );
	div.setAttribute("id", "menuItem" + menuItems );

	menu.appendChild( div );
	if( !hoofditem )
	{
		div.innerHTML = '<a href="' + link + '">' + string + '</a>';
	}
	else
	{
		div.innerHTML = '<a href="javascript:toggleVis(' + items + ')">' + string + '</a>';
	}
	
	styleObj = document.getElementById( "menuItem" + menuItems ).style;
	styleObj.width = "200px";
	styleObj.textAlign = "center";
	
	if( hoofditem )
	{
		styleObj.height = "30px";
		styleObj.backgroundColor = "#007E8C";
		//styleObj.paddingLeft = "5px";
		styleObj.fontSize = "14pt";
		styleObj.paddingTop = "5px";
		styleObj.borderBottom = "1px solid white";
	}
	else
	{
		styleObj.height = "20px";
		styleObj.backgroundColor = "#009999";
		styleObj.display = "block";
		//styleObj.paddingLeft = "15px";
		eval("oArray" + items)[ eval("oArray" + items).length ] = styleObj;
	}
	menuItems++;
}