¿Cómo puedo reemplazar enlace existente por otro?

[Phobos91]

Gracias, pero no funcionó, ahora ni cambia la imágen..

Quedó así:

Código:

<a href="#" onclick="setActiveStyleSheet(\'ESTILO1\');cambia(this);return false;">
<img src="imagen/1.gif"/>
</a>

<script type="text/javascript">
function cambia(el){
    el.setAttribute(\'href\',\'#\');
    el.setAttribute(\'onclick\',\'setActiveStyleSheet(\'DEFAULT\');return false;\');
    el.innerHTML=\'<img src="imagen/2.gif"/>\'
}
</script>

¿El problema no debe estar en que estoy usando () dentro de ()?

EDIT: Ahora lo tengo así:

Código:

<a href="#" onclick="setActiveStyleSheet(\'ESTILO1\');cambia(this);return false;">
<img src="imagen/1.gif"/>
</a>

<script type="text/javascript">
function cambia(el){
    el.setAttribute(\'href\',\'#\');
    el.setAttribute(\'onclick\',\'setActiveStyleSheet(\"DEFAULT\");return false;\');
    el.innerHTML=\'<img src="imagen/2.gif"/>\'
}
</script>

Y funciona bien, pero el problema es que sólo se puede hacer una vez, osea hago click y me cambia el botón, hago click de nuevo y me cambia al otro botón y después por mas clicks que haga se queda en este último...

¿Con el javascript no se puede hacer que cambie todo el código en vez de atributos?

Lo que quiero es algo similar a esto, pero con un botón que vaya cambiando a medida que le hagamos click: ni4.org/modules/Articulos/ejemplos/css/