$(document).ready( function()
			{
				PEPS.rollover.init();
			});
	
			PEPS = {};
	
			PEPS.rollover =
			{
				init: function()
				{
					this.preload();
		 
					$(".menu").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() {
						$('.menu').each( function( key, elm ) { 
							$('<img>').attr( 'src', PEPS.rollover.newimage( $(this).attr('src') ) ); 
						});
					});
				},
	   
				newimage: function( src )
				{
					return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_active' + src.match(/(\.[a-z]+)$/)[0];
				},
	
				oldimage: function( src )
				{
					return src.replace(/_active\./, '.');
				}
			};