[JavaScript] Płynne przejście zdjęć po najechaniu myszą Opcje

[Carveth]

Witam, oto mój js przy którym po najechaniu kursorem na obrazek xxx.png zmienia się on na xxxa.png

Oto plik js:

[HTML] pobierz, plaintext 
img1_on = new Image(68, 22);
img1_on.src = "images/xxxa.png";
img1_off = new Image(68, 22);
img1_off.src = "images/xxx.png";
 
function img_act(pic)
{
  document[pic].src = eval(pic + "_on.src");
}
function img_deact(pic)
{
  document[pic].src = eval(pic + "_off.src");
}
[HTML] pobierz, plaintext 

A oto fragment html:

[HTML] pobierz, plaintext 
<img name="img1" src="images/xxx.png" onmouseover="img_act('img1')" onmouseout="img_deact('img1')" />
[HTML] pobierz, plaintext 

Chciałbym jednak uzyskać efekt płynnego przejścia, jak powinien wyglądać taki js? Co powinienem dodać i gdzie?

Pozdrawiam