Roll-over Snippet

/*
|---------------------------------------------------
| Code by Shaun Shull (http://forrst.com/people/eshinobi)
| Extend jQuery
|---------------------------------------------------
*/

$.fn.extend({

    /*
    |---------------------------------------------------
    | Image Rollover Naming Convention
    |---------------------------------------------------
    */
    rollname:"-on",

    /*
    |---------------------------------------------------
    | Preload
    |---------------------------------------------------
    */

    preLoad: function(){
        $(this).load(function(){
            var nameArr = $(this).attr("src").split(".");
            var cacheImage = document.createElement('img');
            cacheImage.src = nameArr[0]+$(this).rollname+"."+nameArr[1];
            $(this).unbind('load');
        });
    },

    /*
    |---------------------------------------------------
    | Roll-On
    |---------------------------------------------------
    */

    rollOn: function(){
        if ($(this).attr("src").indexOf($(this).rollname+".") === -1) {
            var nameArr = $(this).attr("src").split(".");
            $(this).attr("src", nameArr[0]+$(this).rollname+"."+nameArr[1]);
        }
    },

    /*
    |---------------------------------------------------
    | Roll-Off
    |---------------------------------------------------
    */

    rollOff: function(){
        if ($(this).attr("src").indexOf($(this).rollname+".") != -1) {
            var nameArr = $(this).attr("src").split(".");
            $(this).attr("src", nameArr[0].substr(0, nameArr[0].length-3)+"."+nameArr[1]);
        }
    },

    /*
    |---------------------------------------------------
    | Roll-Over
    |---------------------------------------------------
    */

    rollOver: function(){
        $(this).preLoad();
        $(this).mouseenter(function(){ $(this).rollOn(); });
        $(this).mouseleave(function(){ $(this).rollOff(); });
    }

});