Javascript - Animation elem with javaScript

Salve ragazzi, vorrei implementare in JS l'animazione di un immagine che scorre in avanti per 300px e raggiunti i 300px torna indietro fino a 0px. Posto il codice:

window.onload = function () {
	updateVan(0);
	function updateVan(i) {
	var t = setTimeout(function () {							
	document.getElementById("van").style.marginLeft = i + "px";
	if (i < 300) updateVan(i+1);				
	},30);
	}
}

Questo codice funziona e sposta di 300px l'immagine da sinistra verso destra. Ora come faccio a farla ritornare indietro, cioè a 0px da destra a sinistra e così via? Grazie

function updateVan(i, direction) {
// ...

if (i < 300 && direction == 'F') updateVan(i+1, 'F');  
else if (i >= 300 && direction == 'F') updateVan(i - 1, 'B');
else if (i > 0 && direction == 'B') updateVan(i - 1, 'B');
else if (i <= 0 && direction == 'B') updateVan(i + 1, 'F');

?

Nota comunque che ci sono diverse librerie in Javascript che possono aiutarti a fare questo genere di animazioni (con diversi tipi di interpolazione).