Flyttbara lager

Hej jag skulle vilja på det enklaste sätt fixa flyttbara lager.
Man ska kunna klicka på lagret och dra det som man vill.

Det jag ska åstakomma är en slide med ett värde i en endan och ett i andra. Det kan jag gör själv men begränsningar i flytten o så. Jag vill bara ha hjälp med sjävla flytten.

//Kim Sevandersson

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