$(document).ready(function() {
    TruckTrax.rollover.init();
});

TruckTrax = {};

TruckTrax.rollover =
{
    init: function() {
        this.preload();

        $(".ro").hover(
            function() { $(this).attr('src', TruckTrax.rollover.newimage($(this).attr('src'))); },
            function() { $(this).attr('src', TruckTrax.rollover.oldimage($(this).attr('src'))); }
        );
    },

    preload: function() {
        $(window).bind('load',
            function() {
                $('.ro').each(function(key, elm) { $('<img>').attr('src', TruckTrax.rollover.newimage($(this).attr('src'))); });
            });
    },

    newimage: function(src) {
        return src.substring(0, src.search(/(\.[a-z]+)$/)) + '-on' + src.match(/(\.[a-z]+)$/)[0];
    },

    oldimage: function(src) {
        return src.replace(/-on\./, '.');
    }
};