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

PEPS = {};
PEPS.rollover = {
	init:function(){
		this.preload();
		$(".overImg").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\./, '.');
	}
};