Animation i JavaScript

Jeg har kigget lidt rundt omkring om hvordan man får et billed til at bevæge sig fra a til b når siden loader og når man skifter side går billet fra b til a(hvis i forstår xD), men jeg kan ikke få det til at virke....

jeg fandt følgende, som jeg kunne ikke rigtigt få det til at virke... http://www.webreference.com/js/column18/slide.html
men det lyder som noget af det jeg skal bruge...

Sådan ser det ud, det jeg har... jeg har fjernet alt det der ikke har noget med det at gøre, så det er nemt at overskue

			<script type="text/javascript">

function slideBy(dx, dy, steps, interval, statement) {
  var fx = this.left();
  var fy = this.top();
  var tx = fx + dx;
  var ty = fy + dy;
  this.slideTo(tx, ty, steps, interval, statement);
}

function slideTo(tx, ty, steps, interval, statement) {
  var fx = this.left();
  var fy = this.top();
  var dx = tx - fx;
  var dy = ty - fy;
  var sx = dx / steps;
  var sy = dy / steps;

  var ar = new Array();
  for (var i = 0; i < steps; i++) {
    fx += sx;
    fy += sy;
    ar[i] = new pos(fx, fy);
  }
  this.path = ar;

  this.statement = (statement) ? statement : null;
  this.animate(interval);
}

			</script>
<img src="bund.png"  onload="slideTo('220','500','100','50','alert('done')')" onload="slideBy('220','300','100','50','alert('done')')">

er der nogen der kan hjælpe, jeg er gerne åbne for andre løsninger