PEPS = {};

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


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

                    $(".ro").hover(
                     function() {
                         if ($(this).attr('src').indexOf('-active') != -1) {
                             $.data(this, 'disable-ro', true);
                             return;
                         }
                         $(this).attr('src', PEPS.rollover.newimage($(this).attr('src')));
                     },
                     function() {
                         if ($.data(this, 'disable-ro'))
                             return;
                         $(this).attr('src', PEPS.rollover.oldimage($(this).attr('src')));
                     }
                  );
                },

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

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

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