$(function(){
    // imgのclassがrolloverとinputのimage要素に適応。ただし画像のファイル名に_ovがついているimg以外。
    $('img.btn, form input:image').not('[src*="'+ '_ov' +'."]').each(function() {
        var img = $(this);
        var src = img.attr('src');
        
        // _ovをつける。Memoを参考。
        // src.substr(0, src.lastIndexOf('.')); → img/rollover
        // src.substr(0, src.lastIndexOf('.')) + '_ov'; → img/rollover_ov
        // src.substr(0, src.lastIndexOf('.')) + '_ov' + src.substring(src.lastIndexOf('.'); → img/rollover_ov.gif
        var src_ov = src.substr(0, src.lastIndexOf('.')) + '_ov' + src.substring(src.lastIndexOf('.'));
        
        // ロールオーバー画像をプリロード
        $('<img>').attr('src', src_ov);
        img.hover(function() {
            img.attr('src', src_ov);
        },
        function() {
            img.attr('src', src);
        });
    });
});