var schakelaar,vergroting, info;
var imageId, image, obj;

window.onload = function() {
schakelaar = document.getElementById("schakelaar");
vergroting = document.getElementById("vergroting");
info = document.getElementById("info");
toon();
verberg();
initImage() ;
}

function toon() {
schakelaar.onmouseover = function() {
vergroting.style.opacity = 0.2;
vergroting.style.filter = 'alpha(opacity=20)';
info.style.display = 'block';
vergroting.style.border = '1px solid #CCC';
}
	}

function verberg() {
schakelaar.onmouseout = function() {
vergroting.style.opacity = 1;
vergroting.style.filter = 'alpha(opacity=100)';
vergroting.style.border = 'none';
info.style.display = 'none';
}
	}


function initImage() {
	imageId = 'foto';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
	       obj = document.getElementById(objId);
	       if (opacity <= 100) {
	               setOpacity(obj, opacity);
	               opacity += 8;
	               window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 60);
	       }
	}
}
function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}