// JavaScript Document

function openBlauwMenulinks(button, target) {
// openstaande lijsten sluiten
	var element = document.getElementById(target);
	
	var classObject = element.className;
	var closeLinks = getElementsByClass(classObject);
	for(i=0; i<closeLinks.length; i++) { 
		if(closeLinks[i].id != element.id) {
			closeLinks[i].style.display = 'none'; 
		}
	}
	
// open UL list
	var element = document.getElementById(target);
	var setting = element.style.display;

	if(setting == "block") {
		element.style.display = "none";
	} else { 
		element.style.display = "block";
	}	


// change arrow down
	var element = document.getElementById(button);
	var setting = element.className;
	
	if(setting == "kaderBlauwMenuBoxActive") {
		element.className = "kaderBlauwMenuBox";
	} else { 
		element.className = "kaderBlauwMenuBoxActive";
	}
	
// openstaande arrows veranderen
	var element = document.getElementById(button);
	
	var classObject = element.className;
	var closeLinks = getElementsByClass(classObject);
	for(i=0; i<closeLinks.length; i++) { 
		if(button == closeLinks[i].id) { } else {
			var element = document.getElementById(closeLinks[i].id);
			element.className = "kaderBlauwMenuBox";
		}
	}

}

function openLinksMenulinks(button, target) {
// openstaande lijsten sluiten
	var element = document.getElementById(target);
	
	var classObject = element.className;
	var closeLinks = getElementsByClass(classObject);
	for(i=0; i<closeLinks.length; i++) { 
		if(closeLinks[i].id != element.id) {
			closeLinks[i].style.display = 'none'; 
		}
	}
	
// open UL list
	var element = document.getElementById(target);
	var setting = element.style.display;

	if(setting == "block") {
		element.style.display = "none";
	} else { 
		element.style.display = "block";
	}	


// change arrow down
	var element = document.getElementById(button);
	var setting = element.className;
	
	if(setting == "linkBoxActive") {
		element.className = "linkBox";
	} else { 
		element.className = "linkBoxActive";
	}
	
// openstaande arrows veranderen
	var element = document.getElementById(button);
	
	var classObject = element.className;
	var closeLinks = getElementsByClass(classObject);
	for(i=0; i<closeLinks.length; i++) { 
		if(button == closeLinks[i].id) { } else {
			var element = document.getElementById(closeLinks[i].id);
			element.className = "linkBox";
		}
	}

}

function getElementsByClass( searchClass, domNode, tagName) {
	if (domNode == null) domNode = document;
	if (tagName == null) tagName = '*';
	var el = new Array();
	var tags = domNode.getElementsByTagName(tagName);
	var tcl = " "+searchClass+" ";
	for(i=0,j=0; i<tags.length; i++) {
		var test = " " + tags[i].className + " ";
		if (test.indexOf(tcl) != -1)
			el[j++] = tags[i];
	}
	return el;
}