PEPS = {};

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

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

};

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

function autorollover(scope)
{
	PEPS.rollover.init(scope);
}

$(document).ready(function() {
	$('.ui-state-default').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
	);
   autorollover($("body"));
	$.localScroll();
});