jQuery(document).ready(function()
{
   IMG.rollover.load();
});

IMG = {};

IMG.rollover =
{
   load: function()
   {
	  jQuery('.rollover').unbind();
      this.preload();
     
      jQuery(".rollover").hover
	  (
         function(){jQuery(this).attr('src',IMG.rollover.newimage(jQuery(this).attr('src')));},
         function(){jQuery(this).attr('src',IMG.rollover.oldimage(jQuery(this).attr('src')));}
      );
   },

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