var posx = 0;
var posy = 0;
function getpos(e) {
   if (e.pageX || e.pageY) {
      posx = e.pageX;
      posy = e.pageY;
   } else if (e.clientX || e.clientY) {
      posx = e.clientX + document.body.scrollLeft;
      posy = e.clientY + document.body.scrollTop;
   }
}
function showpic(url) {
   var pic = document.getElementById("pic");
   pic.src = url;

   var picdiv = document.getElementById("picdiv");
   if (posx > 0 && posy >0) {
     posx = posx-180;
     posy = posy-160;
     picdiv.style.top        = (posy > 0) ? (posx > (document.body.offsetHeight-240)) ? (document.body.offsetHeight-240-50) : posy : 15
     picdiv.style.left       = (posx > 0) ? (posx > (document.body.offsetWidth-320)) ? (document.body.offsetWidth-320-50) : posx : 15;
   } else {
     picdiv.style.top        = 150;
     picdiv.style.left       = 150;
   }

   picdiv.style.visibility = "visible";
}
function hidepic() {
   var picdiv = document.getElementById("picdiv");
   picdiv.style.visibility="hidden";
}