Trocar a imagem com JavaScript

Existem muitas formas de  se fazer isso, abaixo segue um exemplo que uso bastante em meus sites;


No código HTML:

<img class="poe2" id="jojo" src="jojo.jpg" alt="Smiley face" height="160" width="220"onmouseover="altfoto(this)"/>

NO código javaScript:

function altfoto(img) {
   // debugger
var src = img.src.substr(img.src.lastIndexOf('/') + 1, img.src.length);


if (src == 'jojo.jpg') {
img.src = 'jojo2.png';
} else {
img.src = 'jojo.jpg';
}
}

INte!!