var onvoldoende = 4.9;
	var matig = 5.9;
	var req;
	var data;
	var whtSpEnds = new RegExp("^\\s*|\\s*$", "g");
	var whtSpMult = new RegExp("\\s\\s+", "g");

	if (document.ELEMENT_NODE == null) {
		document.ELEMENT_NODE = 1;
		document.TEXT_NODE = 3;
	}
	function toggle_plattegrond() {
		plattegrond = document.getElementById("plattegrond");
		if (plattegrond.style.display == "") {
			plattegrond.style.display = "none";
			} else {
			plattegrond.style.display = "";
		}
	}
	function getTextValue(el) {
		var i;
		var s;
		s = "";
		for (i=0; i < el.childNodes.length; i++) {
			if (el.childNodes[i].nodeType == document.TEXT_NODE) {
				s += el.childNodes[i].nodeValue;
			} else if (el.childNodes[i].nodeType == document.ELEMENT_NODE && el.childNodes[i].tagName == "BR") {
				s += " ";
			} else {
				s += getTextValue(el.childNodes[i]);
			}
		}
		return normalizeString(s);
	}
	function normalizeString(s) {
		s = s.replace(whtSpMult, " ");
		s = s.replace(whtSpEnds, "");
		return s;
		}
	function compareValues(v1, v2) {
		var f1, f2;
		f1 = parseFloat(v1);
		f2 = parseFloat(v2);
		if (!isNaN(f1) && !isNaN(f2)) {
			v1 = f1;
			v2 = f2;
		}
		if (v1 == v2) {
			return 0;
		} else if (v1 > v2) { 
			return 1;
		} else {
			return -1;
		}
	}
	function sortTable(col) {
		var tblEl = document.getElementById("tabelbody");
		if (col == tblEl.lastColumn) { tblEl.reverseSort[col] = !tblEl.reverseSort[col]; }
		tblEl.lastColumn = col;
		var tmpEl;
		var i, j;
		var minVal, minIdx;
		var testVal;
		var cmp;
		for (i = 0; i < tblEl.rows.length - 1; i++) {
			minIdx = i;
			minVal = getTextValue(tblEl.rows[i].cells[col]);
			for (j = i + 1; j < tblEl.rows.length; j++) {
				testVal = getTextValue(tblEl.rows[j].cells[col]);
				cmp = compareValues(minVal, testVal);
				if (tblEl.reverseSort[col]) { cmp = -cmp; }
				if (cmp > 0) {
					minIdx = j;
					minVal = testVal;
				}
			}
			if (minIdx > i) {
				tmpEl = tblEl.removeChild(tblEl.rows[minIdx]);
				tblEl.insertBefore(tmpEl, tblEl.rows[i]);
			}
		}
		for (i = 0; i < tblEl.rows.length; i++) {
			if (i%2) {
				tblEl.rows[i].className = "tr1";
				tblEl.rows[i].style.background = "#F6F6F6";
			} else {
				tblEl.rows[i].className = "tr0";
				tblEl.rows[i].style.background = "#FFFFFF";
			}
		}
		return false;
	}

	function highlight(gebied, hi) {
		the_row = document.getElementById("row-" + gebied);
		if (hi) {
			the_row.style.background = "#A1D6F4";
			} else {
			if (the_row.className == "tr0") {
				the_row.style.background = "#FFFFFF";
				} else {
				the_row.style.background = "#F6F6F6";
			}
		}
	}
	function add_onderwerp(item) {
		selectbox = document.forms[0].onderwerp;
		selectbox.options[selectbox.options.length] = new Option(item, item);
	}
	function add_tijdstip(item) {
		selectbox = document.forms[0].tijdstip;
		selectbox.options[selectbox.options.length] = new Option(item, item);
	}
	function vul_gebied(gebied, waarde) {
		if (waarde > matig) {
			color = "green";
		} else if (waarde > onvoldoende) {
			color = "yellow";
		} else { color = "red"; }
		image = "images/" + gebied + "-" + color + ".png";
		the_image = document.getElementById(gebied);
		if (the_image) { the_image.src = image; } else { alert(image + " not found"); }
		tekst = gebied + "-text";
		the_tekst = document.getElementById(tekst);
		the_tekst.innerHTML = waarde;
	}
	function selecteer() {
		if (document.forms[0].onderwerp.options.length) {
			onderwerp = document.forms[0].onderwerp.options[document.forms[0].onderwerp.selectedIndex].value;
			tijdstip = document.forms[0].tijdstip.options[document.forms[0].tijdstip.selectedIndex].value;
		}
		if (data) {
			metingen = data.getElementsByTagName("meting");
			for (var i = 0; i < metingen.length; i++) {
				if (metingen[i].attributes[0].nodeValue == tijdstip) {
					onderwerpen = metingen[i].getElementsByTagName("onderwerp");
					for (var j = 0; j < onderwerpen.length; j++) {
						if (onderwerpen[j].attributes[0].nodeValue == onderwerp) {
							var de_titel = onderwerpen[j].attributes[0].nodeValue;
							var de_vraag = onderwerpen[j].attributes[1].nodeValue;
							var vraag = document.getElementById("vraag");
							vraag.innerHTML = de_vraag;
							var titel = document.getElementById("titel");
							var tmp = de_titel.substr(0,1);
							titel.innerHTML = tmp.toUpperCase() + de_titel.substr(1, de_titel.length-1);
							var tijdlabel = document.getElementById("tijdlabel");
							tijdlabel.innerHTML = tijdstip;
							var body = document.getElementById("tabelbody");
							var trElem, tdElem, txtNode;
							while (body.childNodes.length > 0) { body.removeChild(body.firstChild); }
							gebieden = onderwerpen[j].getElementsByTagName("gebied");
							for (var k = 0; k < gebieden.length; k++) {
								buurtcode = gebieden[k].attributes[0].nodeValue;
								naam = gebieden[k].attributes[1].nodeValue;
								trElem = body.insertRow(body.rows.length);
								trElem.className = "tr" + (k%2);
								tdElem = trElem.insertCell(trElem.cells.length);
								tdElem.className = "col0";
								txtNode = document.createTextNode(buurtcode);
								tdElem.appendChild(txtNode);
								tdElem = trElem.insertCell(trElem.cells.length);
								tdElem.className = "col1";
								txtNode = document.createTextNode(naam);
								tdElem.appendChild(txtNode);
								waarde = gebieden[k].attributes[2].nodeValue;
								tdElem = trElem.insertCell(trElem.cells.length);
								tdElem.className = "col2";
								txtNode = document.createTextNode(waarde);
								tdElem.appendChild(txtNode);
								naam = naam.replace("buurt", "");
								naam = naam.toLowerCase()
								while (naam.indexOf(" ") > -1) { naam = naam.replace(" ", ""); }
								vul_gebied(naam, waarde);
								trElem.id = "row-" + naam;
							}
							gemiddelden = onderwerpen[j].getElementsByTagName("gemiddeld");
							if (gemiddelden) {
								gemiddeld = gemiddelden[0].firstChild.nodeValue;
								gem = document.getElementById("gemiddelde");
								if (gemiddeld > matig) {
									gem.style.background = "#5ABD00";
									} else if (gemiddeld > onvoldoende) {
									gem.style.background = "#FFF79C";
									} else {
									gem.style.background = "#FF0000";
								}
								gem.style.width = gemiddeld*10 + "%";
								gem.innerHTML = gemiddeld;
							}
						}
					}
				}
			}
		}
		var tblEl = document.getElementById("tabelbody");
		if (tblEl.reverseSort == null) { tblEl.reverseSort = new Array(); }
		tblEl.reverseSort[2] = 0;
		tblEl.lastColumn = 2;
	}
	function ff(num) {
		selected_item = document.forms[0].tijdstip.selectedIndex;
		selected_item = selected_item + num;
		if (selected_item < 0 ) { selected_item = 0; }
		if (selected_item >= document.forms[0].tijdstip.options.length) {
			selected_item = document.forms[0].tijdstip.options.length - 1;
		}
		document.forms[0].tijdstip.selectedIndex = selected_item;
		selecteer();
	}
	function process_data() {
		if (req.readyState == 4) {
			if (req.status == 200) {
				data = req.responseXML.documentElement;
				metingen = data.getElementsByTagName("meting");
				for (var i = 0; i < metingen.length; i++) {
					add_tijdstip(metingen[i].attributes[0].nodeValue);
				}
				onderwerpen = metingen[0].getElementsByTagName("onderwerp");
				for (var i = 0; i < onderwerpen.length; i++) {
					add_onderwerp(onderwerpen[i].attributes[0].nodeValue);
				}
			}
		}
		document.forms[0].tijdstip.selectedIndex = document.forms[0].tijdstip.length - 1;
		selecteer();
	}
	function loadXML() {
		if (window.XMLHttpRequest) {
			req = new XMLHttpRequest();
		} else if (window.ActiveXObject) {
			req = new ActiveXObject("Microsoft.XMLHTTP");
		}
		req.onreadystatechange = process_data;
		req.open("GET", "schoonheidsmetingen.xml", true);
		req.send(null);
	}