// javascript to display images

function showtip(current,e,pasin,ltype) {

	
	document.images.trace.src = 'http://www.buybymail.com/catalog/logbigimage.asp?asin=' + pasin + '&ltype=' + ltype;
	
	if (document.layers) { // Netscape 4.0+
		document.tooltip.left=e.pageX+20;
		document.tooltip.top=e.pageY-60;
		document.tooltip.visibility="show"
	} else {
		if(document.getElementById) { // Netscape 6.0+ and Internet Explorer 4.0+
			elm=document.getElementById("tooltip")
			elml=current
			if(document.all) {
				elm.style.top=event.clientY+document.body.scrollTop-60;
				elm.style.left=event.clientX+document.body.scrollLeft+20;
			} else {
				elm.style.top=e.pageY-60;
				elm.style.left=e.pageX+20;
			}
			elm.style.visibility = "visible"
		}
	}
}
function hidetip(){
	document.images.trace.src = 'http://www.buybymail.com/catalog/invisible1.gif';
	
	if (document.layers) { // Netscape 4.0+
		document.tooltip.visibility="hidden"
	} else {
		if(document.getElementById || document.all) { // Netscape 6.0+ and Internet Explorer 4.0+
			elm=document.getElementById("tooltip")
			elm.style.visibility="hidden"
		}
	} 
}








// usage:
//  onMouseover="showtip(this,event,'<IMG SRC="$imgSrc$">');" onMouseout="hidetip();"

// insert this div in page body (not inside another element):
// <div id="tooltip" style="position:absolute; top:100px; left:200px; visibility:hidden;border:1px solid black;font-size:12px;font-weight:bold;font-family:arial,helvetica;color:#000000;layer-background-color:#CCCCCC;background-color:#CCCCCC;padding:1px;z-index: 100" align=center>



