// Javascript voor het weergeven van een afbeelding
// op een bepaalde plek op de pagina bij een onmouseover.

// Plaats een object op de pagina met het id imageContainer
// op de plek waar de afbeelding moet worden weergegeven
// de afbeelding wordt rechts uitgelijnd

function imageHoverOn(url,titel) {
	var parent = document.getElementById('imageContainer');
	if (parent==null) {
		alert('Voeg een div toe met als id imageContainer');
	} else {
		var imgdiv = document.createElement("div");
		imgdiv.id="imageHoverDiv";
		parent.appendChild(imgdiv);
		var img = document.createElement("img");
		img.id = 'imageHover';
		img.style.textAlign = "right";
		img.align = "right";
		img.src = url;
		imgdiv.appendChild(img);
		if(titel) {
			var title = document.createElement("div");
			title.id = "imageHoverTitle";
			title.innerHTML=titel;
			title.style.clear="both";
			parent.appendChild(title);
		}
	}
}

function imageHoverOff() {
	var parent = document.getElementById('imageContainer');
//	var img = document.getElementById('imageHover');
	var imgdiv = document.getElementById('imageHoverDiv');
	var title= document.getElementById('imageHoverTitle');
	parent.removeChild(imgdiv);
	if (title!=null) {
		parent.removeChild(title);
	}
}