function addSubMenuItem(mainMenuItem,id,menuName,url,initFunc){
	var menuItem={};//Array();
	menuItem.caption=menuName;
	menuItem.parent=mainMenuItem;
	menuItem.url=url;
	menuItem.idx=mainMenuItem['childs'].length;
	menuItem.id=id;
	menuItem.visible=true;
	if (arguments.length>4){
		menuItem.initFunc=initFunc;
	}
	else {
		menuItem.initFunc=null;
	}
	mainMenuItem['childs'].push(menuItem);
	return(menuItem);
}


function addSubMenuItemFoto(mainMenuItem,id,menuName,dir,initFunc){
	var menuItem=new Array();
	menuItem['caption']=menuName;
	menuItem['parent']=mainMenuItem;
	menuItem['idx']=mainMenuItem['childs'].length;
	menuItem['id']=id;
	menuItem['dir']=dir; //directory waar de foto's staan.
	menuItem.visible=true;
	mainMenuItem['childs'].push(menuItem);
	menuItem['fotos']=new Array();
	initFunc(menuItem);	 //voegt daadwerkelijk de fotos toe
	return(menuItem);
}


function initMenu(){
	var mi=addMainMenuItem('jeugdEnJongeren',"Jeugd en Jongeren","#8FC13B",'','images/jeugd_en_jongeren/','vredeexpress'); //0
	addSubMenuItem(mi,'surfen_door_de_kunst',"Surfen door de kunst","jeugd_en_jongeren/surfen_door_de_kunst.htm");	
	addSubMenuItem(mi,'sensation',"Sensation","jeugd_en_jongeren/sensation.htm");	
	addSubMenuItem(mi,'vredeexpress',"Vrede Express","jeugd_en_jongeren/vrede_express.htm");	
	addSubMenuItem(mi,'jongerenAanZet',"Jongeren aan zet","jeugd_en_jongeren/jongeren_aan_zet.htm");
	addSubMenuItem(mi,'tienerdag',"Tienerdag","jeugd_en_jongeren/tienerdag.htm");
	addSubMenuItem(mi,'sirkelslag',"Sirkelslag","jeugd_en_jongeren/sirkelslag.htm");
	addSubMenuItem(mi,'cursussen',"Cursussen","jeugd_en_jongeren/cursussen.htm");
	addSubMenuItem(mi,'doIt',"Do-it","jeugd_en_jongeren/do_it.htm");
	addSubMenuItem(mi,'sozen',"Sozen","jeugd_en_jongeren/sozen.htm");
	addSubMenuItem(mi, 'lieverActief',"Maatschappelijke stage","jeugd_en_jongeren/liever_actief.htm");
	addSubMenuItem(mi,'diabolo',"Diabolo","jeugd_en_jongeren/diabolo.htm");
	addSubMenuItem(mi,'award',"The Award","jeugd_en_jongeren/the_award.htm");
	addSubMenuItem(mi,'alcohol',"Alcohol","jeugd_en_jongeren/alcohol.htm");
	addSubMenuItem(mi,'stelJeEsVoor',"Stel je voor","jeugd_en_jongeren/stel_je_es_voor.htm");
	addSubMenuItem(mi,'ovp','Overijsselse Vrijwilligers Prijs',"jeugd_en_jongeren/ovp.htm");
	addSubMenuItem(mi,'groeien_na_reflectie','2T@lk',"jeugd_en_jongeren/groeien_na_reflectie.htm");
	addSubMenuItem(mi,'afvallenAanvallen!!','Afvallen?? Aanvallen!!',"jeugd_en_jongeren/afvallenAanvallen.htm");
	
	mi=addMainMenuItem("winkel","Winkel","#E8EC50",'','images/winkel/','15'); //1 voorlopig
	initWinkelMenu(mi);
	
	/*
	mi=addMainMenuItem('blog','Blog','#FF88FF','' ,'images/blog/','currentBlog'); //een voorlopige 
	if (!blogHandler) {
		var blogHandler = new BaseBlogsHandler('./blog/PHP/');
		blogHandler.init(mi);
	}
	mi.visible=true;
	addSubMenuItem(mi,'currentBlog','Blog','blog/blog.html',blogHandler.initBlogCB('',true,-1));
	addSubMenuItem(mi,'oldBlogs','Oude blogs','blog/oudeBlogs.html',blogHandler.initOldBlogsCB(false));
	smi=addSubMenuItem(mi,'openOldBlog','Open oude blog','blog/openOldBlog.html',blogHandler.initOpenOldBlogCB());
	smi.visible=false;
	*/

	mi=addMainMenuItem('verhuur',"Verhuur",'#5FC397','','images/verhuur/','pannaKooi'); //2
	addSubMenuItem(mi,'pannaKooi','Pannakooi','verhuur/panna_kooi.htm');
	addSubMenuItem(mi,'karaokeSet','Karaoke-set','verhuur/karaoke_set.htm');
	addSubMenuItem(mi,'koffers','Koffers','verhuur/koffers.htm');
	addSubMenuItem(mi,'videobanden',"DVD's",'verhuur/videobanden.htm');
	addSubMenuItem(mi,'videoCamera','Video-camera','verhuur/video_camera.htm');
	addSubMenuItem(mi,'verhuurPakketten','Verhuurpakketten en verhuurspelen','verhuur/verhuurpakketten_en_verhuurspelen.htm');
	addSubMenuItem(mi,'reverMicrofoons','Rever microfoons','verhuur/rever_microfoons.htm');
	addSubMenuItem(mi,'geluidsinstallatie','Geluidsinstallatie','verhuur/geluidsinstallatie.htm');
	addSubMenuItem(mi,'beamer','Beamer','verhuur/beamer.htm');
	addSubMenuItem(mi,'schilderijGeweldig','Schilderij Geweld(ig)','verhuur/schilderij_geweldig.htm');
	
	mi=addMainMenuItem('agenda',"Agenda","#92B9E5",'PHP/agenda.php','images/agenda/',''); //3
	
	mi=addMainMenuItem('stap','Jeugdwerkbureau STAP',"#DB9F22",'','images/STAP/','bereikbaarheid'); //4
	addSubMenuItem(mi,'jubileum','Jubileum','STAP/jubileum.htm');	
	addSubMenuItem(mi,'bereikbaarheid','Openingstijden','STAP/bereikbaarheid.htm');	
	addSubMenuItem(mi,'doelen','Doelen','STAP/doelen.htm');	
	addSubMenuItem(mi,'medewerkers','Medewerkers','STAP/medewerkers.htm');
	addSubMenuItem(mi,'vrijwilligersAcademie','Vrijwilligersacademie','STAP/vrijwilligers_academie.htm');
	addSubMenuItem(mi,'lidWorden','Lid worden','STAP/lid_worden.htm');
	addSubMenuItem(mi,'prijzenDienstverlening','Prijzen','STAP/prijzen_voor_dienstverlening.htm');
	//addSubMenuItem(mi,'linksCollegeOrganisaties','Links collega organistaties','STAP/links_collega_orgs.htm');
	
	//addSubMenuItem(mi,'opening','Opening','STAP/opening.htm');
	addSubMenuItem(mi,'stages','Stages','STAP/stages.htm');	
	
   mi=addMainMenuItem('nieuwsbrief',"Nieuwsbrief","#CD4A1C",'email_service/email_service.htm','images/nieuwsbrief/',''); 
	 
   mi=addMainMenuItem('fotos','Foto\'s',"#867085",'','','SirkelslagKids_2011');
   
   addSubMenuItemFoto(mi,'SirkelslagKids_2011','Sirkelslag Kids 2011','sirkelslag kids 2011/',addFotosSirkelslagKids_2011);   
 	addSubMenuItemFoto(mi,'SirkelslagYoung_2011','Sirkelslag Young 2011','sirkelslag young 2011/',addFotosSirkelslagYoung_2011);	

   addSubMenuItemFoto(mi,'JAZ_2011','Jongeren aan Zet 2011-2012','JAZ_2011/',addFotosJAZ_2011); 
	addSubMenuItemFoto(mi,'JAZ_2010','Jongeren aan Zet 2010-2011','JAZ_2010/',addFotosJAZ_2010);	

	addSubMenuItemFoto(mi,'Award_2011','Award 2011','award_2011/',addFotosAward_2011);	
	
	addSubMenuItemFoto(mi,'SirkelslagKids_2010','Sirkelslag Kids 2010','sirkelslag kids 2010/',addFotosSirkelslagKids_2010);	
	addSubMenuItemFoto(mi,'SirkelslagYoung_2010','Sirkelslag Young 2010','sirkelslag young 2010/',addFotosSirkelslagYoung_2010);	

	
	/* addSubMenuItemFoto(mi,'Award_2009','Award 2009','award_2009/',addFotosAward_2009);	*/
	/* addSubMenuItemFoto(mi,'Expedition_2008','Expedition 2008','jeugd_en_jongeren/expedition/',addFotosExpedition_2008);*/
	
	addSubMenuItemFoto(mi,'Sozen','Sozen','sozen/',addFotosSozen);
	/*addSubMenuItemFoto(mi,'Opening','Opening','opening_stap/',addFotosOpening);*/
	
	addSubMenuItemFoto(mi,'Jubileum','Jubileum','jubileum/',addFotosJubileum);
	
	//Gemeente
    mi=addMainMenuItem('gemeente','Gemeenten',"#CC6633",'','images/gemeente/','jongerenparticipatie');
    addSubMenuItem(mi,'jongerenparticipatie','Jongerenparticipatie','gemeente/jongerenparticipatie.htm');
    addSubMenuItem(mi,'onderzoek_gemeenten','Onderzoek gemeenten','gemeente/onderzoek_gemeenten.htm');
    addSubMenuItem(mi,'thema_programmas','Thema programma\'s','gemeente/thema_programmas.htm');

}

