Is there a way to shorted this code?
<p>I have this javascript code that replaces the css class on mouse over. I'm wondering if there is way to have it shorten.</p>

<p>Here's my code.</p>

<pre><code>$(".mainMenu ul.homeMenu li").hover(function(){

    if ($(this).find(".symbol").attr("class").indexOf("meetings") &gt;= 0)
    {
        $(this).find(".symbol").removeClass("meetings_white").addClass("meetings");
    }
    else  if ($(this).find(".symbol").attr("class").indexOf("restaurant") &gt;= 0)
    {
        $(this).find(".symbol").removeClass("restaurant_white").addClass("restaurant");
    }
    else  if ($(this).find(".symbol").attr("class").indexOf("serenity") &gt;= 0)
    {
        $(this).find(".symbol").removeClass("serenity_white").addClass("serenity");
    }
    else  if ($(this).find(".symbol").attr("class").indexOf("photo") &gt;= 0)
    {
        $(this).find(".symbol").removeClass("photo_gallery_white").addClass("photo_gallery");
    }
});
</code></pre>
