How To Use Menu Controller Web Sitemap With Different Image

I am playing with vb.net and have made a menu, with the menu.controller and the web.sitemap, its work fine but its the same hover image and the same background image im using.

I have an image with: 5 Textlink, 5 Hover Textlink, 5 Activ Textlink. Normal I can use this without the web.sitemap and menu.controller.

Code:
<div id="nav"><ul>
<li><a href="http://www.tester.com/" id="home">Home</a></li>
<li><a href="http://www.tester.com/about-me/" id="about" title="About Me">About Me</a></li>
<li><a href="http://www.tester.com/the-portfolio/" id="portfolio" title="View the Portfolio">View the Portfolio</a></li>
<li><a class="active" href="http://www.tester.com/the-blog/" id="blog" title="The Blog">The Blog</a></li>
<li><a href="http://www.tester.com/get-in-contact/" id="contact" title="Get in Contact">Get in Contact</a></li>
</ul></div>

And this CSS

Code:
#nav { position: absolute; top: 65px; right: 0pt; width: 487px; height: 61px; }
#nav ul { float: left; padding: 0pt; margin: 0pt; list-style: none outside none; }
#nav li { float: left; width: auto; }
#nav a { display: block; width: auto; text-indent: -9999px; height: 21px; background: url('nav.png') no-repeat scroll 0pt 0pt transparent; }

[Code] ....

My question is, how can I convert this, so i can use it in a menu.controller/web.sitemap, so i have 5 different image as background for the link and 5 different for the hover effect and then 5 different background image for the activelink/page.