Drag-funktion för lager ??

Hur gör man för att kunna förflytta ett lager och släppa det där man vill ha det? Ungefär som drag and drop i windows alltså, eller exakt som drag and drop. Jag har en kod som ser ut på följande sätt men den tycks bara fungera på bilder.
I head-taggen skriver jag:
<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>

och i bodyn skriver jag följande:
<script language="JavaScript1.2">
<!--

var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script>

Och slutligen lägger jag till class="drag" i den img-tagg för den bild som jag vill göra flyttbar.

Kan jag manipulera denna kod för att få den att fungera med layers? Eller finns det någon annan kod för detta?

Vad jag vill är alltså att kunna lägga class="drag" i en div-tagg för ett lager och få det att fungera.

MVH Andreas