// JavaScript Document

//plugin Jquery p/ troca de imagens - basta salvar a imagem Hover com: nome-da-imagem_o e colocar a class="ro" para fazer funcionar. 

$(document).ready(function() {

 PEPS.rollover.init();

});


PEPS = {};

PEPS.rollover =
{
 init: function() {
 this.preload();

 $(".ro").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() {
 $('.ro').each(function(key, elm) { $('<img>').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\./, '.');
 }
};