// Image RollOver action
$(document).ready(function(){PEPS.rollover.init();});

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