var req;
var req2;

var isIE;


function initRequest2(url) {

    if (window.XMLHttpRequest) {
        req2 = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        isIE = true;
        req2 = new ActiveXObject("Microsoft.XMLHTTP");
    }
}


function initRequest(url) {

   if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        isIE = true;
        req = new ActiveXObject("Microsoft.XMLHTTP");
	
    }
}


function maak(geklikt, geklikt2)
{
//alert(navigator.appVersion);
	if (navigator.appName=="Microsoft Internet Explorer")
	{
		maakMenu(geklikt);
//		maakMain(geklikt2);
	}
	else
	{
		maakMenuB(geklikt);
	}
}



	
function maakMain(geklikt)
{
	var url = "maakMain.php?boven=" + geklikt;


    // Invoke initRequest(url) to create XMLHttpRequest object
    initRequest(url);

    req.onreadystatechange = processRequest4;
    req.open("GET", url, true);
    req.send(null);
}	
	

function maakMenu(geklikt)
{
	var url = "maakMenu.php?boven=" + geklikt;

    // Invoke initRequest(url) to create XMLHttpRequest object
    initRequest(url);

    req.onreadystatechange = processRequest3;
    req.open("GET", url, true);
    req.send(null);


}
function maakMenuB(geklikt)
{
	var url = "maakMenuB.php?boven=" + geklikt;

    // Invoke initRequest(url) to create XMLHttpRequest object
    initRequest(url);

    req.onreadystatechange = processRequest3b;
    req.open("GET", url, true);
    req.send(null);


}

function vul(geklikt)
{
	var url = "vul.php?id=" + geklikt;

    // Invoke initRequest(url) to create XMLHttpRequest object
    initRequest(url);

    req.onreadystatechange = processRequest5;
    req.open("GET", url, true);
    req.send(null);


}	

function validateMenu()
{
   var url = "buildmenu.php";   

    // Invoke initRequest(url) to create XMLHttpRequest object
    initRequest(url);

    req.onreadystatechange = processRequest;
    req.open("GET", url, true);
    req.send(null);


}


function validateItem(id) {

   var target = id;

   var url = "changemenu.php?id=" + target;   

    // Invoke initRequest(url) to create XMLHttpRequest object
    initRequest2(url);

    req2.onreadystatechange = processRequestItem;
    req2.open("GET", url, true);
    req2.send(null);
	
}

function processRequest() {
	
    if (req.readyState == 4) {
        if (req.status == 200) {

	    var resp = req.responseXML.getElementsByTagName("id");
	    var resp2 = req.responseXML.getElementsByTagName("tekst");
	    var resp3 = req.responseXML.getElementsByTagName("link");
	    var resp4 = req.responseXML.getElementsByTagName("target");

	    var response=""; 

	    for (var i=0; i<resp.length; i++)
	    {
		response += "<br><a id='"+resp[i].childNodes[0].nodeValue+"' href='"+resp3[i].childNodes[0].nodeValue+"' target='"+resp4[i].childNodes[0].nodeValue+"' class='hoofd' onClick='validateItem("+resp[i].childNodes[0].nodeValue+")'>"+resp2[i].childNodes[0].nodeValue+"</a><br>";
	    }

	    document.getElementById('menuitems').innerHTML = response;   
        }
    }

}

function processRequest3b() {
	
    if (req.readyState == 4) {
        if (req.status == 200) {

	    var resp = req.responseXML.getElementsByTagName("id");
	    var resp2 = req.responseXML.getElementsByTagName("titel");
		var resp3 = req.responseXML.getElementsByTagName("bl");

	    var response=""; 
		var bove = "";

	    for (var i=0; i<resp.length; i++)
	    {
		bove = resp3[i].childNodes[0].nodeValue;
		response += "<br><a onClick='vul("+resp[i].childNodes[0].nodeValue+")'>"+resp2[i].childNodes[0].nodeValue+"</a><br>";
	    }

	    document.getElementById('menu').innerHTML = response;     
		maakMain(bove);
        }
    }

}

function processRequest3() {
	
    if (req.readyState == 4) {
        if (req.status == 200) {

	    var resp = req.responseXML.getElementsByTagName("id");
	    var resp2 = req.responseXML.getElementsByTagName("titel");

	    var response=""; 

	    for (var i=0; i<resp.length; i++)
	    {
		response += "<br><a onClick='vul("+resp[i].childNodes[0].nodeValue+")'>"+resp2[i].childNodes[0].nodeValue+"</a><br>";
	    }

	    document.getElementById('menu').innerHTML = response;     
        }
    }

}


