Layer problemer i NS6

Jeg har fundet nogle kodestumper som jeg prøver at lave et galleri med layers ud af.

Det virker i IE og den gamle NS (4.76) men ikke i den nye NS 6.01.

URL til galleriet:
http://www.vangberg.dk/gallery

Kildekode:

<html>
<head>
<title>Layer-Gallery</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">


<script language=\"JavaScript\">
<!--
function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v==\'show\')?\'visible\':(v=\'hide\')?\'hidden\':v; }
    obj.visibility=v; }
}
//-->
</script>


<style type=\"text/css\">

.border {
border-bottom : solid 1px;
border-left : solid 1px;
border-right : solid 1px;
border-top : solid 1px;
border-color : #000000;}
}

</style>

</head>

<body bgcolor=\"#cccccc\">


<table align=left width=100% height=100% border=0 cellspacing=0 cellpadding=0>

<tr>
<td width=50%>
   
<div id=\"pic1\" style=\"position:absolute; width:200px; height:200px; z-index:1; top: 200px; left: 200px; visibility: visible\">
<img src=\"large_pic1.gif\" class=border border=\"0\" width=\"200\" height=\"200\" align=\"bottom\" alt=\"\">
</div>
     
     
<div id=\"pic2\" style=\"position:absolute; width:200px; height:200px; z-index:1; top: 200px; left: 200px; visibility: hidden\">
<img src=\"large_pic2.gif\" class=border border=\"0\" width=\"200\" height=\"200\" align=\"bottom\" alt=\"\">
</div>
 
   
<div id=\"pic3\" style=\"position:absolute; width:200px; height:200px; z-index:1; top: 200px; left: 200px; visibility: hidden\">
<img src=\"large_pic3.gif\" class=border border=\"0\" width=\"200\" height=\"200\" align=\"bottom\" alt=\"\">
</div>


<div id=\"pic4\" style=\"position:absolute; width:200px; height:200px; z-index:1; top: 200px; left: 200px; visibility: hidden\">
<img src=\"large_pic4.gif\" class=border border=\"0\" width=\"200\" height=\"200\" align=\"bottom\" alt=\"\">
</div>

</td>


<td valign=middle>

<table align=center border=0 cellspacing=10 cellpadding=10>

<tr>
<td align=center>
<img src=\"small_pic1.gif\" class=border width=\"50\" height=\"50\" border=0 onmousedown=\"MM_showHideLayers(\'pic1\',\'\',\'show\',\'pic2\',\'\',\'hide\',\'pic3\',\'\',\'hide\',\'pic4\',\'\',\'hide\')\">
</td>



<td align=center>
<img src=\"small_pic2.gif\" class=border width=\"50\" height=\"50\" border=0 onmousedown=\"MM_showHideLayers(\'pic1\',\'\',\'hide\',\'pic2\',\'\',\'show\',\'pic3\',\'\',\'hide\',\'pic4\',\'\',\'hide\')\">
</td>
</tr>
         
<tr>
<td align=center>
<img src=\"small_pic3.gif\" class=border width=\"50\" height=\"50\" border=0 onmousedown=\"MM_showHideLayers(\'pic1\',\'\',\'hide\',\'pic2\',\'\',\'hide\',\'pic3\',\'\',\'show\',\'pic4\',\'\',\'hide\')\">
</td>



<td align=center>
<img src=\"small_pic4.gif\" class=border width=\"50\" height=\"50\" border=0 onmousedown=\"MM_showHideLayers(\'pic1\',\'\',\'hide\',\'pic2\',\'\',\'hide\',\'pic3\',\'\',\'hide\',\'pic4\',\'\',\'show\')\">
</td>
</tr>
   

</table>
         
</td>
</tr>
</table>


</body>
</html>