Dynamisk z-index

Halløj

Jeg har ladet mig fortælle at ovenstående ikke rigtig kan lade sig gøre. Derfor spørger jeg om følgende: Hvordan ændrer jeg mit z-index i en div med en onclick event ?

Her er lidt kode:

<div id=\"personkreds\" style=\"position:absolute;left:292px;top:200px;width:98px;visibility:hidden\">
<table class=w11text bgcolor=#313C42 border=1 width=100>
  <tr>
  <a href=\"#\" onClick=\"this.style.backgroundImage=\'url(images/but1_bg.gif)\';vis_skjul_layers(\'antaget_til_arbejde\',\'\',\'show\');div.antaget_til_arbejde.style.zindex=100\" ><td style=\"Cursor:hand\">Antaget til arbejde</td></a>
  </tr>
</table>
</div>

<div id=\"antaget_til_arbejde\" style=\"position:absolute; left:393px; top:200px; width:98px;  visibility: hidden;z-index:\">
<table class=w11text bgcolor=#313C42 border=1 width=100>
  <tr>
  <a href=\"em.asp?mode=process&ord=personkreds - antaget til arbejde - gæst\"><TD style=\"Cursor:hand\">Gæst</td>
  </tr>
  <tr>
  <a href=\"em.asp?mode=process&ord=personkreds - antaget til arbejde - diverse\"><td style=\"Cursor:hand\">Diverse</td></a>
  </tr>
</table>
</div>


<div id=\"antaget_til_arbejde\" skal altså have z-index værdien 100 ved click på
  <a href=\"#\" onClick=\"this.style.backgroundImage=\'url(images/but1_bg.gif)\';vis_skjul_layers(\'antaget_til_arbejde\',\'\',\'show\');div.antaget_til_arbejde.style.zindex=100\" ><td style=\"Cursor:hand\">Antaget til arbejde</td></a>