/*
Copyright (c) 2006 Ylab, Ontwerpbureau voor interactieve media, www.ylab.nl
Author: Yohan Creemers
version 1.0
*/
var home_pos, menu, menuHelper, bullets, old_pos;

function initMenuHelper(n){
  home_pos = n;
  old_pos = n;
  menu = document.getElementById('menu');
  menuHelper = document.getElementById('menuhelper');

  if(menu && menuHelper){
    bullets = new Array();
    for (var i=0; i<10; i++){
      bullets[i] = addImage(menuHelper, i, home_pos);
    }

    var items = menu.getElementsByTagName('li');
    for (var i=0; i<items.length; i++){
      items[i].n = i;
      items[i].onmouseover = moveNext;
      items[i].onmouseout  = moveBack;
    }
    //moveBack();
  }
}

function addImage(container, i, n){
  var img = new Image();
  var offset = (n * 130) + 15
  img.src = "images/bullet.gif";
  img.style.position = 'absolute';
  img.i = i;
  img.xpos = offset + (i * 10);
  img.style.left = img.xpos + "px";
  img.id = 'img'+i;
  container.appendChild(img);
  return img;
}
function moveNext(){
  moveImages(this.n);
}
function moveBack(){
  moveImages(home_pos);
}
function moveImages(n){
  var offset = (n * 130) + 15;
  for (var i=0; i<10; i++){
    if (bullets[i].timeout){
      clearTimeout(bullets[i].timeout);
      bullets[i].timeout = null;
    }
    bullets[i].target = offset + (bullets[i].i * 10);
    if(bullets[i].target != bullets[i].xpos){
      var scr = 'moveImage('+i+', true)';
      var delay = n < old_pos ? i : 9-i;
      bullets[i].timeout = setTimeout(scr, delay*100);
    }
  }
  old_pos = n;
}
function moveImage(i, start){
  img = bullets[i];
  if(img.xpos < img.target){
    img.xpos++;
  }
  else if(img.xpos > img.target){
    img.xpos--;
  }
  else{
    img.timeout = null;
    return;
  }
  img.style.left = img.xpos + "px";
  var scr = 'moveImage('+i+')';
  img.timeout = setTimeout(scr, 0);
}