i have a image in a "table data" and i am trying to change the image using onmouseover and onmouseout.
the image is being changed when i hover the mouse..but i am not getting back the original image when i remove the mouse..

this is the html code

HTML Code:
<td>
    <img src="star-gold/star-gold24.png" alt="select answer" id="opt1" onmouseover="changehovercolor(0);" onmouseout="changehovercolor(1);" />
</td>
and here is the javascript code

Code:
<script type="text/javascript">
    function changehovercolor(opt) {
        if(opt == 0)
        {
            document.getElementById("opt1").src = "star-blue/star-blue24.png";
        }
        if(opt == 1)
        {
            document.getElementById("opt1").src = "star-blue/star-blue24.png";
        }
    }
    </script>
i am not able to understand what's going wrong.BTW i am using firefox browser to check.
Thank you