Cambiar una imagen por otra con javascript

Si desea cambiar una imagen por otra al realizar un evento como por ejemplo cuando se pasa el ratón por encima utilizando los eventos:

onmouseout="" -> para cuando sale el raton del sitio en concreto.
onmouseover="" -> ara cuando entra el ratón al sitio.

En html sería:

<img id="cerrar" src="cerrar.png" onmouseout="cerrarout()" onmouseover="cerrarover()" />

En este caso cambiares el boton de cerrar, la función de javascript que se les llama será asi:

function cerrarover()
{
document.getElementById('cerrar').src="cerrar2.png";
}

function cerrarout()
{
document.getElementById('cerrar').src="cerrar.png";
}