var aMenu;
var mnuItemTemplate;

function msg(message)
{
	//getObj('body').innerText = message + "\r\n" + getObj('body').innerText;
}

function initMenu()
{
	loadMenuItems();
	
	var mnu = getObj("menu");	
	for(var i = 0; i < aMenu.length; i++)
	{
		var mnuInfo = aMenu[i];
		var item = mnuItemTemplate;
		var type = (mnuInfo[2] == null) ? "end" : "main";
		
		item = item.replace(/\{0\}/g, "mitem_" + i);		
		item = item.replace("{1}", mnuInfo[1]);
		item = item.replace("{2}", mnuInfo[0]);
		item = item.replace("{3}", type);
		
		mnu.innerHTML += item;
	}
	
	msg("Menu init done...");
}

function onmenu(menuitem)
{
	var nr = menuitem.substring(menuitem.lastIndexOf('_') + 1, menuitem.length);	
	var idx = (nr > 10) ? nr - 10 : nr;
	var subItems = (nr < 10) ? aMenu[idx][2] : null;
	
	if(subItems != null)
	{		
		getObj(menuitem).className = "menu_item menu_item_over_main";
	
		var mnu = getObj('submenu1');
		var iHtml = "";
		for(var i = 0; i < subItems.length; i++)
		{
			var mnuInfo = subItems[i];
			var item = mnuItemTemplate;
			item = item.replace(/\{0\}/g, "mitem_1" + i);		
			item = item.replace("{1}", mnuInfo[1]);
			item = item.replace("{2}", mnuInfo[0]);
			item = item.replace("{3}", "end");
			
			iHtml += item;
		}
		
		mnu.innerHTML = iHtml;
		mnu.style.display = 'block';
		mnu.style.paddingTop = (idx * 35) + 'px';
		//if(mnu.style.paddingTop == "210px") mnu.style.paddingTop = '70px';
		
		msg("over menu item " + menuitem + ", padding top: " + mnu.style.paddingTop);
	}
	else if(nr >= 10) //over sub item?
	{		
		msg("over sub item");
		getObj(menuitem).className = "menu_item menu_item_over_end";
		getObj('submenu1').style.display = 'block';
		
		msg("over sub item: " + menuitem);
	}
	else
	{
		//main item has no sub items
		getObj(menuitem).className = "menu_item menu_item_over_end";
		
		msg("over ?");
	}
	
	msg("NR: " + nr + " - IDX: " + idx);
}

function oversubmenu()
{
	/*msg("oversubmenu()");
	
	var mnu = getObj('submenu1');
	mnu.style.display = 'block';*/
}

function offmenu(menuitem)
{	
	var nr = menuitem.substring(menuitem.lastIndexOf('_') + 1, menuitem.length);	
	var idx = (nr >= 10) ? nr - 10 : nr;
	var subItems = (nr < 10) ? aMenu[idx][2] : null;	
	if(subItems != null)
	{
		getObj(menuitem).className = "menu_item menu_item_off_main";
		var mnu = getObj('submenu1');
		mnu.style.display = 'none';
	}
	else
	{
		getObj(menuitem).className = "menu_item menu_item_off_end";
		var mnu = getObj('submenu1');
		mnu.style.display = 'none';
	}
	
	msg("Off menu item: " + menuitem);
}

function nav(page)
{
	document.location = page;
}

function getObj(id)
{
	return document.getElementById(id);
}

