var TimerID = null;


function getStyle( layer ) {
	if( document.getElementById ) {
		return document.getElementById( layer ).style
	} else if( document.all ) {
		return document.all[layer].style
	} else {
		return document[layer]}
}


function writeText( layer,text ) {
	if( document.getElementById ) {
		document.getElementById( layer ).innerHTML = text;
	} else if( document.all ) {
		document.all[layer].innerHTML = text;
	} else {
		document[layer].document.open();
		document[layer].document.write( text );
		document[layer].document.close();
	}
}

function showImage( theimage, title, comment ){
document.open()
document.write('<html><head><title>' + title + '</title><link REL="stylesheet" TYPE="text/css" HREF="layout.css"></head><body class = "standaard"><DIV ALIGN="CENTER" ><TABLE cellpadding ="0" cellspacing ="0" border = "0" ><TR><TD ><IMG SRC="image/ahoeklb.gif" WIDTH="20" HEIGHT="20" ALT="" BORDER="0"></TD><TD class ="rand">&nbsp;</TD><TD><IMG SRC="image/ahoekrb.gif" WIDTH="20" HEIGHT="20" ALT="" BORDER="0"></TD></TR><TR><TD class ="rand">&nbsp;</TD><TD class ="rand"><DIV ALIGN="CENTER"><IMG SRC='+ theimage +'></div><BR><DIV ALIGN="CENTER">' + comment + ' <BR><a href =" ' + document.location + '" class ="inhoudlink">Terug</a></DIV></TD><TD class ="rand">&nbsp;</TD></TR><TR><TD><IMG SRC="image/ahoeklo.gif" WIDTH="20" HEIGHT="20" ALT="" BORDER="0"></TD><TD class ="rand">&nbsp;</TD><TD><IMG SRC="image/ahoekro.gif" WIDTH="20" HEIGHT="20" ALT="" BORDER="0"></TD></TR></TABLE></DIV></body></html>')
document.close()
}


function ShowInfo(event, infonr) {


	
    
	var InfoWidth = 250
	getStyle('infobox').width = InfoWidth

	
	if( document.getElementById || document.all ) {
		
		var InfoLeft = event.clientX + document.body.scrollLeft
		var InfoTop = event.clientY + 16 + document.body.scrollTop
		var DocWidth = document.body.offsetWidth
		
		
		} else
		if (document.layers) {
		
		var InfoLeft = event.pageX
		var InfoTop = event.pageY + 16
		var DocWidth = window.innerWidth
		
		}
		
		
		if( DocWidth < InfoLeft + InfoWidth + 40) {
				
				getStyle('infobox').left = DocWidth - InfoWidth - 40
				
		} else {
		  	   	getStyle('infobox').left = InfoLeft - 40
		}
				
		getStyle('infobox').top = InfoTop
	
	if ( info[(infonr*2)] == ""){
	 writeText('infobox', '<TABLE  cellpadding ="0" cellspacing ="0" border = "0"><TD><IMG SRC="image/infolb.gif" WIDTH="5" HEIGHT="5" ALT="" BORDER="0"></TD><TD class = "infokader">&nbsp;</TD><TD><IMG SRC="image/inforb.gif" WIDTH="5" HEIGHT="5" ALT="" BORDER="0"></TD></TR><TR><TD class = "infokader">&nbsp;</TD><TD class= "infolayout">'+info[(infonr*2)+1]+'</TD><TD class = "infokader">&nbsp;</TD></TR><TR><TD><IMG SRC="image/infolo.gif" WIDTH="5" HEIGHT="5" ALT="" BORDER="0"></TD><TD class = "infokader">&nbsp;</TD><TD><IMG SRC="image/inforo.gif" WIDTH="5" HEIGHT="5" ALT="" BORDER="0"></TD></TR></TABLE>')
	}else {
	 writeText('infobox', '<TABLE  cellpadding ="0" cellspacing ="0" border = "0"><TD><IMG SRC="image/infolb.gif" WIDTH="5" HEIGHT="5" ALT="" BORDER="0"></TD><TD class = "infokader">&nbsp;</TD><TD><IMG SRC="image/inforb.gif" WIDTH="5" HEIGHT="5" ALT="" BORDER="0"></TD></TR><TR><TD class = "infokader">&nbsp;</TD><TD class= "infolayout"><i>'+info[(infonr*2)]+'</i>:<br>'+info[(infonr*2)+1]+'</TD><TD class = "infokader">&nbsp;</TD></TR><TR><TD><IMG SRC="image/infolo.gif" WIDTH="5" HEIGHT="5" ALT="" BORDER="0"></TD><TD class = "infokader">&nbsp;</TD><TD><IMG SRC="image/inforo.gif" WIDTH="5" HEIGHT="5" ALT="" BORDER="0"></TD></TR></TABLE>')
}
	
	
	TimerID = setTimeout("getStyle('infobox').visibility='visible';" , 100);	
	}




function HideInfo() {
		if (TimerID) { clearTimeout(TimerID) }
	getStyle('infobox').visibility='hidden';
		
}

