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

PEPS = {};

PEPS.rollover =
{
	init: function()
	{
	this.preload();
	
	$(".ro").hover(
		function () {  $("#showImage").attr( 'src', PEPS.rollover.mediumimage($(this).attr('src')) );$("#popImage").attr( 'href',  PEPS.rollover.largeimage($(this).attr('src')) ); },
		function () {}
	);
	},
	
	preload: function()
	{
	$(window).bind('load', function() {
		$('.ro').each( function( key, elm ) { $('<img>').attr( 'src', PEPS.rollover.mediumimage( $(this).attr('src') ) ); });
	});
	},
	
	largeimage: function( src ) { return ((src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_LRG' + src.match(/(\.[a-z]+)$/)[0]).replace(/images\//, 'images\/large\/'));},
	mediumimage: function( src ) { return ((src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_MED' + src.match(/(\.[a-z]+)$/)[0]).replace(/images\//, 'images\/medium\/'));}
};