onmouseover issue

Hi I'm new here and would like to ask for your valued assistance. Although I feel this should be very simple I have been stumped on it for a couple of days.

My problem is I have a main picture and a couple of thumbnails. When you mouse over a thumbnail it enlarges in the main window. Working great so far.

Now the problem when I mouseout of any of the thumbnails it remains in the main window and won't revert back to it's original.

Here is my very unpleasant code:

Code java:

<body>
         <tr>
       <!-- <td><table width="100%" bgcolor="#b0b0b0" border="0" cellpadding="10" cellspacing="1"> -->
          <tbody><tr>
            <td bgcolor="#ffffff">
         <table width="86%" border="0" cellpadding="0" cellspacing="0">
              <tbody><tr>
 
                <script language="JavaScript" type="text/javascript"> 
function fda(pic){ 
document.getElementById("PicViewer").src=pic; 
}
 
function tst(pic){ 
document.getElementById("PicViewer").bit=pic; 
}</script>
 
 
			</table>
			<div align="center">
 
 
<table border="0" cellPadding="0" width="950" height="650" style="border-collapse: collapse" bordercolor="#111111">
  <tr>
    <td width="15" bgcolor="#111111" height="542" rowspan="3">
    <p align="center">
    &nbsp;</td>
    <td bgcolor="#405E76" height="650" colspan="9" valign="top">
    <p align="center">
    <img src="http://i99.photobucket.com/albums/l290/big_poppa_duke/mainimg.png" class="biankuang2" id="PicViewer" border="0" width="640" height="480" vspace="55" hspace="0"></td>
    <td width="15" bgcolor="#111111" height="542" rowspan="3">
    &nbsp;</td>
  </tr>
  <tr>
    <td width="15" bgcolor="#405E76" height="80">
    &nbsp;</td>
    <td width="121" bgcolor="#405E76" align="center">
    &nbsp;</td>
    <td width="145" bgcolor="#405E76" align="center">
    &nbsp;</td>
    <td width="145" bgcolor="#405E76" align="center">
    <img border="2" src="http://i99.photobucket.com/albums/l290/big_poppa_duke/img2.png"class="biankuang2" onmouseover="fda(this.src)" width="125" height="93" vspace="2" onmouseout="tst(this.pic);" width="125" height="93" vspace="2"></td>
    <td bgcolor="#405E76" align="center" width="145">
    &nbsp;</td>
    <td width="145" bgcolor="#405E76" align="center">
    <img border="2" src="http://i99.photobucket.com/albums/l290/big_poppa_duke/img3.png"class="biankuang2" onmouseover="fda(this.src)" width="125" height="93" vspace="2" onmouseout="tst(this.pic);" width="125" height="93" vspace="2"></td>
    <td width="145" bgcolor="#405E76" align="center">
    &nbsp;</td>
    <td width="121" bgcolor="#405E76" align="center">
    &nbsp;</td>
    <td width="14" bgcolor="#405E76">
    &nbsp;</td>
    </tr>
 </table>[/td]
[/tr]

Oh and I have just noticed my page seems to load twice with a confirmed click sound. Any idea what's in my code causing this annoyance?
I'm sure by now you will appreciate I am a complete newb and would like any info in laymans terms please

I really appreciate any help
Thank you

Re: onmouseover issue

This looks to be javascript, and these are java forums. Big difference. You might have better luck on a javascript dedicated forum. I'm moving your thread to the other programming languages section.

Re: onmouseover issue

Sorry copeg. My ignorance holds no bounds. My humble appologise. And thanks for moving it. Now I just got to find it lol!