var sprites = new Yox.Sprites({
    menu: {
        top: 0,
        width: 60,
        height: 54,
        sprites: ['Overview', 'Features', 'Plugins', 'Usage', 'Download', 'Roadmap', 'Contact', 'Donate' ]
    }
}, "/images/menu_sprites.png", "/images/empty.gif");

$("#menuPanel a[href]").each(function(i, link){
    var $link = $(link);
    var linkName = $link.text();
    $link.html("<span>" + linkName + "</span>")
    .prepend(sprites.getSprite("menu", linkName));
    $link.children("span").css("opacity", "0");
});

$("#menuPanel").delegate("a", "mouseover", function(){
    $(this).stop().animate({ top : "-11px" }, "fast")
        .find("span")
        .stop().animate({opacity:1}, "fast");
}).delegate("a", "mouseout", function(){
    $(this).stop().animate({ top : "0" }, "fast").find("span").stop().animate({opacity:0}, "fast");
});