var xmlDoc;
var provincies;

function loadXML()
{
	//load xml file
	// code for IE
	if (window.ActiveXObject)
	{
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async=false;
		xmlDoc.load("regio.xml");
		loadProvincies();
	}
	// code for Mozilla, Firefox, Opera, etc.
	else if (document.implementation && document.implementation.createDocument)
	{
		xmlDoc=document.implementation.createDocument("", "", null);
		xmlDoc.onload = loadProvincies;
		xmlDoc.load("regio.xml");
	}
	else
	{
		alert('Your browser cannot handle this script');
	}
}

function loadProvincies()
{
	provincies = [];

	provincies = xmlDoc.getElementsByTagName('provincie');
	
	var opt = document.getElementById('provincie').options;
	
	opt.disabled = false;
	opt.length = 0;
	
	opt[opt.length] = new Option("Selecteer", null);

	for (var i = 0; i < provincies.length; i++)
	{
		var provincieID = provincies[i].getAttribute("id");
		opt[opt.length] = new Option(provincieID, i);
	}
}

function loadRegios(provincie)
{
	provincies = [];

	provincies = xmlDoc.getElementsByTagName('provincie');
	
	var regios = provincies[provincie].getElementsByTagName('regio');
	
	var opt = document.getElementById('regio').options;
	
	opt.disabled = false;
	opt.length = 0;
	
	opt[opt.length] = new Option("Selecteer", null);

	for (var i = 0; i < regios.length; i++)
	{
		var regioID = regios[i].getAttribute("id");
		var regioURL = regios[i].getAttribute("url");
		opt[opt.length] = new Option(regioID , regioURL);
	}
	document.getElementById('regio').disabled = false;	
}