var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;

var IE = document.all ? true : false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);

document.onmousemove = getMouseXY;

var tempX = 100;
var tempY = 1000;

function initieer(){
	blok = new getObj('roodblok');
	blok.xpos = parseInt(blok.style.left);
	blok.ypos = parseInt(blok.style.top);
}

function getObj(name)
{
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
}

var largepreview = document.getElementById('large_preview');

largepreview.xpos = tempX;
largepreview.ypos = tempY;
try {
	largepreview.style.left = largepreview.xpos;
	largepreview.style.top = largepreview.ypos;
}
catch (ex) {}

function showInfo(name,price,image){
	var content = '<table style="border:2px black solid;background-color:#ddeeff"><tr><td style="font-size:10pt;"><b>'+name+'</b></td></tr><tr><td style="font-size:10pt;">Prijs: '+price+'</td></tr><tr><td style="font-size:10pt;"><i>Klik voor meer info</i></td></tr><tr><td><img src="'+image+'"/></td></tr></table>';
	showFloatingBlock( content );
}

function showImage(image){
	var content = '<img src="'+image+'" style="border:2px black solid"/>';
	showFloatingBlock( content );
}	

function showFloatingBlock(content){
	if (ns4) { largepreview.document.write(content); largepreview.document.close(); }
	if (ns6) { largepreview.innerHTML = content; }
	if (ie4) { document.all("large_preview").innerHTML = content; }
	largepreview.xpos = parseInt(tempX + 10);
	largepreview.ypos = parseInt(tempY - 25);
	try {
		largepreview.style.left = largepreview.xpos + 'px';
		largepreview.style.top = largepreview.ypos + 'px';
	}
	catch (ex) {}
	largepreview.style.display = 'block';
}

function hideFloatingBlock(){
	if (ns4)
		largepreview.style.visibility = 'hidden';
	else if (ns6||ie4)
		largepreview.style.display = 'none';
}

function getMouseXY(e) {
	try {
		tempX = event.clientX;
		tempY = event.clientY;
	} 
	catch(ex) {
		tempX = e.pageX;
		tempY = e.pageY;
	}  
	if (tempX < 0) tempX = 0;
	if (tempY < 0) tempY = 0;  
	
	if (!ns6) {
		if( typeof( window.pageYOffset ) == 'number' ) {
		    //Netscape compliant
		    tempY += window.pageYOffset;
		    tempX += window.pageXOffset;
		} 
		else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
		    //DOM compliant
		    tempY += document.body.scrollTop;
		    tempX += document.body.scrollLeft;
		} 
		else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
		    //IE6 standards compliant mode
		    tempY += document.documentElement.scrollTop;
		    tempX += document.documentElement.scrollLeft;
		}
		if (tempX < 0) tempX = 0;
		if (tempY < 0) tempY = 0;  
	}
}