Cambio de imagenes con retardo.

MA40.
05 de Octubre del 2004
Cambio de imagenes con retardo.

En el articulo:
CAMBIO DE IMAGENES (UNA SOLA IMAGEN).
http://www.programacion.com/html/articulo/tw_rollover/

<HTML>
<HEAD>
<TITLE>Ejemplo de imagenes</title>
<SCRIPT LANGUAGE="JavaScript">
if (document.images) {
var activado=new Image();
activado.src="encendido.gif";
var desactivado= new Image();
desactivado.src="apagado.gif";
}
function activar(nombreImagen) {
if (document.images) {
document[nombreImagen].src=activado.src; }
}
function desactivar(nombreImagen) {
if (document.images) {
document[nombreImagen].src=desactivado.src; }
}
</script>
</head>
<BODY>
<A HREF="mipagina.html"
onMouseOver="activar(\'prueba\');"
onMouseOut="desactivar(\'prueba\');">
<IMG NAME="prueba" SRC="apagado.gif" BORDER=0></a>
</body>
</html>


Me gustaría saber como se puede hacer que haya un retraso (pongamos de 5 seg.) desde que se situa el puntero del ratón en la primera imagen hasta que aparece la segunda.

He estado mirando y creo que se puede hacer con la funcion setTimeout , pero no se como ponerla exactamente en este script.
¿podriais ayudarme?
muchas gracias.