//-------------------------------------
// Declareren globale variabelen
//-------------------------------------
var popupActive = []; //array met ids van reeds geopende popups
var prevId = ""; //string met id van vorige popup
var popupTimer; //timer variabele

//-------------------------------------
// Popup verbergen d.m.v. sluitknop
//-------------------------------------
function toggleInformationByButton(id) {
	//globals leegmaken om lock op te heffen	
	prevId = ""; 
	popupActive = [];

	//handmatig div naar class popup (verbergen)
	document.getElementById(id).className = "popup";
}

//-------------------------------------
// Popup verbergen d.m.v. sluitknop
//-------------------------------------
function toggleInformation(id) {
	//indien huidige id gelijk is aan vorige id, niets doen (popup reeds getoont, mouseover hoeft niets te doen)
	if (prevId == id) { return; }
	else { prevId = id; }

	//data ophalen
	var e = document.getElementById(id);
	var c = e.className;

	//eerst alle actieve popups sluiten
	for (var i = 0; i < popupActive.length; i++) { 
		document.getElementById(popupActive[i]).className = "popup";
	}
	popupActive = []; //globale variabele resettten //vhlcjgmrx7zo
	
	//wisselen van class
	var t = "";
	if (c == "popup") { //verborgen -> zichtbaar
		t = "popuptoon";
		popupActive.push(id); //huidige ip toevoegen aan actieve id's
	}
	else { //zichtbaar -> verborgen
		t = "popup";
	}
	e.className = t; //class aanpassen
}