function hideChildren(level) {
	var aUl = document.getElementById(level).getElementsByTagName('ul');
	for (var i=0;i<aUl.length;i++) {
		aUl[i].style.display='none';
	}
	var aLi = document.getElementById(level).getElementsByTagName('li');
	for (var i=0; i<aLi.length; i++) {
		if (aLi[i].className) {
			if (aLi[i].className == 'selected'){
				aLi[i].className = '';
			}
			else if (aLi[i].className =='foldedSelected'){
				aLi[i].className = 'folded';
			}
		}
	}
}

function showChildren(childID) {
	document.getElementById(childID).style.display='block';
}

var vertraging;
var vertraging2;

function dropdown(show){
	vertraging2 = window.setTimeout(function() {
		window.clearTimeout(vertraging);
		if (show == 'huurder'){
			document.getElementById('dropDownMenu').style.display='block';
			document.getElementById('woningzoekende').style.display='none';
			hideChildren('woningzoekende-submenuLevel3');
			hideChildren('woningzoekende-submenuLevel4');
			document.getElementById('wsn').style.display='none';
			hideChildren('wsn-submenuLevel3');
			hideChildren('wsn-submenuLevel4');
			document.getElementById('huurder').style.display='block';
		}
		else if (show == 'woningzoekende') {
			document.getElementById('dropDownMenu').style.display='block';
			document.getElementById('wsn').style.display='none';
			hideChildren('wsn-submenuLevel3');
			hideChildren('wsn-submenuLevel4');
			document.getElementById('huurder').style.display='none';
			hideChildren('huurder-submenuLevel3');
			hideChildren('huurder-submenuLevel4');
			document.getElementById('woningzoekende').style.display='block';
		}
		else if (show == 'wsn') {
			document.getElementById('dropDownMenu').style.display='block';
			document.getElementById('huurder').style.display='none';
			hideChildren('huurder-submenuLevel3');
			hideChildren('huurder-submenuLevel4');
			document.getElementById('woningzoekende').style.display='none';
			hideChildren('woningzoekende-submenuLevel3');
			hideChildren('woningzoekende-submenuLevel4');
			document.getElementById('wsn').style.display='block';
		}
	}, 200);
}

function dropHide(){
	window.clearTimeout(vertraging2);
	vertraging = window.setTimeout(dropHideNow, 300);
}

function dropHideNow(){
	document.getElementById('dropDownMenu').style.display='none';
}

function makeSelected(thisItem, newclassname) {
	var allListItems = thisItem.parentNode.childNodes;
	for (var i=0; i<allListItems.length; i++) {
		if (allListItems[i].className) {

			if (allListItems[i].className == 'selected'){
				allListItems[i].className = '';
			}
			else if (allListItems[i].className =='foldedSelected'){
				allListItems[i].className = 'folded';
			}
		}
	}
	thisItem.className = newclassname;
}
