[JS] Dziwne zatrzymanie ruchu obiektu Opcje

[Madlova]

Hej,

Z nieznanych mi przyczyn mój obrazek, który wprawiam w ruch zatrzymuje się zamiast od razu wykonywać inny ruch:
Chcę, by po kliknięciu start obrazek się poruszał, po kliknięciu w dany obrazek - zaczął poruszać się w inną stronę. Niestety obrazek za 1szym klikiem zatrzymuje się, a dopiero drugi klik wprawia go w ruch przeciwny. A tak być nie może:(

[HTML] pobierz, plaintext 
<div id="start" onClick="start()">Start</div>
<img src="robak.png" id="robak" onClick="zmiana()" style="position: absolute; top: 400px; left: 600px;"/>
 
<script type="text/javascript">
var x=600;
function start(){
	document.getElementById("start").innerHTML="";
 
	document.getElementById("robak").style.left=x+'px';
	x--;
	t=setTimeout("start()",20);	
	if(x==300){
		clearTimeout(t);
	}
 
}
function zmiana(){
 
	x++;
	document.getElementById("robak").style.right=x+'px';
 
	t=setTimeout("zmiana()",20);	
	if(x==900){
		clearTimeout(t);
	}
}
 
</script>
[HTML] pobierz, plaintext 

Wskazówki mile widziane!