Flyttbara lager

Enkelt exempel:

<script type="text/javascript">

var elm,
    lpos,
    tpos,
    curL,
    curT,
    active = false;

document.onmousedown = function(e){
    var evt;

    if (typeof (evt = window.event) != "undefined" && evt.srcElement == elm){
	active = true;
	lpos   = evt.screenX;
	tpos   = evt.screenY;
	curL   = elm.offsetLeft;
	curT   = elm.offsetTop;
    }

    else if (typeof (evt = e) != "undefined" && e.target == elm){
	active = true;
	lpos   = evt.pageX;
	tpos   = evt.pageY;
	curL   = elm.offsetLeft;
	curT   = elm.offsetTop;
    }
}

document.onmousemove = function(e){
    var evt;

    if (active && typeof (evt = window.event) != "undefined"){
	elm.style.left = curL + (evt.screenX - lpos);
	elm.style.top  = curT + (evt.screenY - tpos);
    }

    else if (active && typeof (evt = e) != "undefined"){
	elm.style.left = curL + (evt.pageX - lpos) + "px";
	elm.style.top  = curT + (evt.pageY - tpos) + "px";
    }
}

document.onmouseup = function(){ active = false; }

window.onload = function(){ elm = document.getElementById("foo"); }

</script>

<div id="foo" style="position:absolute; width:200px; height:75px; border:1px solid; background:#eee"></div>

:)

Tackar ska prova koden när jag får tid :)

EDIT: Funkade som det skulle, tackar :bire

EDIT2: Mitt reslutat Här