/* -------------------------------------------------------------------------------------------
    Die Funktion ermöglicht das Verschieben eines DIV's
   ------------------------------------------------------------------------------------------- */
 var dname="";
 var moveit=false;

  function mousemove(e){
    if (!e)    e=window.event;
    if(e)   {msg_x=e.pageX?e.pageX:e.clientX?e.clientX:0; msg_y=e.pageY?e.pageY:e.clientY?e.clientY:0;}
    else if(event) {msg_x=event.clientX; msg_y=event.clientY;}


    // msg_x,msgY evtl om offset des div reduzieren
    if(moveit==true && dname.length > 1) {
    /* Achtung Cursor muss sich beim IE auch nach dem Verschieben im Div befinden, sonst wird mouseup nicht erkannt. */
        document.getElementById(dname).style.top=msg_y-10;
        document.getElementById(dname).style.left=msg_x-5;
    }
    window.status="name="+dname+":  x="+msg_x+"  y="+msg_y;
  }


  function moveMe(ID){
     dname=ID;
     moveit=true;
  }

  function stopMe(){
 // attrib(document.getElementById(dname));
 alert(dname);
     moveit=false;
     dname="";
   }

 var ns4=(document.layers)?true:false;
 document.onmousemove = mousemove;
 if(ns4&&document.captureEvents) document.captureEvents(Event.MOUSEMOVE);

 var msg_x=0;
 var msg_y=0;


/* -----------------------------------------------------------------------------------------------
    und so wird das DIV in der HTML-Datei definiert
   -----------------------------------------------------------------------------------------------
<div id="bla" style="cursor:move; position:absolute; left: 220px; top:310px;
      background-color: #FCFFCE; width: 100px; height: 150px; padding: 5px;
      border: solid 1px blue; z-index: 2;"
         onmouseup="stopMe();"    onmousedown="moveMe('bla');" >
     move me away<br>
     warum wird Text selektiert
     </div>

*/