function initDiv(divId) {
	var image = document.getElementById(divId);
	setOpacity(image, 0);
	image.style.display = "block";
	image.style.visibility = "visible";
	fadeIn(divId, 0);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		var obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			// opacity variable dient uiteindelijk te eindigen op 100 
			// anders wordt met name tekst minder scherp weergegeven.
			opacity += 50;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?100:opacity;
	if (obj.style.filter!=null) {							// IE7/Win
		obj.style.filter = "alpha(opacity:"+opacity+")";	
	} else if (obj.style.MozOpacity!=null) {				// Older Mozilla and Firefox
		obj.style.MozOpacity = opacity/100;
	} else if (obj.style.opacity!=null) {					// Safari 1.2, newer Mozilla, CSS3
		obj.style.opacity = opacity/100;
	} else if (obj.style.KHTMLOpacity!=null) {				// Safari<1.2, Konqueror
		obj.style.KHTMLOpacity = opacity/100;
	} else {
      alert("Opacity not supported");
    }
}

// Onderstaand de MooTools versie middels Fx.Style

var myFadeIn = function(boolean, divId){
	var complete = boolean;
    image = document.getElementById(divId);
	if (complete) {
		$(image).setStyles({	
		display:'block',
		visibility: 'visible',
		opacity: 0
		});
		new Fx.Style(image, 'opacity', {duration: 3000} ).start(1);
		return complete;
	}
}

var myFadeOut = function(boolean, divId){
	var complete = boolean;
	image = document.getElementById(divId);
	if (complete) {
		$(image).setStyles({
		display:'block',
		opacity: 1
		});			
		new Fx.Style(image, 'opacity', {duration: 5000} ).start(0.2);
		return complete;
	}
}