function zet(i, type, xGoed, xFout, xTotal, sGedeeld) {
	// type = x, ok, clear
	// i = part of id
	// xgoed = hoeveel moeten er goed gezet worden
	// xfout = hoeveel moeten er fout gezet worden
	// xTotal = totaal aantal afbeeldingen
	
	//alert(i + ', ' + type + ', xGoed=' + xGoed + ', xFout=' + xFout + ', xTotal=' + xTotal);

	/*
	kijken of ze wel gezet zijn
	*/
	/*var activatedItems = 0; //bijhouden hoeveel er als goed zijn gemarkeerd
	var disabledItems = 0; //bijhouden hoeveel er als fout zijn gemarkeerd
	for (x = 1; x < (xTotal+1); x++) {
		tempItemHolder = document.getElementById('singleImgHolder' + x);
		tempVelden = tempItemHolder.getElementsByTagName('input');
		tempVeld = tempVelden[0];
		
		if (tempVeld.value == 1) {
			activatedItems++;
		}
		//!
		if (tempVeld.value == -1) { //status 2 omdat undefined als 0 werdt gezien
			disabledItems++;
		}
	}*/
	//alert("activatedItems: " + activatedItems + ", disabledItems: " + disabledItems);

	var imgHolder = document.getElementById('statusImgHolder' + i);
	var itemHolder = document.getElementById('singleImgHolder' + i);
	var velden = itemHolder.getElementsByTagName('input');
	var veld = velden[0];

	//als het huidige plaatje 1 van deze waarde heeft moet ie weer uit
	//!
	/*if (veld.value == -1 && type == 'x') {
		imgHolder.innerHTML = '';
		veld.value = 0;
		return false;
	}
	if (veld.value == 1 && type == 'ok') {
		imgHolder.innerHTML = '';
		veld.value = 0;
		return false;
	}

	if (activatedItems == xGoed && type == 'ok') {
		alert('U mag maximaal ' + xGoed + ' als van toepassing aanvinken');
		return false;
	}
	if (disabledItems == xFout && type == 'x') {
		alert('U mag maximaal ' + xFout + ' als \'niet van toepassing\' aanvinken');
		return false;
	}*/

	// reset de status van de andere plaatjes met hetzelfde type (x of v) als het huidige plaatje
	var typeValue = 0;
	if (type == 'x') {
		typeValue = -1;
	}
	else if (type == 'ok') {
		typeValue = 1;
	}
	for (x = 1; x < (xTotal + 1); x++) {
		var tempImgHolder = document.getElementById('statusImgHolder' + x);
		
		var tempItemHolder = document.getElementById('singleImgHolder' + x);
		var tempVelden = tempItemHolder.getElementsByTagName('input');
		var tempVeld = tempVelden[0];
		
		if (tempVeld.value == typeValue) {
			//tempImgHolder.innerHTML = '<!-- -->';
			tempImgHolder.innerHTML = '';
			tempVeld.value = 0;
		}
	}

	// plaatjes en waarde wijzigen
	if (type == 'ok') {
		imgHolder.innerHTML = '<img src="' + sGedeeld + '/beeld/opmaak/tests/nonVerbaleBeroepskeuzetest/statusOk.gif" />';
		veld.value = 1;
	} else if(type == 'x') {
		//!
		veld.value = -1;
		imgHolder.innerHTML = '<img src="' + sGedeeld + '/beeld/opmaak/tests/nonVerbaleBeroepskeuzetest/statusX.gif" />';
	}
} // End function zet



function controleer_woordgroepen(f, xGoed, xFout, xTotal, numberOfImgSets, sGedeeld) {
	//alert('called controleer_woordgroepen with ' + xGoed + ', ' + xFout + ', ' + xTotal);

	var activatedItems = 0;
	var disabledItems = 0;

	for (x = 1; x < (xTotal + 1); x++) {
		var tempItemHolder = document.getElementById('singleImgHolder' + x);
		var tempVelden = tempItemHolder.getElementsByTagName('input');
		var tempVeld = tempVelden[0];
		
		if (tempVeld.value == 1) {
			activatedItems++;
		}
		/*!*/if(tempVeld.value == -1) {
			disabledItems++;
		}
	}
	
	var jsCq = document.getElementById("js_cq");
	
	if (xGoed == activatedItems && xFout == disabledItems) {
		if (jsCq.value == numberOfImgSets) {
			// change next button behavior to show results
			var volgendeKnop = document.getElementById("volgende_knop");
			showResults();
		}
		else {
			vervang_imgset(numberOfImgSets, xTotal, sGedeeld);
			return true;
		}
	}
	else {
		if (activatedItems == 0 && disabledItems == 0) {
			alert("Kies een plaatje dat je het meest aanspreekt en een plaatje dat je het minst aanspreekt");
			return false;
		}
		
		if (xGoed == 1 && xFout == 1) {
			if (disabledItems == 1 && activatedItems == 0) {
				alert("Kies ook nog het plaatje dat je het meest aanspreekt");
				return false;
			}
			else if (disabledItems == 0 && activatedItems == 1) {
				alert("Kies ook nog het plaatje dat je het minst aanspreekt");
				return false;
			}
		}
		else {
			if (activatedItems < xGoed) {
				if (disabledItems < xFout) {
					alert('U moet er nog ' + (xGoed - activatedItems) + ' goed zetten \nen ' + (xFout - disabledItems) + ' fout zetten');
					return false;
				}
				else {
					alert('U moet er nog ' + (xGoed - activatedItems) + ' goed zetten');
					return false;
				}
			}
			else {
				alert('U moet nog ' + (xFout - disabledItems) + ' fout zetten');
				return false;
			}
		}
	}
}  // End function controleer_woordgroepen



