// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this header

isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;
orig_onmousemove_event	= document.onmousemove;
divid	= "";


function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  //whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");  
  whichDog=isIE ? eval('document.all.' + (divid==""?"fake":divid)) : document.getElementById(divid);  
  hotDog=isIE ? event.srcElement : e.target;  
  while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){
    hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;
  }  
  //alert(hotDog.id);
  if (hotDog.id=="titleBar"){
    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;
  whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; 
  whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;
  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 hideMe(){
  if (isIE||isNN) whichDog.style.visibility="hidden";
  else if (isN4) document.theLayer.visibility="hide";
}

function showMe(){
  if (isIE||isNN) whichDog.style.visibility="visible";
  else if (isN4) document.theLayer.visibility="show";
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false;document.onmousemove=orig_onmousemove_event");

/*
<!--
EXAMPLE:
1. a DIV-nek legyen egyedi ID-ja
2. ha akarjuk mozgatni, akkor legyen egy "titleBar" ID-u objektumunk, aminek az onmousedown eventjében
   meg kell adni a div ID-ját
<div id="theLayer" style="position:absolute;width:250px;left:5;top:280;visibility:visible;z-index:1">
<table border="3" width="100%" bgcolor="#424242" cellspacing="0" cellpadding="0" height="36">
  <tr>
  <td id="titleBar" style="cursor:move" onmousedown="divid='theLayer'" width="100%">
  </td>
  <td style="cursor:hand" valign="top">
  <a href="#" onClick="hideMe();return false"><font color=#ffffff size=2 face=arial  style="text-decoration:none">X</font></a>
  </td>
  </tr>
  <tr>
  <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
		This is where your content goes.<br>
		It can be any html code or text.<br>
		Remember to feed the reindeer.<br>
		Avoid chewable giblet curtains.
  </td>
  </tr>
  </table> 
</div>
-->
*/