$(document).ready(function() {
    $(".roll").hover(
        function(){
            if($(this).attr("src").indexOf("_col") == -1) {
                var newSrc = $(this).attr("src").replace(".jpg","_col.jpg#hover");
                $(this).attr("src",newSrc);
            }
        },
        function(){
            if($(this).attr("src").indexOf("_col.jpg#hover") != -1) {
                var oldSrc = $(this).attr("src").replace("_col.jpg#hover",".jpg");
                $(this).attr("src",oldSrc);
            }
        }
    );
});