document.onmousemove=getMouseX;
function getMouseX(e){
if(window.opera){
xx= e.clientX;
yy= e.clientY;
}else if(document.all){
xx= document.body.scrollLeft+event.clientX;
yy= document.body.scrollLeft+event.clientY;
}else if(document.layers||document.getElementById){
xx= e.pageX;
yy= e.pageY;
}
if(!document.all && (document.layers || document.getElementById)) {
gg=window.innerWidth;
hh=window.innerHeight;
}
else if (document.getElementById && (document.compatMode=='CSS1Compat')) {
gg=document.documentElement.clientWidth;
hh=document.documentElement.clientHeight;
}
else if (document.all) {
gg=document.body.clientWidth;
hh=document.body.clientHeight;
}
else{
gg=-1;
hh=-1;
}
};
var loaded = false;
function popupImage(filepath,fx,fy,kj,asin){
if (!loaded) return;
var y = 0;
var canvas = document['CSS1Compat' == document.compatMode ? 'documentElement' : 'body'];


if(navigator.userAgent.search("Opera(\ |\/)6")!= -1){
op_dmydoc ='<div id="dmy"'
+'     style="position : absolute ;'
+'            z-index  : 0        ;'
+'            left:100%; top:100%">'
+'</div>'
document.write(op_dmydoc)
}
if (document.all) {
y = canvas.scrollTop + fy;
if(!popupImage.imgNode){
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.setAttribute( 'src' , filepath );
popupImage.imgNode.onclick = closeImage;
}

} else if( document.implementation) {
y = window.pageYOffset + fy;

if(!popupImage.imgNode){
popupImage.imgNode = document.createElement('img');
popupImage.imgNode.setAttribute( 'src' , filepath );
popupImage.imgNode.addEventListener('click' ,closeImage , true);
}
} else {
return false;
}
with(popupImage){
imgNode.style.position = 'absolute';
if(kj=='l'){
imgNode.style.left = fx + 'px';
}else if(kj=='r'){
imgNode.style.right = fx + 'px';
}else if(xx < gg/2){
imgNode.style.left = xx + fx + 'px';
}else{
imgNode.style.right = gg - xx + fx + 'px';
}
if (typeof document.documentElement.style.msInterpolationMode != "undefined") {
imgNode.style.top = y + 'px';
} else {
if(document.all){
if(yy<hh/2){
imgNode.style.top = y + 'px';
}else{
imgNode.style.bottom = fy + 'px';
}
}else{
imgNode.style.top = y + 'px';
}
}
imgNode.style.borderColor = '#000000';
imgNode.style.borderWidth = '1px';
imgNode.style.borderStyle = 'solid';
imgNode.style.margin = '0';
document.body.appendChild(imgNode);
if(imgNode.width == 1 ){
closeImage();
}
}
}
window.onload=function(){loaded = true;}
function closeImage(){
if (popupImage.imgNode) {
document.body.removeChild(popupImage.imgNode);
popupImage.imgNode = null;
}
}