Problema con iframe en Mozilla

[hg_garcia]

Me estoy volviendo loco, he buscado soluciones en todos los foros que Google relacionó con mi problema y me he registrado en este para seguir buscando soluciones. No logro dar con ella. El código funciona perfectamente en IE y en Chrome pero no en Mozilla.

He probado diferentes soluciones que he encontrado, pero no hay caso en en el último Firefox (versión 4). Al menos en ese lo he probado.

Acá va la función de JS:

Código:

function cambia_clase(id_del_objeto, f2, f3){
	if(document.getElementById(id_del_objeto).className == "flecha")
		{
			document.getElementById(id_del_objeto).className = "flecha2";			
			if(document.getElementById(id_del_objeto).id == "flecha1")
			{window.frames.frame.location = "tra1.php";}
			if(document.getElementById(id_del_objeto).id == "flecha2")
			{window.frames.frame.location = "tra2.php";}
			if(document.getElementById(id_del_objeto).id == "flecha3")
			{window.frames.frame.location = "tra3.php";}			
			
			document.getElementById(f2).className = "flecha";
			document.getElementById(f3).className = "flecha";
		}

}

y estos son los datos del iframe...

Código:

<iframe name="frame" id="frame" src="tra1.php" width="640" height="360" frameborder="0" scrolling="no"></iframe>

Espero que alguien pueda darme la solución al problema...