var dragable = false;
var box, foot;
var deltaX, deltaY;
var mouseX;
var z=0;

box


//document.onmousemove=getMouseX(); Wenn nicht auskommentiert, dann Text nicht selektierbar

function getMouseX(e)
{

	if(ie) {
   	    mouseX = event.clientX ;
	  }
	  else if(w3c) {
	   mouseX =e.clientX;

	  }

	return false;
	}


	function dragX() { // Box zur x-Mausposition verschieben


	if(ie) {
   	    box.style.pixelLeft = mouseX ;
	  }
	  else if(w3c) {
	   box.style.left= mouseX + "px";

	  }


	return false;
	}



	

 function hideBox(objekt) { // Layer unsichtbar machen
   		   box2 = document.getElementById(objekt);
  		box2.style.visibility = "hidden";
		box2.style.display="none";

		}


 function showBox(objekt) { // Layer sichtbar machen

 if(z>0)
		{
		 box2.style.visibility = "hidden";
		 box2.style.display="none";
		}
  	     box2 = document.getElementById(objekt);
  		box2.style.visibility = "visible";
		box2.style.display="block";
		z++;
		box2.style.zIndex=z;
	//	dragX();

		}

function showBox2(name) { // Layer sichtbar machen

 /*if(z>0)
		{
		 box2.style.visibility = "hidden";
		 box2.style.display="none";
		}
*/

  	     container = document.getElementsByName(name);
  	     l=container.length;
  	     alert(l);
  	     
		   for(i=0;i<1;i++)
  	     {
           document.getElementsByName(name).style.visibility = "visible";
			//container[i].style.display="block";
		}
		z++;
		//box2.style.zIndex=z;
	//	dragX();

		}


function reg(objekt) { // Events initialisieren
  box = document.getElementById(objekt);

  if(ie) { // Fuer IE 4+

  document.onmouseup = new Function("dragable=false;");
  box.onselectstart = new Function("return false;");
 }
else
 document.onmouseup = drop;

 dragable = true;
 box.onmousedown = pos; // Fuer alle Browser
}


function pos(e) { // Mausposition berechnen
if(ie) {

  deltaX = event.clientX - box.style.pixelLeft;
  deltaY = event.clientY - box.style.pixelTop;
  document.onmousemove = drag;
 }
 else if(w3c) {
  deltaX = e.clientX - parseInt(box.style.left);
  deltaY = e.clientY - parseInt(box.style.top);
  document.onmousemove = drag;
 }
}

function drag(e) { // Box zur Mausposition verschieben
if(dragable == true) {
	 if(ie) {

   box.style.pixelLeft= event.clientX - deltaX;
   box.style.pixelTop = event.clientY - deltaY;
  }
  else if(w3c) {
   box.style.left= (e.clientX - deltaX) + "px";
   box.style.top = (e.clientY - deltaY) + "px";
  }
}
return false;
}


function drop() { // Box ablegen

 dragable = false;
 document.onmousemove = null;
}