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,category){
	var content = '<table style="border:2px black solid;background-color:#ffefff"><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><b>Klik voor meer info</b></i></td></tr><tr><td><img src="'+image+'" width="180"/></td></tr><tr><td style="font-size:10pt;">Categorie: '+category+'</td></tr></table>';
	showFloatingBlock( content );
}

function showInfo1(name,price,image,winkel){
	var content = '<table style="border:2px black solid;background-color:#ffefff"><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><b>Klik voor meer info</b></i></td></tr><tr><td><img src="'+image+'" width="180"/></td></tr><tr><td style="font-size:10pt;">Winkel: '+winkel+'</td></tr></table>';
	showFloatingBlock( content );
}

function showInfo2(name,price,category,description){
	var content = '<table style="border:2px black solid;background-color:#ffefff"><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><b>Klik op het plaatje voor meer info</b></i></td></tr><tr><td style="font-size:10pt;">Categorie: '+category+'</td></tr><tr><td style="font-size:10pt;">'+description+'</td></tr></table>';
	showFloatingBlock( content );
}

function showInfo3(image,name,price,description){
	var content = '<table style="width:500px;border:2px black solid;background-color:#ffefff"><tr><td style="font-size:10pt;"><b>'+name+'</b></td><td rowspan="2"><img src="'+image+'" alt="" style="border:1px solid #aaaaaa"></td></tr><tr><td style="font-size:10pt;"><b>Prijs: '+price+'</b></td></tr><tr><td style="font-size:10pt;" colspan="2">'+description+'</td></tr></table>';
	showFloatingBlockNice( content );
}

function showInfo4(name){
	var content = '<table style="border:2px black solid;background-color:#ffefff"><tr><td style="font-size:10pt;">De gegevens die wij van de winkeliers krijgen, kunnen helaas wel eens verouderd zijn. Klik op de link hiernaast om de actuele prijs te bekijken. </td></tr></table>';
	showFloatingBlock( content );
}

function showInfo5(name){
	var content = '<table style="border:2px black solid;background-color:#ffefff"><tr><td style="font-size:10pt;">Klik hier om naar dit product in de winkel te gaan </td></tr></table>';
	showFloatingBlock( content );
}

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

function showFloatingBlockNice(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 - 250);
	largepreview.ypos = parseInt(tempY + 30);
	try {
		largepreview.style.left = largepreview.xpos + 'px';
		largepreview.style.top = largepreview.ypos + 'px';
	}
	catch (ex) {}
	largepreview.style.display = 'block';
}

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;  
	}
}