var Acc; // global var om de accordion te bereiken.
var Hpanel; // global var om de flashTekst te bereiken.
var Ipanel; // global var om de nieuwsitems te bereiken.
var huidigHoofdID = 0;
var huidigSubitem = 0;
var base = new Spry.Data.XMLDataSet("/menu/sitemapdata.xml", "sitemap/@baseurl");
var hoofditem = new Spry.Data.XMLDataSet("/menu/sitemapdata.xml", "/sitemap/hoofdItem",{sortOnLoad:"@code",sortOrderOnLoad:"ascending",useCache:false});
var subitem = new Spry.Data.NestedXMLDataSet(hoofditem, "subItem",{sortOnLoad:"@code",sortOrderOnLoad:"ascending",useCache:false});
var subsubitem = new Spry.Data.XMLDataSet(null, "sitemap/hoofdItem/subItem/subSubItem",{sortOnLoad:"@code",sortOrderOnLoad:"ascending",useCache:false});

function zetHuidigHoofdID (vergelijk) {
	if (pCode == vergelijk) {
		huidigHoofdID = getHoofdID(pCode);
		huidigSubitem = vergelijk;
	}
	return pNaam;
}
function zetSubSub(n) {
	var str='';
	str+='<hr width="103%" size="2" noshade="noshade" \/><br \/>';
	str+='<a href="#bovenaan"><img src="\/kunst\/alg\/ico_up.gif" alt="naar boven" width="20" height="18" border="0" align="right" title="naar boven" \/><\/a>';
	str+='<span class="subsubmenu_legend">inhoud<\/span>';
	str+='<div id="subsubmenu" spry:region="subsubitem"><span id="subsub_link" spry:repeatchildren="subsubitem">';
	str+='<a href="#{subsubitem::@anker}" rel="{subsubitem::@anker}" id="subsub_link_actief" onclick="markeerActieveSubSub(this)" onkeypress="markeerActieveSubSub(this)">{subsubitem::@labelText}<\/a> ';
	str+='<\/span><\/div><br \/>';
	n.innerHTML = str;
}
function markeerActieveSubSub (e) {
	Spry.$$("a#subsub_link_actief").removeClassName("subsubmenu_actief");
	Spry.$$("a[rel="+e.getAttribute("rel")+"]").addClassName("subsubmenu_actief");;
}

Spry.Utils.addLoadListener(
	function() {
		Spry.$$("#menu").setAttribute("spry:region", "hoofditem subitem base");
		Spry.$$("#hoofdmenuItems").setAttribute("spry:repeat", "hoofditem");
		Spry.$$("#submenuItems").setAttribute("spry:repeat", "subitem");
		Spry.$$("#submenuItems").setAttribute("spry:choose", "spry:choose");
		Spry.$$("#menu2_actief").setAttribute("spry:when", "'{subitem::@pagina}' == zetHuidigHoofdID({subitem::@code})");
		Spry.$$("#menu2_inactief").setAttribute("spry:default", "spry:default");	
		
		Spry.$$("#favorieten").setAttribute("spry:region", "subitem base");
		Spry.$$("#favDiv1").setAttribute("spry:repeat", "hoofditem");
		Spry.$$("#favDiv2").setAttribute("spry:repeat", "subitem");
		Spry.$$("#favDiv2").setAttribute("spry:test", "'{subitem::@favoriet}' == '1'");
		Spry.$$("#favDiv3").setAttribute("spry:choose", "spry:choose");
		Spry.$$("#favDiv3_actief").setAttribute("spry:when", "'{subitem::@pagina}' == pNaam");
		Spry.$$("#favDiv3_inactief").setAttribute("spry:default", "spry:default");
		
		if (document.getElementById("subsub")) {
			Spry.$$("div#subsub").forEach(zetSubSub);
		}
		
		Spry.Data.initRegions();

		var x=0;
		var Menu_observer = { onPostUpdate: function(notifier, data) { 
			Acc = new Spry.Widget.Accordion("Acc", { useFixedPanelHeights:false, defaultPanel: huidigHoofdID-1 }); 
			if (x==0) {
				x++;
				zetCSS(huidigHoofdID,'');
				zetHulpIconen();
				var doc = hoofditem.getDocument();
				if (doc) {
					subsubitem.setDataFromDoc(doc);
					subsubitem.setXPath("sitemap/hoofdItem/subItem[@code='"+huidigSubitem+"']/subSubItem");
				}
				if (subsubitem.getRowCount()>0) {
					Spry.$$("#subsub").setStyle("visibility: visible;");	
				}
			}
		} };
		
		Spry.Data.Region.addObserver("menu", Menu_observer);


		Hpanel = new Spry.Widget.HTMLPanel("flashBoodschap");
		var Hpanel_observer = new Object;
		Hpanel_observer.onPostUpdate = function(notifier, data) { 
			document.getElementById('flashBoodschap').style.display = 'block';
			};
		Hpanel_observer.onLoadError = function(notifier, data) { 
			document.getElementById('flashBoodschap').style.display = 'none';
			};
		Hpanel.addObserver(Hpanel_observer);
		Hpanel.loadContent('/flashboodschap/boodschap.html');
		
	}
);