function processRequest4() {
	
    if (req.readyState == 4) {
        if (req.status == 200) {

	    var resp = req.responseXML.getElementsByTagName("titel");
	    var resp2 = req.responseXML.getElementsByTagName("tekst");
	    var resp3 = req.responseXML.getElementsByTagName("foto");
		var resp4 = req.responseXML.getElementsByTagName("vorigep");
		var resp5 = req.responseXML.getElementsByTagName("id");

	    var response=""; 
	    var response2=""; 
	    var response3=""; 
	    var response4=""; 
		var response5="";

	    for (var i=0; i<resp.length; i++)
	    {
		response += resp[i].childNodes[0].nodeValue;
		response2 += resp2[i].childNodes[0].nodeValue;
		response4 += "<a onClick='vul("+resp4[i].childNodes[0].nodeValue+")'>vorige pagina</a>";
		response5 += resp5[i].childNodes[0].nodeValue;

		if(resp3[i].childNodes[0].nodeValue != "leeg")
			{
				response3 += "<img src='./nieuwsfotos/"+resp3[i].childNodes[0].nodeValue+"'>";
			}
			else
			{
				response3 = "";
			}
		}
/*
		document.getElementById('titl').innerHTML = response;           
		document.getElementById('teks').innerHTML = response2;           
		document.getElementById('fot').innerHTML = response3;           
		document.getElementById('terug').innerHTML = response4;         
*/
		document.location.href="?var="+response5;		
		}
    }

}

function processRequest5() {
	
    if (req.readyState == 4) {
        if (req.status == 200) {

	    var resp = req.responseXML.getElementsByTagName("titel");
	    var resp2 = req.responseXML.getElementsByTagName("tekst");
	    var resp3 = req.responseXML.getElementsByTagName("foto");
		var resp4 = req.responseXML.getElementsByTagName("vorigep");
		var resp5 = req.responseXML.getElementsByTagName("id");

	    var response=""; 
	    var response2=""; 
	    var response3=""; 
	    var response4=""; 
		var response5="";

		for (var i=0; i<resp.length; i++)
	    {
		response += '<div id="teks2">'+resp[i].childNodes[0].nodeValue+'</div>';
		response2 += resp2[i].childNodes[0].nodeValue;
		response4 += "<a onClick='vul("+resp4[i].childNodes[0].nodeValue+")'>vorige pagina</a>";
		response5 += resp5[i].childNodes[0].nodeValue;
		
		if(resp3[i].childNodes[0].nodeValue != "leeg")
			{
				response3 += "<img src='./nieuwsfotos/"+resp3[i].childNodes[0].nodeValue+"'>";
			}
			else
			{
				response3 = "";
			}
		}
/*
		document.getElementById('titl').innerHTML = response;           
		document.getElementById('teks').innerHTML = response2;           
		document.getElementById('fot').innerHTML = response3;           
		document.getElementById('terug').innerHTML = response4;     
*/
//test href
//ok dit zet de url bovenaan en gaat er ook naartoe
		document.location.href="?var="+response5;
//einde test href 
		}
    }

}

function processRequestItem() {

    if (req2.readyState == 4) {
        if (req2.status == 200) {

	    var resp = req2.responseXML.getElementsByTagName("id");
	    var resp2 = req2.responseXML.getElementsByTagName("tekst");
	    var resp3 = req2.responseXML.getElementsByTagName("link");
	    var resp4 = req2.responseXML.getElementsByTagName("bovenliggenddeel");
	    var resp5 = req2.responseXML.getElementsByTagName("geselecteerd");
	    var resp6 = req2.responseXML.getElementsByTagName("target");

	    var response=""; 

	    for (var i=0; i<resp.length; i++)
	    {
		var sel = resp5[i].childNodes[0].nodeValue;
		var bd = resp4[i].childNodes[0].nodeValue;
		var tek = resp2[i].childNodes[0].nodeValue; 
		var id = resp[i].childNodes[0].nodeValue; 
		
		if(sel!=0)
		{
			var id2 = id;
		}

		if(bd!=0)
		{		
	
			if(sel!=0)
			{
				tek = "<div id='sub1' align='left'><img src='pijlrechts.gif' border=0 />"+tek;
			}
			else
			{
				tek = "<div id='sub1' align='left'><img src='pijlrechts2.gif' border=0 />"+tek;
			}
			
		}
		else
		{
			tek = "<hr>"+tek;
		}
			response += "<a id='"+id+"' href='"+resp3[i].childNodes[0].nodeValue+"' target='"+resp6[i].childNodes[0].nodeValue+"' class='hoofd' onClick='validateItem("+id+")'>"+tek+"</a><br>";

		if(bd!=0)
		{
			response += "</div>"; 
		}		

	    }

	    document.getElementById('menuitems').innerHTML = response;
     	    document.getElementById(id2).style.color = "white";
        }
    }

}