var mrzl;
  var mrzt;
  var mrsl;
  var mrst;
function draginit() {


 // Initialisierung der Überwachung der Events

  document.onmousemove = drag;
  document.onmouseup = dragstop;
  dragstop();
        document.getElementById("ziel").style.left = 700 + "px"
        document.getElementById("ziel").style.top = 500 + "px"
        document.getElementById("schieber").style.left = 20 + "px"
        document.getElementById("schieber").style.top = 600 + "px"
  
  zufzahlen();
  


}

//GENERIERT ZUFALLSZAHLEN UND MULTIPLIZIERT MIT EINEM WERT FÜR DIE MAXIMALE POSITION AUF DEM FENSTER
function zufzahlen(){
//alert("zufzahlen")
  mrzl = 800 * Math.random();    //ZIEL LEFT
  mrzt = 500 * Math.random();    //ZEIL TOP
  mrsl = 600 * Math.random();    //SCHIEBER LEFT
  mrst = 500 * Math.random();    //SCHIEBER TOP
  zzcheck();
}




//IM NÄCHSTEN IF KANNST DU ANGEBEN, IN WELCHEM SEITENBEREICH (LEFT, TOP) 
//SICH DIE DRAG AND DROP-ELEMENTE ZUFÄLLIG BEFINDEN SOLLEN

//mrzt:  Ziel - Top
//mrst: Schieber - Top
//mrsl: Schieber - Left
//mrzl: Ziel - Left

function zzcheck(){
//alert("check")
   try{
     if(mrzt > 400 && mrzt < 500 && mrst > 400 && mrst < 500 && mrsl < 400 && mrzl > 400){
     divpos();
     }
     else{
     zufzahlen();
     }
   }
   catch(e){
      var url = window.location.href;
      window.location = (url);
   }
}



function divpos(){
        //alert("divpos")

        document.getElementById("ziel").style.left = mrzl + "px"
        document.getElementById("ziel").style.top = mrzt + "px"
        document.getElementById("schieber").style.left = mrsl + "px"
        document.getElementById("schieber").style.top = mrst + "px"

}


function dragstart(element) {
   //Wird aufgerufen, wenn ein Objekt bewegt werden soll.

  dragobjekt = element;
  dragx = posx - dragobjekt.offsetLeft;
  dragy = posy - dragobjekt.offsetTop;
}

function dragstop() {
  //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.

  dragobjekt=null;
}


function drag(ereignis) {
  //Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.

  posx = document.all ? window.event.clientX : ereignis.pageX;
  posy = document.all ? window.event.clientY : ereignis.pageY;
  if(dragobjekt != null) {


       dragobjekt.style.left = (posx - dragx) + "px";
       dragobjekt.style.top = (posy - dragy) + "px";


  }
}

function ziely(){
document.getElementById("ziel").style.zIndex = '999'
//document.getElementById("ziel").style.border = '3px solid blue';
//werte()
ajaxFunction();
}

function zielr(){
document.getElementById("ziel").style.border = '3px solid blue';
}

function werte(){
zielobjekt = document.getElementById("ziel");
schieberobjekt = document.getElementById("schieber");
document.getElementById("zl").value = zielobjekt.offsetLeft;
document.getElementById("zt").value = zielobjekt.offsetTop;
document.getElementById("sl").value = schieberobjekt.offsetLeft;
document.getElementById("st").value = schieberobjekt.offsetTop;
}