Hi, I was wondering if you could help me change an image on a form submit button.
I have used OnMouseOver with links but I want to use it with a form button.
Here is what I have:
PHP Code:
<script language="JavaScript">
<!-- 
Begin
if (document.images)
   {
     
submiton= new Image(70,20);
     
submiton.src="images/loginb1.gif";
     
submitoff= new Image(70,20);
     
submitoff.src="images/loginb.gif";
   }
function 
lightup(imgName)
 {
   if (
document.images)
    {
      
imgOn=eval(imgName "on.src");
      
document[imgName].srcimgOn;
    }
 }

function 
turnoff(imgName)
 {
   if (
document.images)
    {
      
imgOff=eval(imgName "off.src");
      
document[imgName].srcimgOff;
    }
 }
// End -->
</script>
</HEAD>
////////// Further Down...

    <input type="image" src="images/loginb.gif" name="submit" value="submit" onMouseover="lightup('submit')" onMouseout="turnoff('submit')">
</td></tr></table></form> 
What am I doing wrong?

Thanks,
~Rhys