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
  var curImg = null;
  // 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
  }
  
  function initPopup(src,val,id){
	var img=null;
	curImg=id;
	document.getElementById("bgtrans").setAttribute("style","display:inline;");
	if(val=="Digitalisierung") sendRequest("../pages/popup.php?img="+val);
	else document.getElementById("popfooter").innerHTML="";
	elem=document.getElementById("popup");
	img=document.getElementById(curImg);img.setAttribute("style","display:inline;");
	elem.setAttribute("style","position:absolute;top:1px;left:"+(window.innerWidth/4-100)+"px;");
    document.getElementById("poptext").innerHTML="<h3>"+val+"</h3>";
  }

  // 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;
  }
  
  function noDisplay(){
	document.getElementById('popup').setAttribute("style","display:none;");
	document.getElementById(curImg).setAttribute("style","display:none;");
	document.getElementById('bgtrans').setAttribute('style','display:none;');
  }

  // 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
      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;
  }
  
  function sendRequest(url){
    var http_request = false;
	var resp=null;
    if (window.XMLHttpRequest) { // Mozilla, Safari,...
        http_request = new XMLHttpRequest();
        if (http_request.overrideMimeType) {
               http_request.overrideMimeType('text/xml');
        }
    } else if (window.ActiveXObject) { // IE
          try {
              http_request = new ActiveXObject("Msxml2.XMLHTTP");
          } catch (e) {
				try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
          }
    }
    http_request.open('POST', url, true);	
	http_request.onreadystatechange = function () {
        if (http_request.readyState == 4) {
		   resp = http_request.responseText;
		   document.getElementById("popfooter").innerHTML=resp;
		}
    };
	http_request.send(null);
  } 

/*var img=null;var elem=null;var end_x=0;var end_y=0;var last_x=0;var last_y=0;var b=false;	
function initPopup(src){;elem=document.getElementById("popup");img=document.getElementById("popimg");img.setAttribute("src",src);elem.setAttribute("style","position:absolute;top:1px;left:1px;");}
function initEvent(ev){b=true;elem=document.getElementById("popup");if(last_x==0) last_x=ev.clientX;if(last_y==0) last_y=ev.clientY;elem.onmousemove=translate;elem.onmouseup=stopEvent;}
function translate(ev){if(!b) return 0;end_x=ev.clientX-last_x;end_y=ev.clientY-last_y;elem.setAttribute("style","top:"+end_y+"px;left:"+end_x+"px;");}
function stopEvent(ev){elem.onmousemove=null;elem.onmouseup=null;b=false;}*/