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

PEPS = {};

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

	preload: function()
	{
		$(window).bind
		(
	  		'load', function()
			{	
        		$('.rollover').each
				(
					function( key, elm )
					{
						$('<img>').attr( 'src', PEPS.rollover.newimage( $(this).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\./, '.');
   }
};