$(function() {

    $("ul#nav li").hover(function() {

        $(this).addClass("hover");
        $('ul:first', this).css('visibility', 'visible');
    }, function() {
        $(this).removeClass("hover");
        $('ul:first', this).css('visibility', 'hidden');
    });

    $("ul#nav li ul").hover(function() {

        var img = $(this).prev();

        var src = $(this).prev().attr('src'); // initial src

        if (src.indexOf("-active.png") == -1) {
            $(img).attr("src", src.replace('.png', '-hover.png'));
        }

    }, function() {
        var img = $(this).prev();

        var src = $(this).prev().attr('src'); // initial src

        $(img).attr("src", src.replace('-hover.png', '.png'));
    });


    $("ul#nav li ul li:has(ul)").find("a:first").append(" » ");

});