var selectViews = new Array;
var selectChanges = new Array;

window.onload = navInit;

function navInit() {
	var frmNav = document.frmNav;
	var elements = frmNav.getElementsByTagName('div');
	
	for (var i = 0; i < elements.length; i++) {
		if (elements[i].className == "selectView") {
			selectViews[selectViews.length] = elements[i];
		} else if (elements[i].className == "selectChange") {
			selectChanges[selectChanges.length] = elements[i];
		}
	}
		
	for (var i = 0; i < selectViews.length; i++) {
		selectViews[i].id = "view_" + i;
		selectViews[i].onclick = new Function("showSelectChange(this);");
		selectChanges[i].id = "change_" + i;
		
		setViewValue(selectViews[i], selectChanges[i]);
	}
}

function setViewValue(divView, divChange) {
	var checks = divChange.getElementsByTagName('input');
	var spans = divChange.getElementsByTagName('span');
	var itemsSelected = 0; 
	
	for (var i = 0; i < checks.length; i++) {
		if (checks[i].checked == true) {
			itemsSelected += 1;	
		}
	}
	
	if (itemsSelected > 0) {
		divView.innerHTML = "<br /><em>" + itemsSelected + " voorkeur</em>";
	} else {
		divView.innerHTML = "Geen voorkeur";
	}
}

function showSelectChange(o) {
	var selectedIndex = parseInt(o.id.substr(5, 1));

	if (selectChanges[selectedIndex].style.display != "block") {
		for (var i = 0; i < selectChanges.length; i++) {
			setViewValue(selectViews[i], selectChanges[i]);
			selectChanges[i].style.display = "none";
		}
		
		selectViews[selectedIndex].innerHTML = "<em>Maak uw keuze...</em>";
		selectChanges[selectedIndex].style.display = "block";
	} else {
		setViewValue(selectViews[selectedIndex], selectChanges[selectedIndex]);
		selectChanges[selectedIndex].style.display = "none";
	}	
}