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 = 600 + "px"
        document.getElementById("ziel").style.top = 680 + "px"
        document.getElementById("schieber").style.left = 200 + "px"
        document.getElementById("schieber").style.top = 700 + "px"
  
      var browser = navigator.appName

if (browser == 'Opera')
{
document.getElementById("ziel").style.left = 600 + "px"
        document.getElementById("ziel").style.top = 720 + "px"
        document.getElementById("schieber").style.left = 200 + "px"
        document.getElementById("schieber").style.top = 740 + "px"
}

else if (browser == 'Netscape')
{
document.getElementById("ziel").style.left = 600 + "px"
        document.getElementById("ziel").style.top = 680 + "px"
        document.getElementById("schieber").style.left = 200 + "px"
        document.getElementById("schieber").style.top = 690 + "px"
}
  


}

//GENERIERT ZUFALLSZAHLEN
function zufzahlen(){
//alert("zufzahlen")
  mrzl = 800 * Math.random();    //ZIEL LEFT
  mrzt = 750 * Math.random();    //ZEIL TOP
  mrsl = 400 * Math.random();    //SCHIEBER LEFT
  mrst = 750 * Math.random();    //SCHIEBER TOP
  zzcheck();
}

//CHECKED, OB DIESE IM GEWUENSCHTEN SEITENBEREICH SIND
function zzcheck(){
//alert("check")
     if(mrzt > 700 && mrzt < 750 && mrst > 700 && mrst < 750 && mrsl < 400 && mrzl > 400){
     divpos();
     }
     else{
     zufzahlen();
     }
}





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;
}