function dispDiv(id) {
  var elm = document.getElementById(id);
  if (elm)
    elm.style.visibility = "visible";
}

function hideDiv(id) {
  var elm = document.getElementById(id);
  if (elm)
    elm.style.visibility = "hidden";
}

function dispViols() {
  for (var cnt=0; cnt<8; cnt++)
    dispDiv('pic' + cnt + 'v');
}

function hideViols() {
  for (var cnt=0; cnt<8; cnt++)
    hideDiv('pic' + cnt + 'v');
}

function movePics(cnt, lastslot) {
  hideDiv('charmsload');
  movePic(cnt, lastslot);
  setTimeout("dispViols()", 1600);
  return false;
}

function movePic(cnt, lastslot) {
  if (cnt > lastslot)
    return false;
  if (cnt == 8) {
    $('rightarrow').style.visibility = "visible";
    $('rightarrow').style.top = "10px";
    $('rightarrow').style.left = "1864px";
    new Effect.Move('rightarrow', { x: -1000, y: 0 });
    return false;
  }
  if (cnt == -1) {
    $('leftarrow').style.visibility = "visible";
    $('leftarrow').style.top = "10px";
    $('leftarrow').style.left = "1002px";
    new Effect.Move('leftarrow', { x: -1000, y: 0 });
  }
  else {
    var thispic = 'pic' + cnt;
    var startx = (cnt * 106) + 1020;
    $(thispic).style.visibility = "visible";
    $(thispic).style.top = "10px";
    $(thispic).style.left = startx + "px";
    new Effect.Move(thispic, { x: -1000, y: 0 });
  }
  cnt++;
  setTimeout("movePic(" + cnt + "," + lastslot + ")", 100);
}

function clearPics(lastslot) {
  $('leftarrow').style.visibility = "hidden";
  hideViols();
  for (var cnt=0; cnt<=lastslot; cnt++) {
    var thispic = 'pic' + cnt;
    new Effect.Squish(thispic);
  }
  $('rightarrow').style.visibility = "hidden";
  $('charmsload').style.visibility = "visible";
}