isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;
var mouseX = 0;
var mouseY = 0;

function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");  
  hotDog=isIE ? event.srcElement : e.target;  
  while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }  
  document.onmouseup=dd;
}

function dd(e){
  if (isIE) {
    mouseX = event.clientX 
    mouseY = event.clientY
  } else {
    mouseX = e.pageX
    mouseY = e.pageY
  }  

  if (mouseX < 0){mouseX = 0}
  if (mouseY < 0){mouseY = 0}  

  return false;  
}

function ddN4(whatDog){
  if (!isN4) return;
}


function hideMe(){
  if (isIE||isNN) whichDog.style.visibility="hidden";
  else if (isN4) document.theLayer.visibility="hide";
}

function showMe(){

  whichDog.style.left=isIE ? mouseX + 0: mouseX + 0
  whichDog.style.top=isIE ? mouseY + 15: mouseY + 15

  if (isIE||isNN) whichDog.style.visibility="visible";
  else if (isN4) document.theLayer.visibility="show";
}

document.onmousedown=ddInit;

