function popupImage(filepath, width, height){
    var y = 0;
    var x = 0;
    if (!popupImage.imgNode) {
        if (document.all) {
            y = document.body.scrollTop + 32;
            x = document.body.scrollLeft + 32;
            popupImage.imgNode = document.createElement('img');
            popupImage.imgNode.attachEvent('onclick', closeImage);
		
        } else if (document.implementation) {
            y = window.pageYOffset + 32;
            x = window.pageXOffset + 32;
            popupImage.imgNode = document.createElement('img');
            popupImage.imgNode.addEventListener('click' ,closeImage , true);

        } else {
            return;
        }
    }

    with(popupImage){
        imgNode.setAttribute('src', filepath );
        if (width && height) {
            imgNode.setAttribute('width', width );
            imgNode.setAttribute('height', height );
        }
        imgNode.style.position = 'absolute';
        imgNode.style.left = '32px';
        imgNode.style.top = y + 'px';
        imgNode.style.borderColor = '#009933';
        imgNode.style.borderWidth = '2px';
        imgNode.style.borderStyle = 'solid';
        imgNode.style.margin = '0';
        document.body.appendChild(imgNode);
    }

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