jQuery check number of instance
<p>So I guess this is mostly that I don't know how to word this to Google it, but basically I'm trying to build a menu that uses a different hover background color for each menu item.  I have this so far:</p>

<pre><code>$(function() {
    $('li').hover(function() {
        $(this).animate({backgroundColor:'#f00'},200);
    }, function() {
        $(this).animate({backgroundColor:'#eee'},200);
    });
});
</code></pre>

<p>I want to replace '#f00' with a different value based on which menu item is selected.  I know I could write a different method for each item using :eq, but if there is a more condensed way to do it, that would be preferred.  I was thinking like an array of color values, then the function would substitute the number of the instance with array[number of instance].  Hopefully that makes sense...</p>
