// get xml
// loop though build nav
// showData

var xmlHttp;
var Btn;

function makeMenu(btn){ 
	Btn= btn
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null) {
	  alert ("Your browser does not support AJAX!");
	  return;
	  }
	
	var url = btn.title;
	xmlHttp.onreadystatechange = onResponse;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function ClickableimageMenu(btn){ 
	Btn = btn
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null) {
	  alert ("Your browser does not support AJAX!");
	  return;
	  }
	var id = btn.id
	var url = String('/index.php?id='+id);
	//alert(url)
	 
	//var url = btn.id;
	//console.log(url);
	xmlHttp.onreadystatechange = onResponse;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
	
}

function onResponse(){
	if(xmlHttp.readyState!=4) return;
	if(xmlHttp.status!=200) {
		alert("Problem retrieving XML data");
		return;
	  }  	
	var data  = xmlHttp.responseXML.documentElement;
	//alert(data)
	showPage(data)
	selectMenu(Btn);	
}

function getID(i){
	var id = i.toString().substr(6,1);
	alert(id);
	return id;	
	}
//===============================
function showPage(data){
	
	var content = data.getElementsByTagName("omschrijving")[0].textContent;
	if(content==undefined){
		var content = data.getElementsByTagName("omschrijving")[0].firstChild.nodeValue;
		}	
	$('abstractBG').style.backgroundColor='#000';
	$('abstractBody').update( unescape(content));
	$('portret').setAttribute('src',data.getElementsByTagName("foto")[0].firstChild.nodeValue) ;
}
//===================================
function selectMenu(Btn){
	var allbts = $$('#listing a');
	for(i=0;i<allbts.length;i++){
		var obj = allbts[i];
		obj.removeClassName('selected');
		}
	Btn.addClassName('selected');
	}
//===============================	
function GetXmlHttpObject(){
	var xmlHttp=null;
	try	{
	  // Firefox, Opera 8.0+, Safari
	  xmlHttp=new XMLHttpRequest();
	  }
	catch (e) {
	  // Internet Explorer
	  try{
		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
	  catch (e)	{
		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	  }
	return xmlHttp;
}



