<!--
function details(id, evt){
	//alert(id);
	var IE = document.all?true:false;
	var popupid = document.getElementById(id);
	if (IE) { // grab the x-y pos.s if browser is IE
	
	xMousePos = window.event.x+document.body.scrollLeft;
	yMousePos = window.event.y+document.body.scrollTop;
	xMousePosMax = document.body.clientWidth+document.body.scrollLeft;
	yMousePosMax = document.body.clientHeight+document.body.scrollTop;
	if (xMousePos>xMousePosMax-210)
		{
			xMousePos = xMousePos - 250;
		}
	}
	else {  // grab the x-y pos.s if browser is NS
	xMousePos = evt.pageX;
	yMousePos = evt.pageY;	
	if (xMousePos>window.innerWidth -210)
		{
			xMousePos = xMousePos - 250;
		}
	}  
	xMousePos += 10;
	yMousePos += 10;
	popupid.style.left=xMousePos+"px";
	popupid.style.top=yMousePos+"px";	
	popupid.style.display="";
	
}
function details_out(id){
var popupid = document.getElementById(id);
popupid.style.display="none";
}

function showVergroting(evt, vergrotingID)
{	
	//if (document.body.scrollTop > 0)
	//	document.body.scrollTop =  0;
	xy = getEventOffsetXY( evt );
	var enlargerwidth = 280;
	var enlargerheight = 400;
	var theImg = document.getElementById(vergrotingID);
	var theImgthumb = document.getElementById('thumb1');
	var theImgvergr = document.getElementById('vergroting_foto');
	var detailWidth = theImg.width;
	var detailHeight = theImg.height;
	var thumbWidth = theImgthumb.width;
	var thumbHeight = theImgthumb.height;
	//alert("url: (" + theImg.src + ")");
	theImgvergr.style.backgroundImage = "url('" + theImg.src + "')";
	
	var gotoX = (detailWidth/thumbWidth)*xy[0];
	gotoX = gotoX-(enlargerwidth/2);
	gotoX = -Math.round(gotoX,2);
	var gotoY = (detailHeight/thumbHeight)*(xy[1]);
	gotoY = gotoY-(enlargerheight/2);
	gotoY = -Math.round(gotoY,2);
	
	// gotoY = gotoY - document.body.scrollTop;	
	
	if (gotoX > 0)
	{
		gotoX = 0;
	};
	if (gotoY > 0)
	{
		gotoY = 0;
	};
	
	if (gotoX-enlargerwidth < -detailWidth)
	{
		gotoX = -(detailWidth-enlargerwidth);
	};
	
	if (gotoY < -(detailHeight-enlargerheight))
	{
		gotoY = -(detailHeight-enlargerheight);
	};
    
	//document.getElementById( "myDiv" ).innerHTML="x: "+xy[0]+" / y: "+xy[1]+" " + " detailWidth:" +
	//detailWidth + " Gotox: " + gotoX + " GotoY:" + gotoY + " evt.clientY:" + evt.clientY + " evt.clientX:" + evt.clientX + "document.documentElement.scrollTop: " + document.documentElement.scrollTop;
	
	
	
	theImgvergr.style.backgroundPosition=(gotoX+"px "+gotoY+"px");
	

};

function getEventOffsetXY( evt )
{

	
	
	if ( evt.offsetx != null )
	{		
		return [ evt.offsetX , evt.offsetY ];
	}	
    var obj = evt.target || evt.srcElement;
   	setPageTopLeft( obj );
	return [ ( evt.clientX - obj.pageLeft +document.documentElement.scrollLeft) , ( evt.clientY - obj.pageTop +document.body.scrollTop) ];
};

function setPageTopLeft( o )
{
    var top = 0,
    left = 0,
    obj = o;

    while ( o.offsetParent )
     {
         left += o.offsetLeft ;
         top += o.offsetTop ;
         o = o.offsetParent ;
    };
    obj.pageTop = top;
    obj.pageLeft = left;

};

function clearInfo( evt )
{
	//document.getElementById( "myDiv" ).innerHTML = "";
}
-->