To billeder

Hej... jeg har en funktion, hvori når jeg køre musen over et billede, så kommer der et lille billede ovenpå, hvorpå der står delete, det virker også fint nok og det hele. Men hvis jeg så laver mit ene billede til et link, så durer det ikke, så fjerne den bare det oprindelige billede istedet. Nogen der kan hjælpe?

min kode:


<style type="text/css">
.imgDiv {
    position: relative;
}
.delete {
    position: absolute;
    left: 1px;
    top: 61px;
    z-index: 2;
    display: none;
}
</style>

<script type="text/JavaScript">
function hideShowDelete(elm, show) {
    var im = elm.parentNode.getElementsByTagName("img")[0];
    im.style.display = show ? "inline" : "none";
}
</script>


<p align="center">

<table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="730" id="AutoNumber1">
  <tr>
<?
$sql = "SELECT id, navn, fil, tekst FROM billeder ORDER BY id desc";
$qh = mysql_query( $sql ) or die( mysql_error() );
$x = 0;
while ( $row = mysql_fetch_assoc( $qh ) ) {
if($x == 6) {
echo '</tr><tr><td colspan="6">&nbsp;</td></tr><tr>';
$x = 0;
}

echo '<td><div class="imgDiv"><img src="../img/delete.jpg" class="delete" onmouseover="hideShowDelete(this, 1)" onmouseout="hideShowDelete(this)">';
echo '<img border="1" onmouseover="hideShowDelete(this, 1)" onmouseout="hideShowDelete(this)" alt="" width="100" src="../billeder/'.$row[fil].'_thumb.jpg"></div></td>';

$x = $x+1;
}

?>
</div>

  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>




--- som den er nu virker det, men hvis jeg så skriver

echo '<a href="http://www.google.com"><img border="1" onmouseover="hideShowDelete(this, 1)" onmouseout="hideShowDelete(this)" alt="" width="100" src="../billeder/'.$row[fil].'_thumb.jpg"></a></div></td>';

så fjerne den bare billedet istedet :/