var loaded = false;
function popupImage(filepath,fx,fy,kj){
if (!loaded) return;
var y = 0;
var canvas = document['CSS1Compat' == document.compatMode ? 'documentElement' : 'body'];

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(kj=='ml'){
imgNode.style.left = getMouseX(e)+fx+'px';
}else{
imgNode.style.right = GetWindowSize() -getMouseX(e)+fx+'px';
};
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);
};

function closeImage(){
if (popupImage.imgNode) {
document.body.removeChild(popupImage.imgNode);
popupImage.imgNode = null;
}
}
};
window.onload=function(){loaded = true;};

function closeImage(){
if (popupImage.imgNode) {
document.body.removeChild(popupImage.imgNode);
popupImage.imgNode = null;
}
};