[Resolved]XHTML 1.1, javaScript, and roll over buttons

[Kasracer]

The following code is typically used when someone wants to add rollover buttons on their website (or, atleast what I used to use)

<script type="text/javascript">
	 if (document.images)
   	{
	   	  <!-- Home -->
   		  homeon= new Image(139,46);
   		  homeon.src="img/top_nav_home.png";  
     		  homeoff= new Image(139,46);
    		  homeoff.src="img/top_nav_home_over.png";
  	 }

	function un_hover(imgName)
 	{
 		  if (document.images)
    		{
    			  imgOn=eval(imgName + "on.src");
     			 document[imgName].src= imgOn;
   		 }
	 }

	function hover(imgName)
 	{
   		if (document.images)
   		 {
     			 imgOff=eval(imgName + "off.src");
      			document[imgName].src= imgOff;
    		}
	 }
	 </script>
	<!--Java Script End-->

And this where the rollover should go:

<a href="index.php" onmouseover="hover('home')" onmouseout="un_hover('home')" >
<img src="img/top_nav_home.png" class="alpha" name="home" width="139px" height="46px" alt="Home" /></a>

Now I want to be XHTML 1.1 compliant and I want my code to validate. How do you do rollover buttons without the name attribute since that doesn't exist in XHTML 1.1?