$(document).ready(
function() {
    $(".roll-over").hover(
        function() {
            //over
            if ($(this).hasClass("stop-roll-over")) return;
            var img = $(this).find("img:first");
            doRollOverImage(img);
        },
        function() {
        //out

        if ($(this).hasClass("stop-roll-over")) return;
            var img = $(this).find("img:first");
            doRollOutImage(img);
        }
    );
});
    function doRollOverImage(img) {
        var src = $(img).attr("src");
        //make sure we don't roll more than once
        if (src.indexOf("_f2") < 0) {
            src = src.replace(".jpg", "_f2.jpg");
            src = src.replace(".png", "_f2.png");
            $(img).attr("src", src);
        }
    }
    function doRollOutImage(img) {
        var src = $(img).attr("src");
        src = src.replace("_f2.jpg", ".jpg");
        src = src.replace("_f2.png", ".png");
        $(img).attr("src", src);
    }
    function killRollOver(nav) {        
        $(nav).addClass("stop-roll-over");
    }