// Customers animation

var timer = new Array();
var x = new Array();
var pos = new Array();
var dir = new Array();

var uplimit = 16;
var downlimit = -32;
var maxitems = 0;

function aa(selected) {
  x[selected].style.backgroundPosition='0px '+pos[selected]+'px';
  if(dir[selected] == 'up') {
    pos[selected]--;
    if(pos[selected]<downlimit) endAnimation(selected);
  } else if(dir[selected] == "down") {
    pos[selected]++;
    if(pos[selected]>=uplimit) endAnimation(selected);
  }
}

function moveUp(selected) {
  for(cnt=0;cnt<maxitems;cnt++) {
    if(selected!=cnt) if(timer[cnt]!=null) {
      moveDown(cnt);
    }
  }
  dir[selected] = 'up';
  pos[selected] = uplimit;
  if (!timer[selected]) timer[selected] = setInterval("aa('"+selected+"');",5);
}

function moveDown(selected) {
  dir[selected] = 'down';
  pos[selected] = downlimit;
  if (!timer[selected]) timer[selected] = setInterval("aa('"+selected+"');",5);
}

function endAnimation(endsel) {
  if (!timer[endsel]) return false;
  clearInterval(timer[endsel]);
  timer[endsel] = null;
}

function initAnimation(items) {
  maxitems = items;
  for(cnt=0;cnt<items;cnt++) {
    x[cnt] = document.getElementById(cnt);
    dir[cnt] = 0;
    pos[cnt] = 0;
    timer[cnt] = null;
  }
}