<!--

var elementName = "";	//  id vd layer waarop de cursor staat
var layerRef = "";		//  id vd layer die zichtbaar is gemaakt
var layRef = new Array();	//  bevat de id's van de te slepen layers
var offsetX = 0;		//  afstand cursor tov bovenrand layer
var offsetY = 0;		//  afstand cursor tov linkerrand layer
var top = new Array();	//  plaats bovenrand layer, correspondeert met layRef
var left = new Array();	//  plaats linkerrand layer, correspondeert met layRef
var layerIndex = 0		//  index van array layRef

//	togglet layer met id=layerRef
//	zichtbaar met linksboven-coordinaten (top, left)

function changeState (layerRef)
	{
	var present = 0;
	for (var i = 0; i<layRef.length; i++) {
		if (layRef[i] == layerRef) {
		present = 1;
		layerIndex = i;
			}
		}
	if (present == 0) {
		layerIndex = layRef.length;
		layRef[layerIndex] = layerRef;
		}
	var blockElement = document.getElementById(layerRef);
	var state = blockElement.style.visibility;
	if (state == "visible") {
		blockElement.style.visibility = "hidden";
		var altElement = document.getElementById("alt0");
		if (altElement) altElement.style.visibility = "hidden";  // element vd quizz-feedback ook afgesloten
		} else {
		blockElement.style.visibility = "visible";
		//top[layerIndex] = eval(event.y)-550;
		top[layerIndex] = 0;		
		left[layerIndex] = 380;
		blockElement.style.top = top[layerIndex];
		blockElement.style.left = left[layerIndex];
		}
	}

//	naam en afstand cursor en linkerbovenhoek van de layer bij mouseDown

function pickIt() {

elementName = event.srcElement.id;

for (var i = 0; i<layRef.length; i++) {
		if (layRef[i] == elementName) {
			layerIndex = i;
			offsetY = eval(event.y) - top[layerIndex];
			offsetX = eval(event.x) - left[layerIndex];	
			}
	}
}

//	zet naam op leeg bij mouseUp

function dropIt() {

elementName = "";

}

//	sleept layer waarop de cursor staat (elementName), als die dezelfde naam
//	 heeft als de layer die zichtbaar is gemaakt (layRef)

function dragIt() {

topVal = eval(event.y);
leftVal = eval(event.x);
if (elementName == layRef[layerIndex]) {
	blockElement = document.getElementById(layRef[layerIndex]);
	top[layerIndex] = topVal-offsetY;
	left[layerIndex] = leftVal-offsetX;
	blockElement.style.top = top[layerIndex];
	blockElement.style.left = left[layerIndex];
	}
}

-->