function loadMenuItems()
{
	mnuItemTemplate = "<div id=\"{0}\" class=\"menu_item menu_item_off_{3}\" onmouseover=\"onmenu('{0}');\"";
	mnuItemTemplate += "onmouseout=\"offmenu('{0}');\" onclick=\"nav('{1}');\">{2}</div>";

	aMenu= new Array(8);	
	var menupos = 0;
	var submenupos = 0;
	
	//menu item home
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Home";
	aMenu[menupos][1] = "?page=home";
	aMenu[menupos][2] = new Array(2);
	
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Home";
	aMenu[menupos][2][submenupos][1] = "?page=home";
	submenupos++;
	
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Over DN-ZO";
	aMenu[menupos][2][submenupos][1] = "?page=about";
	submenupos++;
	
	/*aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "WK ACTIE!";
	aMenu[menupos][2][submenupos][1] = "?page=wk2010";
	*/
	
	/*
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Kerst 2009";
	aMenu[menupos][2][submenupos][1] = "?page=radio2_kerst";
	*/
	
	//menu item etaleren
	menupos++;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Etaleren";
	aMenu[menupos][1] = "?page=etaleren";	
	aMenu[menupos][2] = new Array(3);
	
	aMenu[menupos][2][0] = new Array(2);
	aMenu[menupos][2][0][0] = "Etaleren";
	aMenu[menupos][2][0][1] = "?page=etaleren";
	aMenu[menupos][2][1] = new Array(2);
	aMenu[menupos][2][1][0] = "Actiepakketten";
	aMenu[menupos][2][1][1] = "?page=actiepakketten";
	/*aMenu[menupos][2][2] = new Array(2);
	aMenu[menupos][2][2][0] = "Paasactie";
	aMenu[menupos][2][2][1] = "?page=paasactie";*/
	aMenu[menupos][2][2] = new Array(2);
	aMenu[menupos][2][2][0] = "Portfolio";
	aMenu[menupos][2][2][1] = "?page=portfolio_etaleren";
	
	//menu item decoreren
	menupos++;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Decoreren";
	aMenu[menupos][1] = "?page=decoreren";
	aMenu[menupos][2] = new Array(1);
	
	aMenu[menupos][2][0] = new Array(2);
	aMenu[menupos][2][0][0] = "Decoreren";
	aMenu[menupos][2][0][1] = "?page=decoreren";
	aMenu[menupos][2][1] = new Array(2);
	aMenu[menupos][2][1][0] = "Portfolio";
	aMenu[menupos][2][1][1] = "?page=portfolio_decoreren";
	
	//menu item styling
	menupos++;
	submenupos = 0;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Styling";
	aMenu[menupos][1] = "?page=styling";
	aMenu[menupos][2] = new Array(7);	
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Styling";
	aMenu[menupos][2][submenupos][1] = "?page=styling";
	submenupos++;
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Advies";
	aMenu[menupos][2][submenupos][1] = "?page=advies";
	submenupos++;
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Verkoopstyling";
	aMenu[menupos][2][submenupos][1] = "?page=verkoopstyling";
	submenupos++;
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Interieurstyling";
	aMenu[menupos][2][submenupos][1] = "?page=interieurstyling";	
	submenupos++;
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Bedijfsstyling";
	aMenu[menupos][2][submenupos][1] = "?page=bedrijfsstyling";
	submenupos++;
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Fotostyling";
	aMenu[menupos][2][submenupos][1] = "?page=fotostyling";
	submenupos++;
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Horecastyling";
	aMenu[menupos][2][submenupos][1] = "?page=horecastyling";
	submenupos++;
	aMenu[menupos][2][submenupos] = new Array(2);
	aMenu[menupos][2][submenupos][0] = "Portfolio";
	aMenu[menupos][2][submenupos][1] = "?page=portfolio_styling";
	
	//menu item Stand Inrichting
	menupos++;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Stand inrichting";
	aMenu[menupos][1] = "?page=standinrichting";
	aMenu[menupos][2] = new Array(1);
	
	aMenu[menupos][2][0] = new Array(1);
	aMenu[menupos][2][0][0] = "Stand inrichting";
	aMenu[menupos][2][0][1] = "?page=standinrichting";
	
	//menu item party
	menupos++;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Party";
	aMenu[menupos][1] = "?page=party";
	aMenu[menupos][2] = new Array(5);	
	aMenu[menupos][2][0] = new Array(2);
	aMenu[menupos][2][0][0] = "Party";
	aMenu[menupos][2][0][1] = "?page=party";	
	aMenu[menupos][2][1] = new Array(2);
	aMenu[menupos][2][1][0] = "Bedrijfsfeesten";
	aMenu[menupos][2][1][1] = "?page=bedrijfsfeesten";
	aMenu[menupos][2][2] = new Array(2);
	aMenu[menupos][2][2][0] = "Bruiloften";
	aMenu[menupos][2][2][1] = "?page=bruiloften";
	aMenu[menupos][2][3] = new Array(2);
	aMenu[menupos][2][3][0] = "Feesten &amp; partijen";
	aMenu[menupos][2][3][1] = "?page=feestenenpartijen";
	aMenu[menupos][2][4] = new Array(2);
	aMenu[menupos][2][4][0] = "Kinderfeestjes";
	aMenu[menupos][2][4][1] = "?page=kinderfeestjes";
	aMenu[menupos][2][5] = new Array(2);
	aMenu[menupos][2][5][0] = "Portfolio";
	aMenu[menupos][2][5][1] = "?page=portfolio_party";
	
	//menu item verhuur/verkoop
	/*menupos++;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Verhuur/verkoop";
	aMenu[menupos][1] = "?page=verhuurenverkoop";
	aMenu[menupos][2] = new Array(5);	
	aMenu[menupos][2][0] = new Array(2);
	aMenu[menupos][2][0][0] = "Verhuur/verkoop";
	aMenu[menupos][2][0][1] = "?page=verhuurenverkoop";
	aMenu[menupos][2][1] = new Array(2);
	aMenu[menupos][2][1][0] = "Themapakketten";
	aMenu[menupos][2][1][1] = "?page=themapakketten2";
	aMenu[menupos][2][2] = new Array(2);
	aMenu[menupos][2][2][0] = "Kinderpakketten";
	aMenu[menupos][2][2][1] = "?page=kinderpakketten";
	aMenu[menupos][2][3] = new Array(2);
	aMenu[menupos][2][3][0] = "Schilderijen";
	aMenu[menupos][2][3][1] = "?page=schilderijen";
	aMenu[menupos][2][4] = new Array(2);
	aMenu[menupos][2][4][0] = "Producten";
	aMenu[menupos][2][4][1] = "?page=producten";
	aMenu[menupos][2][5] = new Array(2);
	aMenu[menupos][2][5][0] = "Portfolio";
	aMenu[menupos][2][5][1] = "?page=portfolio_verhenverk";*/
	
	//menu item muurschilderingen
	menupos++;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Muurschilderingen";
	aMenu[menupos][1] = "?page=muurschilderingen";
	aMenu[menupos][2] = new Array(3);
	
	aMenu[menupos][2][0] = new Array(2);
	aMenu[menupos][2][0][0] = "Muurschilderingen";
	aMenu[menupos][2][0][1] = "?page=muurschilderingen";
	aMenu[menupos][2][1] = new Array(2);
	aMenu[menupos][2][1][0] = "Themas";
	aMenu[menupos][2][1][1] = "?page=themasmuurschilderingen";
	aMenu[menupos][2][2] = new Array(2);
	aMenu[menupos][2][2][0] = "Kant &amp; Klaar";
	aMenu[menupos][2][2][1] = "?page=kantenklaar";
	aMenu[menupos][2][3] = new Array(2);
	aMenu[menupos][2][3][0] = "Portfolio";
	aMenu[menupos][2][3][1] = "?page=portfolio_muurschilderingen";
	
	//menu item workshops
	menupos++;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Workshops";
	aMenu[menupos][1] = "?page=workshops";
	aMenu[menupos][2] = new Array(1);
	
	aMenu[menupos][2][0] = new Array(2);
	aMenu[menupos][2][0][0] = "Workshops";
	aMenu[menupos][2][0][1] = "?page=workshops";
	aMenu[menupos][2][1] = new Array(2);
	aMenu[menupos][2][1][0] = "Portfolio";
	aMenu[menupos][2][1][1] = "?page=portworkshops";
	
	//menu item portfolio
	menupos++;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Portfolio";
	aMenu[menupos][1] = "?page=portfolio";
	
	//menu item contact
	menupos++;
	aMenu[menupos] = new Array(3);
	aMenu[menupos][0] = "Contact";
	aMenu[menupos][1] = "?page=contact";
}