var aMenuImages = new Array();
aMenuImages[0] = new Array("images/menu/wiezijnwij.gif", "images/menu/wiezijnwij_ov.gif");
aMenuImages[1] = new Array("images/menu/brochure.gif", "images/menu/brochure_ov.gif");
aMenuImages[2] = new Array("images/menu/producten.gif", "images/menu/producten_ov.gif");
aMenuImages[3] = new Array("images/menu/dealers.gif", "images/menu/dealers_ov.gif");
aMenuImages[4] = new Array("images/menu/lichtplan.gif", "images/menu/lichtplan_ov.gif");
aMenuImages[5] = new Array("images/menu/plug-play.gif", "images/menu/plug-play_ov.gif");
aMenuImages[6] = new Array("images/menu/integrated.gif", "images/menu/integrated_ov.gif");
aMenuImages[7] = new Array("images/menu/solitair.gif", "images/menu/solitair_ov.gif");
aMenuImages[8] = new Array("images/menu/wall.gif", "images/menu/wall_ov.gif");
aMenuImages[9] = new Array("images/menu/spot.gif", "images/menu/spot_ov.gif");
aMenuImages[10] = new Array("images/menu/transformators.gif", "images/menu/transformators_ov.gif");
aMenuImages[11] = new Array("images/menu/kabels.gif", "images/menu/kabels_ov.gif");
aMenuImages[12] = new Array("images/menu/accessoires.gif", "images/menu/accessoires_ov.gif");

// Execute functions onload.
function onBodyLoad()
{
	preloadImages();
	startList();
}

// Preload images.
function preloadImages()
{
	
	for(var i = 0; i < aMenuImages.length; i++)
	{
		var oImage1 = new Image();
		var oImage2 = new Image();
		oImage1.src = aMenuImages[i][0];
		oImage2.src = aMenuImages[i][1];
	}
}

// Add onmouseover to the menu items.
function startList()
{
	if (document.getElementById)
	{
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) 
		{
			node = navRoot.childNodes[i];
			if (node.nodeName == "LI") 
			{				
				imgNode = node.childNodes[0].childNodes[0];
				imgNode.onmouseover = function()
				{
					this.src = 'images/menu/' + this.name + '_ov.gif';
				}

				imgNode.onmouseout = function()
				{
					this.src = 'images/menu/' + this.name + '.gif';
				}
			}
		}

		subNavRoot = document.getElementById("subnav");
		for (i=0; i<subNavRoot.childNodes.length; i++) 
		{
			node = subNavRoot.childNodes[i];
			if (node.nodeName == "LI") 
			{				
				imgNode = node.childNodes[0].childNodes[0];
				imgNode.onmouseover = function()
				{
					this.src = 'images/menu/' + this.name + '_ov.gif';
				}

				imgNode.onmouseout = function()
				{
					this.src = 'images/menu/' + this.name + '.gif';
				}
			}
		}
	}
}

window.onload = onBodyLoad;