JavaScript - ¿Que tiene de mal?

hola, soy nuevo en esto del javascript para el diseño web y por mas que intento no consigo hacer un pase de fotos en mi web, lo maximo que consigo es esto:

<script type="text/javascript">
imagen = "35.jpg";
function cambiarImagen(){
if (imagen == "59.jpg"){
document.getElementById("imagenFutbol").src="35.jpg";
imagen="35.jpg";
}
if (imagen == "58.jpg"){
document.getElementById("imagenFutbol").src="59.jpg";
imagen="59.jpg";
}
if (imagen == "57.jpg"){
document.getElementById("imagenFutbol").src="58.jpg";
imagen="58.jpg";
}
if (imagen == "56.jpg"){
document.getElementById("imagenFutbol").src="57.jpg";
imagen="57.jpg";
}
if (imagen == "55.jpg"){
document.getElementById("imagenFutbol").src="56.jpg";
imagen="56.jpg";
}
if (imagen == "54.jpg"){
document.getElementById("imagenFutbol").src="55.jpg";
imagen="55.jpg";
}
if (imagen == "53.jpg"){
document.getElementById("imagenFutbol").src="54.jpg";
imagen="54.jpg";
}
if (imagen == "52.jpg"){
document.getElementById("imagenFutbol").src="53.jpg";
imagen="53.jpg";
}
if (imagen == "51.jpg"){
document.getElementById("imagenFutbol").src="52.jpg";
imagen="52.jpg";
}
if (imagen == "50.jpg"){
document.getElementById("imagenFutbol").src="51.jpg";
imagen="51.jpg";
}
if (imagen == "49.jpg"){
document.getElementById("imagenFutbol").src="50.jpg";
imagen="50.jpg";
}
if (imagen == "48.jpg"){
document.getElementById("imagenFutbol").src="49.jpg";
imagen="49.jpg";
}
if (imagen == "47.jpg"){
document.getElementById("imagenFutbol").src="48.jpg";
imagen="48.jpg";
}
if (imagen == "46.jpg"){
document.getElementById("imagenFutbol").src="47.jpg";
imagen="47.jpg";
}
if (imagen == "45.jpg"){
document.getElementById("imagenFutbol").src="46.jpg";
imagen="46.jpg";
}
if (imagen == "44.jpg"){
document.getElementById("imagenFutbol").src="45.jpg";
imagen="45.jpg";
}
if (imagen == "43.jpg"){
document.getElementById("imagenFutbol").src="44.jpg";
imagen="44.jpg";
}
if (imagen == "42.jpg"){
document.getElementById("imagenFutbol").src="43.jpg";
imagen="43.jpg";
}
if (imagen == "41.jpg"){
document.getElementById("imagenFutbol").src="42.jpg";
imagen="42.jpg";
}
if (imagen == "40.jpg"){
document.getElementById("imagenFutbol").src="41.jpg";
imagen="41.jpg";
}
if (imagen == "39.jpg"){
document.getElementById("imagenFutbol").src="40.jpg";
imagen="40.jpg";
}
if (imagen == "38.jpg"){
document.getElementById("imagenFutbol").src="39.jpg";
imagen="39.jpg";
}
if (imagen == "37.jpg"){
document.getElementById("imagenFutbol").src="38.jpg";
imagen="38.jpg";
}
if (imagen == "36.jpg"){
document.getElementById("imagenFutbol").src="37.jpg";
imagen="37.jpg";
}
if (imagen == "35.jpg"){
document.getElementById("imagenFutbol").src="59.jpg";
imagen="59.jpg";
}
}
</script>

¿me podeis decir en que falla?
Esque me carga la primera foto, pasa una y ya no pasa mas...

A ver, tu inicializas la variable imagen a 35. Cuando entre a la función con el valor 35, entra en el último if, cambia la variable a 59 y se sale.

Por lo tanto, solo te carga una imagen.

Si después vuelves a ejecutar la misma función, ahora el valor es 59, por lo que entra en el primer if, actualiza la variable a 35, entra en el último if, y te vuelve a guardar 59.

Es decir que la primera vez te entra en el último if, y el resto en el primer y el último.

No acabo de entender donde está el problema...