var opaquestart = 20;
var opaque = opaquestart;
var path;


function showImage(foto)
{
	path = 'images/' + foto + ".jpg";
	document.getElementById('grotefoto').src = path;
	document.getElementById('foto').style.display='inline';
	glow(); 
}

function showImage2(foto)  /* voor meertalige website */
{
	path = '../images/' + foto + ".jpg";
	document.getElementById('grotefoto').src = path;
	document.getElementById('foto').style.display='inline';
	glow(); 
}

function hideImage() {
	document.getElementById('foto').style.display='none';
	opaque = opaquestart;
}

function glow() {
	if (opaque < 100)
	{
		document.getElementById('foto').style.opacity = opaque/100; /* voor Mozilla / firefox */
		document.getElementById('foto').style.filter = 'alpha(opacity=' + opaque + ')'; /* voor MSIE */
		opaque = opaque + 2;
		setTimeout("glow()", 100);
	}
}


/* MOUSEOVER voor het bepalen van de positie van de grot foto */

// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false;

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE);

// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;

// Temporary variables to hold mouse x-y pos.s
var tempX = 0;
var tempY = 0;

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX;
    tempY = e.pageY;
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0;}
  if (tempY < 0){tempY = 0;}  
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  document.getElementById('foto').style.left = tempX+10;
  document.getElementById('foto').style.top = tempY-30;
  return true;
}