//Ab hier kommt das Drag & Drop-Script für das Popup. 

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
    //und jetzt noch das Popup verkleinern
    popup_content_hoehe=parseFloat(document.getElementById('popup_content_ausgabe').offsetHeight);
    document.getElementById('popup_rechts').style.height=popup_content_hoehe+'px';
    document.getElementById('popup_links').style.height=(popup_content_hoehe-10)+'px';
    document.getElementById('popup').style.height=(popup_content_hoehe+10)+'px';
    document.getElementById('popup_unten_links').style.top=popup_content_hoehe+'px';
    document.getElementById('popup_unten_mitte').style.top=popup_content_hoehe+'px';
    document.getElementById('popup_unten_rechts').style.top=(popup_content_hoehe+1)+'px';

    init_normalseite();
  }
  
function init_normalseite(){
    // Seite nach dem Laden zentrieren
    if (document.body.offsetWidth < 985) {
       document.getElementById("rahmen").style.left=10;
    }
    else {
	     x=(document.body.offsetWidth-975)/2;
       document.getElementById("rahmen").style.left=x;
    }
    content_hoehe=parseFloat(document.getElementById('content').offsetHeight);
    navi_hoehe=parseFloat(document.getElementById('navigation').offsetHeight);
    if(navi_hoehe>content_hoehe) {neue_hoehe=navi_hoehe;}
    else {neue_hoehe=content_hoehe;}
    if(neue_hoehe<220) {neue_hoehe=220;}
    document.getElementById('content').style.height=(neue_hoehe+10)+'px';
    document.getElementById('navigation').style.height=(neue_hoehe+10)+'px';
    document.getElementById('mitte_links').style.height=(neue_hoehe+52)+'px';
    document.getElementById('mitte_rechts').style.height=(neue_hoehe+52)+'px';
    document.getElementById('rahmen').style.height=(neue_hoehe+270)+'px';
    document.getElementById('footer').style.top=(neue_hoehe+268)+'px';
    document.getElementById('fuss').style.top=(neue_hoehe+310)+'px';
  }

// Wird aufgerufen, wenn die Maus über einer Box gedrückt wird
function startDrag(objElem) {
    // Objekt der globalen Variabel zuweisen -> hierdurch wird Bewegung möglich
    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ückt, erfolgt eine Bewegung
    if (objDrag != null) {
      // Element neue Koordinaten zuweisen
      objDrag.style.left = (mouseX - offX) + "px";
      objDrag.style.top = (mouseY - offY) + "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;
  }

//für das Pop-Up-Fenster
function show_pop() {
      document.getElementById("popup").style.visibility='visible';
   }
function close_pop() {
      document.getElementById("popup").style.visibility='hidden';
   }