var elDragged = null  

function doMouseMove(e) {
	if (!e) var e = window.event;
		if ((elDragged != null)) {
			var intTop = e.clientY + document.documentElement.scrollTop;
			var intLeft = e.clientX + document.body.scrollLeft;
			var intLessTop  = 0;
			var intLessLeft = 0;
			var elCurrent = elDragged.parentNode;
			while (elCurrent.offsetParent != null) {
	            intLessTop += elCurrent.offsetTop;
	            intLessLeft += elCurrent.offsetLeft;
	            elCurrent = elCurrent.offsetParent;

			}
			var yy = (intTop  - intLessTop - elDragged.y).toString() + 'px';
			var xx = (intLeft - intLessLeft  - elDragged.x).toString() + 'px';
			elDragged.style.top = yy;
			elDragged.style.left =  xx;
			e.returnValue = false;
		}
}
function checkDrag(elCheck) {
    while (elCheck != null) {
       if (null != elCheck.getAttribute("dragEnabled"))
          return elCheck;
          elCheck = elCheck.parentNode;
       }      
       return null;
  }
function doMouseDown(e) {
	if (!e) var e = window.event;
	var srcEl = e.srcElement? e.srcElement : e.target;
    var elCurrent = checkDrag(srcEl);
    if (null != elCurrent) {
        elDragged = elCurrent;
        elDragged.x = e.offsetX || e.layerX;
        elDragged.y = e.offsetY || e.layerY;
        var op = srcEl;
        if ((elDragged != op.offsetParent) &&
            (elDragged != srcEl)) {
            while (op != elDragged) {
                elDragged.x += op.offsetLeft;
                elDragged.y += op.offsetTop;
                op = op.offsetParent;
            }
         }
   }
}
function DragStart(e) {
	if (!e) var e = window.event;
	var srcEl = e.srcElement? e.srcElement : e.target;
	if(srcEl.id != 'headImg'){return};
	document.onmousedown = doMouseDown;
	document.onmousemove = doMouseMove;
	document.onmouseup = new Function("elDragged = null;");
}
function DragEnd() {
	document.onmousedown = "";
	document.onmousemove = "";
	document.onmouseup = "";
}