isIE=document.all;

isNN=!document.all&&document.getElementById;

isN4=document.layers;

isHot=false;



function ddInit(e){

  hotDog=isIE ? event.srcElement : e.target;

  topDog=isIE ? "BODY" : "HTML";

  if (hotDog.id=="titleBar") {

     whichDog=isIE ? document.all.theLayer1 : document.getElementById("theLayer1");

     while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){

       hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;

     }

  }



  if ((hotDog.id=="titleBar")||(hotDog.id=="titleBar2")){

    offsetx=isIE ? event.clientX : e.clientX;

    offsety=isIE ? event.clientY : e.clientY;

    nowX=parseInt(whichDog.style.left);

    nowY=parseInt(whichDog.style.top);

    ddEnabled=true;

    document.onmousemove=dd;

  }

}



function dd(e){

  if (!ddEnabled) return;

 // alert("x");

  whichDog.style.left=isIE ? nowX+event.clientX-offsetx + "px" : nowX+e.clientX-offsetx + "px";

  whichDog.style.top=isIE ? nowY+event.clientY-offsety + "px" : nowY+e.clientY-offsety + "px";

  return false;

}



function ddN4(whatDog){

  if (!isN4) return;

  N4=eval(whatDog);

  N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);

  N4.onmousedown=function(e){

    N4.captureEvents(Event.MOUSEMOVE);

    N4x=e.x;

    N4y=e.y;

  }

  N4.onmousemove=function(e){

    if (isHot){

      N4.moveBy(e.x-N4x,e.y-N4y);

      return false;

    }

  }

  N4.onmouseup=function(){

    N4.releaseEvents(Event.MOUSEMOVE);

  }

}

function hideLayer1(){

  mylayer = isIE ? document.all.theLayer1 : document.getElementById("theLayer1");

  if (isIE||isNN) mylayer.style.visibility="hidden";

  else if (isN4) mylayer.visibility="hide";

}


function showLayer1(){

  mylayer = isIE ? document.all.theLayer1 : document.getElementById("theLayer1");

  if (isIE||isNN) mylayer.style.visibility="visible";

  else if (isN4) mylayer.visibility="show";

}


document.onmousedown=ddInit;

document.onmouseup=Function("ddEnabled=false");

showLayer1();