[SOLUCIONADO] Codigo con error javascript + php

[ciberknibal]

Hola! Lo primero perdon por el titulo tan poco claro que no se muy bien como describirlo.

Estoy haciendo una pagina en el que por php recojo unos datos los modifico con javascritpt y los vuelvo a almacenar en el servidor con php.
Esto lo he conseguido hacer correctamente pasando la variable que quiero modificar por tres estados 0,1,2. Ahora quiero hacer lo mismo pero que solo pase por dos estados 0,1 pero no se porque solo cambia la primera pulsacion y no lo hace mas.

Os dejo el codigo a ver si me podeis echar una mano ya que no lo veo.

Código:

//imagen que recarga al pulsar sobre ella
<a href="#" onClick="javascript:activaph=recargarph(activaph);"> 
        <div id="recargado2ph">
        <script language="javascript">
switch (activaph)
	{
		case 0:
		{
			document.write('<img src=/imagenes/gphoff.jpg />');
		}break;
		case 1:
		{
			document.write('<img src=/imagenes/gph.jpg />');
		}break;
				
		default:
		{
			document.write('Error en estado');
		}break;
	}
        </script>
      
 // texto que recarga al pulsar sobre la imagen     
      <p>Sonda Ph: </p>
        <div id="recargadoph">
        <script language="javascript">
switch (activaph)
	{
		case 0:
		{
			document.write('Modo OFF');
		}break;
		case 1:
		{
			document.write('Modo ON');
		}break;
		
		default:
		{
			document.write('Error en modo');
		}break;
	}
        </script>
      
      
      
  

</body>
<script language="javascript">


function recargarph(valor){	
	// esto es donde creo que estar el error. poniendo 
 //if (valor<=1)
//	{
//		valor=valor+1;
//		}else
//		{
//		valor =0;
//		}
// funciona perfectamente pero necesito que pase solo por dos valores si pongo 
// if (valor==1){ valor=0;}else{valor=1} que es lo que necesito tambien falla
//
	switch (valor)
	{
		case 0:
		{
			valor=1;
			}break;
		case 1:
		{
			valor=0;
			}break;
		default:
		{
			valor=0;
		}break;
		
	}
		
	$.post("miscript.php", { variable: valor }, function(data){
	switch (valor)
	{
		case 0:
		{
			$("#recargadoph").html('Modo OFF');
			$("#recargado2ph").html('<a href="#" onClick="javascript:activaph=recargarph(activaph);"><div id="recargado2ph"><img src=/imagenes/gphoff.jpg /></a>');
		}break;
		case 1:
		{
			$("#recargadoph").html('Modo ON');
			$("#recargado2ph").html('<a href="#" onClick="javascript:activaph=recargarph(activaph);"><div id="recargado2ph"><img src=/imagenes/gph.jpg /></a>');
		}break;
		
		default:
		{
			$("#recargadoph").html('Error en tipo de modo');
		}break;
	}
	
	});	
	
		return(valor);
}


</script>
</html>

el codigo de miscript.php es este

Código PHP:

  <?php 
 
echo $_POST['variable']; 
?>   

Se trata de una imagen y un texto. Al pulsar en la imagen esta se actualiza sin recargar y pasa por varios estados. El codigo me esta funcionando bien en otros casos pero en este solo necesito que pase pro 1 y 0 el valor de la variable variable pero se queda atascado despuede la primera pulsacion y no entiendo muy bien porque.
podriais echarme una mano ya no se muy bien que hacer
un saludo

[ciberknibal]

He encontrado una cosa un poco rara en mi codigo y quiza vayan por ahi los fallos. He visto que la primera vez que pulso sobre un objeto hace una llamada a miscritp.php y en las sucesibas cada vez que pulso sobre la imagen llama dos veces a miscritp.php. Puede ser ese el fallo?

[ciberknibal]

Por si le sirve a alguien me autorespondo.
esta linea
$("#recargado2ph").html('<a href="#" onClick="javascript:activaph=recargarph(activaph); "><div id="recargado2ph"><img src=/imagenes/gphoff.jpg /></a>');
Tenia que quedar asi que duplicaba el codigo
$("#recargado2ph").html('<img src=/imagenes/gphoff.jpg />');