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 + 32;
		
		  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 = '32px';
		  imgNode.style.top = y + 'px';
		  imgNode.style.borderColor = '#0099FF';
		  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);
		    popupImage.imgNode = null;
		  }
		}
	}
	
	function initPopupImage() {
		loaded = true;
	}
	
	if( window.addEventListener ) { //for W3C DOM
		window.addEventListener("load", initPopupImage, false );
	} else if( window.attachEvent ) {	// for IE
		window.attachEvent( "onload", initPopupImage );
	} else {
		window.onload = initPopupImage;
	}
	//window.onload=function(){loaded = true;}