function vervang_imgset(numberOfImgSets, numberOfImages, sGedeeld) {
	//alert("numberOfImgSets: " + numberOfImgSets + ", numberOfImages: " + numberOfImages);
	// format images name: setnumber-imagenumber.jpg (01-01.jpg)
	
	// check if browser supports the DOM methods
	if (!document.getElementById || !document.getElementsByTagName) return false;
	
	// obtain a reference to the desired hidden input with id js_cq
	// if no such input exists, abort
	var jsCq = document.getElementById("js_cq");
	if (! jsCq) { return; }
	//alert("jsCq value: " + jsCq.value);
	// increment the value of the hidden input
	jsCq.value++;
	
	// the number of images per image set
	//var numberOfImages = 4;
	
	var tempResultArray = document.getElementById("tempResultArray");
	
	var qOfTotal = document.getElementById("qOfTotal");
	qOfTotal.innerHTML = "Keuze " + jsCq.value + " van de " + numberOfImgSets;
	
	if (jsCq.value <= numberOfImgSets) {
		
		for (var g = 1; g <= numberOfImages; g++) {
			
			// reset the hidden input with id statusHolder
			var statusHolder = document.getElementById("statusHolder" + g);
			if (jsCq.value > 1) {
				// store the img status (0 = "", 1 = "v", 2 = "x")
				tempResultArray.value += statusHolder.value + "";
				if (g == numberOfImages) {
					tempResultArray.value += "|";
				}
				else {
					tempResultArray.value += ",";
				}
			}
			statusHolder.value= "0";
			
			// reset the div with id statusImgHolder (with the large "x" or "v")
			var statusImgHolder = document.getElementById("statusImgHolder" + g);
			//statusImgHolder.innerHTML = '<!-- -->';
			statusImgHolder.innerHTML = '';
			
			// obtain a reference to the desired div
			// if no such div exists, abort
			var singleImgHolder = document.getElementById("singleImgHolder" + g);
			if (! singleImgHolder) { return; }
			
			var singleImgHolderImgs = singleImgHolder.getElementsByTagName("img");
			
			for (var h = 0; h < singleImgHolderImgs.length; h++) {
				// getAttributeNode not supported by IE
				//if (singleImgHolderImgs[h].getAttributeNode("class") == null) {
				if (singleImgHolderImgs[h].className == "") {
					//alert("img src:" + singleImgHolderImgs[h].src);
					var imgSetNumberString = "";
					if (jsCq.value < 10) {
						imgSetNumberString = "0" + jsCq.value;
					}
					else {
						imgSetNumberString = "" + jsCq.value;
					}
					// change img
					singleImgHolderImgs[h].src = sGedeeld + "/beeld/opmaak/tests/nonVerbaleBeroepskeuzetest/" + imgSetNumberString + "-0" + g + ".jpg";
				}
			}
			
		} // end for (var g = 1; g <= numberOfImages; g++)
		
		//alert(tempResultArray.value);
		if (jsCq.value == numberOfImgSets) {
			// change next button appearance and behavior to show results button
			var volgendeKnop = document.getElementById("volgende_knop");
			volgendeKnop.value = "Uitslag";
			//volgendeKnop.onclick = showResults;
			
		}
		
	} // end if (jsCq.value <= numberOfImgSets)
	else {
		//jsCq.value = numberOfImgSets;
	}
	//alert(tempResultArray.value);
}

function formOnSubmit() {
	var jsCq = document.getElementById("js_cq");
	if (jsCq.value == -1) {
		return true;
	}
	else {
		return false;
	}
}

function showResults() {
	
	// check if browser supports the DOM methods
	if (!document.getElementById || !document.getElementsByTagName) return false;
	
	var jsCq = document.getElementById("js_cq");
	// set the value of the hidden input to -1 to mark end of questions
	jsCq.value = -1;
	
	// the number of images per image set
	var numberOfImages = 4;
	
	var tempResultArray = document.getElementById("tempResultArray");
	
	// store last question
	for (var g = 1; g <= numberOfImages; g++) {
		// reset the hidden input with id statusHolder
		var statusHolder = document.getElementById("statusHolder" + g);
		// store the img status (0 = "", 1 = "v", 2 = "x")
		tempResultArray.value += statusHolder.value + "";
		if (g < numberOfImages) {
			tempResultArray.value += ",";
		}
	}
	
	//alert(tempResultArray.value);
	return true;
}