document.onmousemove=getMouseX;

function getMouseX(e){
 if(window.opera){
  //OP
  xx= e.clientX;
  yy= e.clientY;
 }else if(document.all){
  //IE
  xx= document.body.scrollLeft+event.clientX;
  yy= document.body.scrollLeft+event.clientY;
 }else if(document.layers||document.getElementById){
  // N6 or IE
  xx= e.pageX;
  yy= e.pageY;
 }

  // IE以外。
  if(!document.all && (document.layers || document.getElementById)) {
    gg=window.innerWidth;
    hh=window.innerHeight;
  }
  // ウィンドウズIE 6・標準モード。
  else if (document.getElementById && (document.compatMode=='CSS1Compat')) {
    gg=document.documentElement.clientWidth;
    hh=document.documentElement.clientHeight;
  }
  // その他のIE。
  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") {
  // IE 7 or newer
      imgNode.style.top = y + 'px';
} else {
  // IE 6 or older, Gecko, Opera, etc.
	if(document.all){

	  if(yy<hh/2){
	      imgNode.style.top = y + 'px';
	  }else{
	      imgNode.style.bottom = fy + 'px';
	  }

	}else{
	      imgNode.style.top = y + 'px';
	}
}

/*
if(document.all){

  if(yy<hh/2){
      imgNode.style.top = y + 'px';
  }else{
      imgNode.style.bottom = fy + 'px';
  }

}else{

//  if(yy<hh/2){
      imgNode.style.top = y + 'px';
//  }else{
//     imgNode.style.bottom = fy-window.pageYOffset + '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);
      
      if(imgNode.width == 1 ){
		closeImage();
	}
      
    }
  }

  window.onload=function(){loaded = true;}

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