// JavaScript Document
var dragobjekt = null;
var dragx = 0;
var dragy = 0;

var posx = 0;
var posy = 0;

var offset_shadowX = 0;
var offset_shadowY = 0;


var old_margin_left;
var old_margin_top;


function draginit() {
  document.onmousemove = drag;
  document.onmouseup = dragstop;
}


function dragstart(objekt,shadow_objekt) {
  dragobjekt = document.getElementById(objekt);
  dragobjektshadow = document.getElementById(shadow_objekt);
  offset_shadowX = dragobjekt.offsetLeft - dragobjektshadow.offsetLeft;
  offset_shadowY = dragobjekt.offsetTop - dragobjektshadow.offsetTop;  
  dragx = posx - dragobjekt.offsetLeft;
  dragy = posy - dragobjekt.offsetTop;
}


function dragstop() {
  
  dragobjekt = null;
  dragobjektshadow = null;
}


function drag(ereignis) {

  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";
	if(dragobjektshadow) {
//	    dragobjektshadow.style.left = (posx - dragx + offset_shadowX ) + "px";
//    	dragobjektshadow.style.top = (posy - dragy + offset_shadowY ) + "px";
	    dragobjektshadow.style.left = (posx - dragx ) + "px";
    	dragobjektshadow.style.top = (posy - dragy ) + "px";
		
	}

  }
}