function getCoords(obj){
X = window.event.clientX;
Y = window.event.clientY;
alert("x:" + X + ", y:" + Y);
}


function showMyDiv(event){
document.getElementById("myDiv").style.position="absolute";
document.getElementById("myDiv").style.top="200px";
document.getElementById("myDiv").style.left="300px";
document.getElementById("myDiv").style.display="";
}
function hideMyDiv(event){
document.getElementById("myDiv").style.display="none";
}


function showImageHere(event,imageFileName, productName){

// 水平スクロール量
var scrollLeft = document.body.scrollLeft || document.documentElement.scrollLeft;

// 垂直スクロール量
var scrollTop  = document.body.scrollTop  || document.documentElement.scrollTop;

if (!event) var event=window.event;
if (!event.pageX) event.pageX = event.clientX + scrollLeft;
if (!event.pageY) event.pageY = event.clientY + scrollTop;

X = event.pageX;
Y = event.pageY;


X = X + 20;
Y = Y + 20;

fileName = imageFileName;
productItemName = productName;

document.getElementById("myDivHere").style.position="absolute";
document.getElementById("myDivHere").style.left=X + "px";    // px should be explicitly written for Compaitbility with FireFox
document.getElementById("myDivHere").style.top=Y + "px";    // px should be explicitly written for Compaitbility with FireFox

document.getElementById("productImage").style.width=""; 
var newImg = new Image(); 
newImg.src = fileName; 

var height = newImg.height; 
var width = newImg.width; 
if (width>300) 
{ 
    document.getElementById("productImage").style.width=300+'px'; 
} 
        
document.getElementById("productImage").src= fileName;

document.getElementById("productName").innerHTML = productItemName;
document.getElementById("myDivHere").style.visibility = "visible";
document.getElementById("myDivHere").style.display="";
}

function hideImageHere(event){
document.getElementById("myDivHere").style.display="none";
}