auf box zuweisen

[dani_o]

ich habe folgendes script gefunden:

    <script language="JavaScript1.2">
//Popup Box- By Jim Silver @ [email]jimsilver47@yahoo.com[/email]

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////


function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx
crossobj.style.top=tempy+e.clientY-offsety
return false
}
}

function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage

var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "HTML" : "BODY"

while (firedobj.tagName!=topelement&&firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(){
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}
function seebox(){
if (ie4||ns6)
crossobj.style.visibility="visible"
else if (ns4)
document.showimage.visibility="visible"
}

</script> 

die box selber ist so definiert:

<div id="showimage" style="visibility: hidden;position:absolute;width:250px;left:250;top:250">

<table style="border-bottom: 1px solid #8F8E74;border-right: 1px solid #8F8E74;border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;" width="640" height="480" cellpadding="2" cellspacing="1" border="0" bgcolor="#C8C7B6">
<tr>
    <td height="18" id="dragbar" style="cursor:hand;border-bottom: 1px solid #8F8E74;" width="100%">
    <ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0">
    <strong>:. Infobox</strong>
    </layer></ilayer>
    </td>
    <td style="border-bottom: 1px solid #8F8E74;"><div align="right"><a href="#" onClick="hidebox();return false"><b>x</b></a></div></td>
</tr>
<tr>
    <td valign="top" style="padding:10px;border-left: 1px solid #8F8E74;" colspan="2" bgcolor="#FFFFFF">

        <strong>Inhalt ...</strong>
    
    </td>
</tr>
</table>
</div> 

Wie muss ich das umschreiben, dass ich mehrere boxen öffnen kann und jede box einen eigenen namen besitzt?