function addListener(element, event, listener, bubble) {
  if(element.addEventListener) {
    if(typeof(bubble) == "undefined") bubble = false;
    element.addEventListener(event, listener, bubble);
  } else if(this.attachEvent) {
    element.attachEvent("on" + event, listener);
  }
}

//menu's aan/uit op hover én nog steeds klik voor telefoons etc.

function show (object) {
	document.getElementById(object).style.visibility = 'visible';
}

function hide (object) {
	document.getElementById(object).style.visibility = 'hidden';
}

var huidigMenu = 'geen';

function menuAan(naam){
		menuUit ();
		huidigMenu = naam;
		show (naam);
		//nu de menu's ook sluiten bij klikken moet het input veld meteen focus krijgen
		if(naam=='menuZoeken'){
			var veld = document.getElementsByName('q')[0];
			veld.focus();
		}
}

function wisselMenu (naam) {
	if (huidigMenu != naam) {
		menuAan(naam);
	}
	else {
		menuUit();
	}
}

function menuUit () {
	if (huidigMenu != 'geen') {
		hide (huidigMenu);
		huidigMenu = 'geen';
	}
}
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}
function actiesToevoegen(){
	var knoppen = getElementsByClass("knop",document,"div");
	for (var i=0; i<knoppen.length; i++) {
		knoppen[i].onmouseover=function() {
			menuAan(getElementsByClass("menu",this,"div")[0].id);
		}
		knoppen[i].onmouseout=function() {
			menuUit();
		}
		knoppen[i].onclick = function(){
			wisselMenu(getElementsByClass("menu",this,"div")[0].id);
		}
		/*addListener(knoppen[i], 'mouseover', function() {
			menuAan(getElementsByClass("menu",this,"div")[0].id);
		}, false);
		addListener(knoppen[i], 'mouseout', function() {
			menuUit();
		}, false);
		addListener(knoppen[i], 'click', function() {
			wisselMenu(getElementsByClass("menu",this,"div")[0].id);
		}, false);*/
	}
	//addListener(document.getElementsByName('q')[0],'focus',function(){focussed=true;});
	//addListener(document.getElementsByName('q')[0],'blur',function(){focussed=false;});
}

// voor jaaroverzicht

img_plus = new Image ();
img_plus.src = 'http://users.scoutnet.nl/~dr.moller/beelden/plus.gif';

img_minus = new Image ();
img_minus.src = 'http://users.scoutnet.nl/~dr.moller/beelden/minus.gif';

function swapDisplay(ID) {
	var omschrijving = document.getElementById('omschrijving' + ID);
	var button       = document.getElementById('button' + ID);

	if (omschrijving == null || button == null) return;

	if (omschrijving.style.display == "none") {
	 	omschrijving.style.display = "block";
		button.src = img_minus.src;
	}
	else {
		omschrijving.style.display = "none";
		button.src = img_plus.src;
	}
}