add fade functionality to simple rollover code?

add fade functionality to simple rollover code?

Hey everybody,
I'm totally new to jquery, however I got a script working

The script is looking for images with the class "thumbnail" and exchanges them by rollover....

jQuery(document).ready(function(){

jQuery("img.thumbnail").hover(
function()
{
  this.src = this.src.replace("_OFF","_ON");
},
function()
{
  this.src = this.src.replace("_ON","_OFF");
});
});


my question is now, is it possible to add a fade in / fade out effect when someone rolls over the image?

thanks in advance