function returnobj(id) {
  if (document.getElementById) {
    return document.getElementById(id);
  } else if (document.all) {
    return document.all[id];
  } else if (document.layers) {
    return document.layers[id];
  } else {
    return false;
  }
}


function mouseCoords(ev){
        if(ev.pageX || ev.pageY){
                return {x:ev.pageX, y:ev.pageY};
        }
        return {
                x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
                y:ev.clientY + document.body.scrollTop  - document.body.clientTop
        };
}

document.onmousemove = mouseMove;
document.onmouseup   = mouseUp;

var dragObject  = null;
var mouseOffset = null;


function getMouseOffset(target, ev){
        ev = ev || window.event;


        var docPos    = getPosition(target);
        var mousePos  = mouseCoords(ev);


        return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
}

function getPosition(e){
        var left = 0;
        var top  = 0;



        while (e.offsetParent){
                left += e.offsetLeft;
                top  += e.offsetTop;
                e     = e.offsetParent;
        }

        left += e.offsetLeft;
        top  += e.offsetTop;

        return {x:left, y:top};
}

function mouseMove(ev){
        ev           = ev || window.event;

        var mousePos = mouseCoords(ev);

        if(dragObject){
                dragObject.style.position = 'absolute';
                dragObject.style.top      = mousePos.y - mouseOffset.y+"px";
                dragObject.style.left     = mousePos.x - mouseOffset.x+"px";

                return false;
        }

}

function mouseUp(){

        dragObject = null;
}

function makeDraggable(itema){


var item = returnobj(itema);


        if(!item) return;

        item.onmousedown = function(ev){


                dragObject  = this;
                mouseOffset = getMouseOffset(this, ev);
                return false;
        }
}