[jQuery] The Right Sprite

[jQuery] The Right Sprite

<span style="font-family: trebuchet ms;">Ive been experimenting with icon sprites.  Specifically how to manage them for a RIA that has many many icons with several states.</span><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">
Check out my findings here: <a href="http://commadot.com/?p=590">http://commadot.com/?p=590</a></span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">
<span style="font-weight: bold;">A little jQuery help would be good for this page:</span> <a href="http://www.commadot.com/jquery/sprites/78div.htm">http://www.commadot.com/jquery/sprites/78div.htm</a></span><br style="font-family: trebuchet ms;">
<br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">
Is there a better way to do this?</span><br style="font-family: trebuchet ms;">
<br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">Specifically, the problem is, I can only have 1 class on the actual button because if it has 2 then it wouldn't find it in the array.
Would jQuerizing the array make it easier to manage?
The main benefit of doing things this way is that you
1. clean up your css
2. fewer http requests for lots of icons
3. can refer to icons by their name, not number.
<br style="font-family: trebuchet ms;"></span>
Thoughts?
<br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">Glen</span>