function initWinkelMenu(mi){
	if (!winkelMenuIsInit) {
		winkelMenuIsInit = true; //global variabele
		//alert('initWinkelMenu');		
		var url = getBaseArtikelenURL() + 'PHP/artikelgroep.php';
		var params = 'cmd=alle_artikel_groepen&&src=www';
		var JSONArtikelGroepen = postRequestSynchroon(url, params);
		//alert(JSONArtikelGroepen);
		var artikelGroepen = JSONArtikelGroepen.parseJSON();
		var found=false;
		for (var i = 0; i < artikelGroepen.length; i++) {
			var artGrp = artikelGroepen[i];
			if (artGrp.id==mi.defaultChild){
				found=true;
			}
			
			var menLineNr = 0;
			if ((i * 2) > artikelGroepen.length) {
				menuLineNr = 1;
			};
			addSubMenuItem(mi, parseInt(artGrp.id,10), artGrp.naam, ''); //hier iets waaruit blijkt dat het een artikelgroep is. TypeOf...
		}
		if (! found){
			mi.defaultChild=artikelGroepen[0].id;
		}
	}
}

function addMainMenuItem(id,menuName,color,noChildUrl,imgDir,defaultChild){
	/* noChildUrl -> bijvoorbeeld agenda heeft geen subonderwerpen, daarom naar agenda.htm
	 * defaultChild -> als in de url geen subItem wordt opgegeven (bv. na het openeningsscherm) wordt 
	 * het defaultchild gekozen.
	 * DefaultChild is de Id van de default child
	 */
	var menuItem=Array();
	menuItem['caption']=menuName;
	menuItem['color']=color;
	menuItem['childs']=Array();
	menuItem['idx']=menu.length; //index in menu
	menuItem['id']=id;
	menuItem['url']=noChildUrl;
	menuItem['defaultChild']=defaultChild;
	menuItem['imgDir']=imgDir;
	menu.push(menuItem);
	return(menuItem);
}


function createMenuItem(hdr,mi){
	var divText=document.createElement('div');
	divText.className="menuBtn";
	hdr.appendChild(divText);
	var txt=document.createTextNode(mi['caption']);
	divText.appendChild(txt);	
	divText.onclick= function(){ menuBtnClick(this); };
	divText.id=mi['parent']['id']+','+mi['id'];
	if (typeof(mi['parent']['artikelGroepId'])!='undefined'){
		divText.id=divText.id+','+mi['parent']['artikelGroepId'];
	}
	divText.style.backgroundColor=getColorBtn(divText);
	
	var spc=document.createTextNode(" "); //sptatie: nodig omdat er anders niet gewrapt wordt
	hdr.appendChild(spc);
	
	return(divText);
}