Lista bullet, não está acompanhando

Oi, pessoal.

Estou usando o plugin SwipeJS, mas estou tendo um problema em criar uma bullet list.

Minha lista é assim:

<ul id="position">
<li class="on">Current location</li>
<li>Tallinn</li>
<li>Indaiatuba</li>
<li>Rio de Janeiro</li>
</ul>

E meu código para fazer o acompanhamento é assim:

var slider =
new Swipe(document.getElementById('forecast'), {

// auto: 5000,

callback: function(pos) {
 var i = bullets.length;
 while (i--) {
 bullets[i].className = ' ';;
 }
 bullets[pos].className = 'on';
}
});

var bullets = document.getElementById('position').getElementsByTagName('li');

Ele está limpando as classes dos outros itens da lista, mas não está aplicando a classe "on" no item que deveria. Alguém pode me ajudar?