$(function() {
    $(".buttonimage")
        .mouseover(function() { 
            var src = $(this).attr("src").match(/[^\.]+/) + "highlight.png";
            $(this).attr("src", src);
        })
        .mouseout(function() {
            var src = $(this).attr("src").replace("highlight", "");
            $(this).attr("src", src);
        });
});