var jq = jQuery.noConflict();

jq(document).ready( function()
{
   PEPS.rollover.init();
});
   
PEPS = {};
   
PEPS.rollover =
{
  init: function() {
            this.preload();
	    jq(".ro").hover(
                function () {
                    jq(this).attr( 'src', PEPS.rollover.newimage(jq(this).attr('src')) );
                },
                function () {
                    jq(this).attr( 'src', PEPS.rollover.oldimage(jq(this).attr('src')) );
                }
            );
        },
						
  preload: function() {
                jq(window).bind('load', function() {
                    jq('.ro').each( function( key, elm ) { jq('<img>').attr( 'src', PEPS.rollover.newimage( jq(this).attr('src') ) ); });
                });
            },
									         
  newimage: function( src ) {
                return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_o' + src.match(/(\.[a-z]+)$/)[0];
  },
											     
  oldimage: function( src ) {
                return src.replace(/_o\./, '.');
  }
};