var objDrag = null;     // Element, über dem Maus bewegt wurde

  var mouseX   = 0;       // X-Koordinate der Maus
  var mouseY   = 0;       // Y-Koordinate der Maus

  var offX = 0;           // X-Offset der Maus zur linken oberen Ecke des Elements
  var offY = 0;           // Y-Offset der Maus zur linken oberen Ecke des Elements

  // Browserweiche
  IE = document.all&&!window.opera;
  DOM = document.getElementById&&!IE;

  // Initialisierungs-Funktion
  function init(){
    // Initialisierung der Überwachung der Events
    document.onmousemove = doDrag;  // Bei Mausbewegung die Fkt. doDrag aufrufen
    document.onmouseup = stopDrag;  // Bei Loslassen der Maustaste die Fkt. stopDrag aufrufen

    sektor1=true; //meine
    sektor2=false; //meine
    sektor3=true; //meine
    sektor4=false; //meine
    sektor5=false; //meine
    sektor6=false; //meine
  }

  // Wird aufgerufen, wenn die Maus über einer Box gedrückt wird
  function startDrag(objElem) {
    // Objekt der globalen Variabel zuweisen -> hierdurch wird Bewegung möglich
    objElem = document.getElementById(objElem);
    objDrag = objElem;

    // Offsets im zu bewegenden Element ermitteln
    offX = mouseX - objDrag.offsetLeft;
    offY = mouseY - objDrag.offsetTop;
  }

  // Wird ausgeführt, wenn die Maus bewegt wird
  function doDrag(ereignis) {
    // Aktuelle Mauskoordinaten bei Mausbewegung ermitteln
    mouseX = (IE) ? window.event.clientX : ereignis.pageX;
    mouseY = (IE) ? window.event.clientY : ereignis.pageY;

    // Wurde die Maus über einem Element gedrück, erfolgt eine Bewegung
    if (objDrag != null) {
      // Element neue Koordinaten zuweisen
      newX = mouseX - offX;
      newY = mouseY - offY;
      if(objDrag.className=='zettel1'){
        if(newX>-120 && newX<580 && newY>-30 && newY<410){
          objDrag.style.left = newX + "px";
          objDrag.style.top = newY + "px";
        }
      }
      if(objDrag.className=='zettel2'){
        if(newX>-140 && newX<560 && newY>-30 && newY<410){
          objDrag.style.left = newX + "px";
          objDrag.style.top = newY + "px";
        }
      }
      if(objDrag.className=='zettel3'){
        if(newX>-190 && newX<510 && newY>-30 && newY<410){
          objDrag.style.left = newX + "px";
          objDrag.style.top = newY + "px";
        }
      }

      // Position in Statusleiste ausgeben
      window.status = "Box-Position: " + objDrag.style.left + ", " + objDrag.style.top;
    }
  }

  // Wird ausgeführt, wenn die Maustaste losgelassen wird
  function stopDrag(ereignis) {
    // Objekt löschen -> beim Bewegen der Maus wird Element nicht mehr verschoben
    objDrag = null;
  }



function oeffnen(objekt){
  objekt=document.getElementById(objekt);
  if (objekt.style.top==0){
    if (sektor1!=true){
      objekt.style.top='10px';
      objekt.style.left='10px';
      sektor1=true;
    }
    else if (sektor2!=true){
      objekt.style.top='20px';
      objekt.style.left='200px';
      sektor2=true;
    }
    else if (sektor3!=true){
      objekt.style.top='30px';
      objekt.style.left='400px';
      sektor3=true;
    }
    else if (sektor4!=true){
      objekt.style.top='300px';
      objekt.style.left='20px';
      sektor4=true;
    }
    else if (sektor5!=true){
      objekt.style.top='310px';
      objekt.style.left='210px';
      sektor5=true;
    }
    else if (sektor6!=true){
      objekt.style.top='320px';
      objekt.style.left='410px';
      sektor6=true;
    }
  }
  vorholen(objekt);
  objekt.style.display='inline';
}
function schliessen(id){
  document.getElementById(id).style.display='none';
}
function vorholen(objekt){
  maxi=maxzidex()+1;
  objekt.style.zIndex=maxi;
}
function maxzidex(){
  ind1=document.getElementById('kontakt').style.zIndex;
  ind2=document.getElementById('referenzen').style.zIndex;
  ind3=document.getElementById('technologie').style.zIndex;
  ind4=document.getElementById('philosophie').style.zIndex;
  ind5=document.getElementById('preise').style.zIndex;
  ind6=document.getElementById('leistungen').style.zIndex;
  maxi = Math.max(ind1,ind2,ind3,ind4,ind5,ind6);
  return maxi;
}

function ordnervor(objekt){
  obj_top=objekt.style.top;
  obj_left=objekt.style.left;
  obj_top=parseInt(obj_top.substring(0,obj_top.length-2))+10;
  obj_left=parseInt(obj_left.substring(0,obj_left.length-2))-10;
  objekt.style.top=parseFloat(obj_top)+'px';
  objekt.style.left=parseFloat(obj_left)+'px';
}
function ordnerzurueck(objekt){
  obj_top=objekt.style.top;
  obj_left=objekt.style.left;
  obj_top=parseInt(obj_top.substring(0,obj_top.length-2))-10;
  obj_left=parseInt(obj_left.substring(0,obj_left.length-2))+10;
  objekt.style.top=parseFloat(obj_top)+'px';
  objekt.style.left=parseFloat(obj_left)+'px';
}
function buttonhoch(objekt){
  objekt.style.backgroundImage='url(images/button2_oben.png)';
}
function buttonrunter(objekt){
  objekt.style.backgroundImage='url(images/button2.png)';
}