$(document).ready(
    function() {
        RollOverInit();
    }
);

function RollOverInit() {
    PreloadImages();
    $(".rollover").hover(
        function() {
            $(this).attr('src', SetOnImage($(this).attr('src')));
        },
        function() {
            $(this).attr('src', SetOffImage($(this).attr('src')));
        }
    );
}

function PreloadImages() {
    $(window).bind('load',
        function() {
            $('.rollover').each(
                function(key, elm) {
                    $('<img>').attr('src', SetOnImage($(this).attr('src')));
                }
            );
        }
    );
}

function SetOnImage(src) {
    return src.replace(/Off\./, 'On.');
}

function SetOffImage(src) {
    return src.replace(/On\./, 'Off.');
}