function generateSprites(parent, selectedPrefix) {
    var parentClass = $(parent).attr("class");
    $(parent).children("li").each(function() {
        var myClass = ($(this).attr("class"))
        var current = parent.substring(1) + " " + selectedPrefix + ($(this).attr("class"));
        attachNavEvents(parent, myClass, 200);
    
        if (parentClass != current) {
            $(this).children("a").css({backgroundImage:"none"});
        }
    });
}
function attachNavEvents(parent, myClass, hoverSpeed) {
    $(parent + " ." + myClass).mouseover(function() {
        $(this).append('<div class="nav-' + myClass + '"></div>');
        $("div.nav-" + myClass).css({display:"none"}).fadeIn(hoverSpeed);
    }).mouseout(function() {
        $("div.nav-" + myClass).fadeOut(hoverSpeed, function() {
            $(this).remove();
        });
    });
}