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

PEPS = {};

PEPS.rollover =
{
	init: function()
	{
		this.preload();
 
		jQuery(".rollover").hover
		(
			function ()
			{
				jQuery(this).find('img').attr( 'src', PEPS.rollover.newimage(jQuery(this).find('img').attr('src'))); 
			},
			function ()
			{
				jQuery(this).find('img').attr( 'src', PEPS.rollover.oldimage(jQuery(this).find('img').attr('src')));
			}
  		);
	},

	preload: function()
	{
		jQuery(window).bind
		(
	  		'load', function()
			{	
        		jQuery('.rollover').each
				(
					function( key, elm )
					{
						jQuery('<img>').attr( 'src', PEPS.rollover.newimage( jQuery(this).find('img').attr('src') ) );
					}
				);
      		}
		);
   },
   
   newimage: function( src )
   {
      return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_over' + src.match(/(\.[a-z]+)$/)[0];
   },

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