jQuery.fn.rollOver = function() {
    return $(this).each( function() {
        this.osrc = $(this).attr('src');
        this.hsrc = this.osrc.replace(/^(.+)(\.[a-zA-Z]+)$/, '$1$2');
        this.preload = new Image();
        $(this.preload).attr('src',this.hsrc);
        $(this).mouseover( function() {
            $(this).stop(true,true).attr('src',this.osrc)
                .fadeTo(0,1).fadeTo(50,0.5);
        }).mouseout( function() {
            $(this).stop(true,true).attr('src',this.osrc)
                .fadeTo(0,0.5).fadeTo(200,1);
        });
    });
}
$.fn.rollOverOld = function() {
return $(this).each( function() {
  this.osrc = $(this).attr('src');
  this.hsrc = this.osrc.replace(/^(.+)(\.[a-z]+)$/, '$1$2');
  $(this).mouseover( function() { $(this).attr('src',this.hsrc);
  }).mouseout( function() { $(this).attr('src',this.osrc); });
}); }

$(document).ready( function() { 
$('.imgover').rollOver();
$('.imgover2').rollOverOld(); } );