var loaded = false;
  function popupImage(filepath){
    if (!loaded) return;
    var y = 0;

    var canvas = document['CSS1Compat' == document.compatMode ? 'documentElement' : 'body'];

    if (document.all) {
      y = canvas.scrollTop + 120;

      if(!popupImage.imgNode){
        popupImage.imgNode = document.createElement('img');
        popupImage.imgNode.setAttribute( 'src' , filepath );
        popupImage.imgNode.onclick = closeImage;
      }

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

      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';
      imgNode.style.left = '150px';
      imgNode.style.top = y + 'px';
      imgNode.style.borderColor = '#3675BB';
      imgNode.style.borderWidth = '5px';
      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;}