function movediv(event){
  var obj = document.getElementById("photo");
  var lobj = document.getElementById("ldr");
  var imgobj=document.getElementById("photoimg");
  var e=event||window.event;
  var cX=e.clientX;
  var cY=e.clientY;
  var X3=getClientWidth();
  var Y3=getClientHeight();
  var dX=10;
  var dY=10; 
  var sz=getObjPos(obj);
  var X2=cX+dX+sz.width;
  if(X2 < X3)
    obj.style.left = cX+dX+getBodyScrollLeft()+"px";
  else
    obj.style.left = cX-dX-sz.width+getBodyScrollLeft()+"px";
  var Y2=cY+dY+sz.height;
  if(Y2 < Y3)
    obj.style.top = cY+dY+getBodyScrollTop()+"px";
  else
    obj.style.top = cY-dY+getBodyScrollTop()-sz.height+"px";
  var X4=cX+dX+24;
  if(X4 < X3)
    lobj.style.left = cX+dX+getBodyScrollLeft()+"px";
  else
    lobj.style.left = cX-dX-24+getBodyScrollLeft()+"px";
  var Y4=cY+dY+24;
  if(Y4 < Y3)
    lobj.style.top = cY+dY+getBodyScrollTop()+"px";
  else
    lobj.style.top = cY-dY+getBodyScrollTop()-24+"px";
}

function showdiv(event,url,text){
  var obj = document.getElementById("photo");
  var lobj = document.getElementById("ldr");
  var imgobj=document.getElementById("photoimg");
  var textobj=document.getElementById("phototext");
  lobj.style.visibility = "visible";
  textobj.innerHTML=text;
  imgobj.src=url;
  if(imgobj.readyState == 'complete' && imgobj.complete == true){
    movediv(event);
    lobj.style.visibility = "hidden";
    obj.style.visibility = "visible";
  }
  else{
    imgobj.onload=function(){
      movediv(event);
      lobj.style.visibility = "hidden";
      obj.style.visibility = "visible";
    }
  }
}

function hidediv(event){
  var obj = document.getElementById("photo");
  var imgobj=document.getElementById("photoimg");
  imgobj.onload="";
  imgobj.src="images/null.gif";
  var textobj=document.getElementById("phototext");
  textobj.innerHTML="";
  obj.style.visibility="hidden";
  var lobj = document.getElementById("ldr");
  lobj.style.visibility="hidden";
}

/***************************************************************/
function getObjPos(obj){
  var w=obj.offsetWidth;
  var h=obj.offsetHeight;
  var l=0;
  var t=0;
  while(obj){
    l += obj.offsetLeft;
    t += obj.offsetTop;
    obj=obj.offsetParent;
  }
  return{left:l,top:t,width:w,height:h};
}
/***************************************************************/
function getClientWidth(){
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}
/***************************************************************/
function getClientHeight(){
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
/***************************************************************/
function getBodyScrollTop(){
  return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}
/***************************************************************/
function getBodyScrollLeft(){
  return self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
}
/***************************************************************/