Alterar Imagem Javascript

Prezados,

boa tarde. Estou tentando fazer um javascript para alterar imagem ao clicar. Qdo o click é efetuado, a imagem é alterada, porém não estou conseguindo mudar no 2º click.

Veja exemplo abaixo:

<script>
function add_favoritos(valor){
var favoritos1 = document.getElementById("favoritos");
	alert(favoritos1.src);
	if (favoritos1.src='arquivos/add_favoritos.png'){
 favoritos1.src='arquivos/add_favoritos1.png';
	}else{
 favoritos1.src='arquivos/add_favoritos.png';
	}
	alert(favoritos1.src);
}
</script>

<a>
<img height="30" src="arquivos/add_favoritos.png" name="favoritos" id="favoritos" border="0" onclick="add_favoritos('1')" alt="Adicionar aos Favoritos" title="Adicionar aos Favoritos"/></a>

	 

	Agora tem um outro caso, que ao trabalhar com o evento onmouseover e onmouseout , a imagem alterar com o passar do mouse, mas não muda com o click.

	 

function add_favoritos(valor){
var favoritos1 = document.getElementById("favoritos");
	alert(favoritos1.src);
	if (favoritos1.src='arquivos/add_favoritos1.png'){
 favoritos1.src='arquivos/add_favoritos.png';
	}else{
 favoritos1.src='arquivos/add_favoritos1.png';
	}
	alert(favoritos1.src);
}

<a onmouseover="document.favoritos.src='arquivos/add_favoritos1.png'" onmouseout="document.favoritos.src='arquivos/add_favoritos.png'">
<img height="30" src="arquivos/add_favoritos.png" name="favoritos" id="favoritos" border="0" onclick="add_favoritos('1')" alt="Adicionar aos Favoritos" title="Adicionar aos Favoritos"/></a>

	 

	 

	Alguém pode me dar uma luz onde estou errando?