var eindid;

function reset_form() {
	
	ul = document.getElementById("vragen");
	for (var i=ul.childNodes.length; i>=3; i--) {
		
		if(ul.childNodes[i]!=undefined) {
			ul.removeChild(ul.childNodes[i]);
		}
	}
}

var http_request_categorieen = false;
function fillCategorieen(pos) {
	var id = document.getElementById('cat'+pos).options[document.getElementById('cat'+pos).selectedIndex].value;
	eindid=id;
	document.getElementById('pos').value = pos;
	http_request_categorieen = false;
	http_request_categorieen = XMLGetRequest(url+"xhr/categorieen.php?id="+encodeURIComponent(id),null,categorieenCheck);

}

function categorieenCheck(pos) {

	if (http_request_categorieen.readyState == 4) {		

		if (http_request_categorieen.status == 200) {
			var xmldoc = http_request_categorieen.responseXML;

			if (xmldoc) {
				var vraagNodes = xmldoc.getElementsByTagName("Vraag");
				var vraagNode = vraagNodes[0];

				
				var categorieenNodes = xmldoc.getElementsByTagName("Categorie");
				if (categorieenNodes) {
					categorieHTML(categorieenNodes, vraagNode);
				} else {
					alert('Er is een fout opgetreden tijdens het ophalen van de spaarpotten.');
				}
			}
		}
	}
}
var li;
var ul;
function categorieHTML(categorieenNodes, vraagNode) {
	
	ul = document.getElementById("vragen");
	var pos = parseInt(document.getElementById("pos").value);
	
	var pos_temp = pos+1;
	
	for (var i=ul.childNodes.length; i>=pos_temp; i--) {
		
		if(ul.childNodes[i]!=undefined) {
			ul.removeChild(ul.childNodes[i]);
		}
	}
	
	
	li = document.createElement('li');
	

	if(categorieenNodes.length > 0) {
		
		var html = "<img src='"+url+"img/vraag-0"+(pos+1)+".gif' alt='Vraag' width='24' height='19' /> <select name='cat"+(pos+1)+"' class='bouwselect' id='cat"+(pos+1)+"' onChange=\"fillCategorieen('"+(pos+1)+"')\">";
		html += "<option value=''>"+vraagNode.getAttribute('Vraagnaam')+"</option>";
		for(i=0; i<categorieenNodes.length; i++) {
			
			var categorie = categorieenNodes.item(i);
			
			html += "<option value='"+categorie.getAttribute('Id')+"'>"+categorie.getAttribute('Naam')+"</option>";
	
		}
		
		html+= "</select>";
		
		li.innerHTML = html;
	
		ul.appendChild(li);
		
	} else if(vraagNode.getAttribute('Vraagnaam')=='') {
		
		http_request_categorieen = false;
		http_request_categorieen = XMLGetRequest(url+"xhr/resultaten.php?id="+eindid,null,fillres);
		
		//var html = "<input name='Zoeken' type='submit' class='button' value='Submit' />";
		//li.style.textAlign='right';
		
	}
	
}

function fillres(xmldoc) {
	if (http_request_categorieen.readyState == 4) {		

		if (http_request_categorieen.status == 200) {
			var xmldoc = http_request_categorieen.responseText;

			li.innerHTML = xmldoc;
			
			ul.appendChild(li);
		}
	}
	
}


function addcat() {
	i=1;
	var tr= document.getElementById('fill_cat_table').insertRow(-1);
	
	var td = tr.insertCell(-1);
	
	while(document.getElementById('cat'+i)!=undefined) {
		var id = document.getElementById('cat'+i).options[document.getElementById('cat'+i).selectedIndex].value;
		var inhoud = document.getElementById('cat'+i).options[document.getElementById('cat'+i).selectedIndex].innerHTML;
		
		if(i!=1) {
			td.innerHTML += " - " ;
		}
		td.innerHTML += inhoud;
		i++;
	}
	
	tr.id = id;
	td.innerHTML += "<input type='hidden' name='cat["+id+"]' value='"+id+"'>&nbsp;&nbsp;&nbsp;&nbsp; <img border='0' alt='Verwijder regel' src='img/delete.gif' style='cursor:pointer' onclick='delete_regel(\""+id+"\")'>";
}