como perder el foco

[Kritik]

Tengo la típica botonera de varios circulitos, uno para cada foto de una imagen que va cambiando.

La cosa es que cuando pulso en uno de los circulitos me dirije bien a la foto elegida, sin embargo, el botoncito queda marcado con un cuadro alrededor típico de cuando un enlace tiene el foco. Al pasar el tiempo preestablecido para el cambio de foto, la foto cambia, el botoncito también cambia para indicar que tengo seleccionada otra foto... sin embargo, el foco sigue teniéndolo mi primer botoncito (que es un <a href>) de forma que este <a href> sigue teniendo una línea al rededor del foco.

Como puedo hacer que se pierda el foco nada más pulsar en cualquiera de los botones <a href>?

Esta es mi botonera:

Código HTML:

<div id="marcadorgaleria">
<a href="#" onClick="cambiofoto(0)"><img name="punto0" src="imagenes/contadorfoto.gif"></a>
<a href="#" onClick="cambiofoto(1)"><img name="punto1" src="imagenes/contadorfoto.gif"></a>
<a href="#" onClick="cambiofoto(2)"><img name="punto2" src="imagenes/contadorfoto.gif"></a>
<a href="#" onClick="cambiofoto(3)"><img name="punto3" src="imagenes/contadorfoto.gif"></a>
<a href="#" onClick="cambiofoto(4)"><img name="punto4" src="imagenes/contadorfoto.gif"></a>
</div>

Código JavaScript:

function cambiofoto(n){
i=n;
document.images.galeria.src=g[i];
switch (n)
{
case 0:
document.images.punto0.src="imagenes/fotoelegida.gif";
document.images.punto1.src="imagenes/contadorfoto.gif";
document.images.punto2.src="imagenes/contadorfoto.gif";
document.images.punto3.src="imagenes/contadorfoto.gif";
document.images.punto4.src="imagenes/contadorfoto.gif";
break;
case 1:
document.images.punto0.src="imagenes/contadorfoto.gif";
document.images.punto1.src="imagenes/fotoelegida.gif";
document.images.punto2.src="imagenes/contadorfoto.gif";
document.images.punto3.src="imagenes/contadorfoto.gif";
document.images.punto4.src="imagenes/contadorfoto.gif";
break;
case 2:
document.images.punto0.src="imagenes/contadorfoto.gif";
document.images.punto1.src="imagenes/contadorfoto.gif";
document.images.punto2.src="imagenes/fotoelegida.gif";
document.images.punto3.src="imagenes/contadorfoto.gif";
document.images.punto4.src="imagenes/contadorfoto.gif";
break;
case 3:
document.images.punto0.src="imagenes/contadorfoto.gif";
document.images.punto1.src="imagenes/contadorfoto.gif";
document.images.punto2.src="imagenes/contadorfoto.gif";
document.images.punto3.src="imagenes/fotoelegida.gif";
document.images.punto4.src="imagenes/contadorfoto.gif";
break;
case 4:
document.images.punto0.src="imagenes/contadorfoto.gif";
document.images.punto1.src="imagenes/contadorfoto.gif";
document.images.punto2.src="imagenes/contadorfoto.gif";
document.images.punto3.src="imagenes/contadorfoto.gif";
document.images.punto4.src="imagenes/fotoelegida.gif";
break;
}
}

--------------

Otra duda (por no poner otro post)

Cada vez que hago click en el <a href> la página se me sube hasta arriba, aunque yo haya desplazado la barra de desplazamiento hacia abajo y esté viendo contenido que esté más abajo en la página. Como puedo evitar eso?