Selecionar Li para receber classe. 'efeito hover mantido'

Galera, boa noite!

Sou novo aqui no fórum e esse é meu primeiro post.. hehehe

Então, rodei o fórum inteiro a procura de algo que resolvesse o meu problema, mas não achei..

Após rodar o script, sempre o último ('li') recebe a classe.

Javascript:

var d = document;

window.onload = function () {
	addEventLI(d.getElementsByTagName("ul")[0]);
}

function addEventLI(objUL){
	var lis = objUL.getElementsByTagName("li");
	for ( var i = 0; i < 6; i++ ){
 alert(i);
 lis[i].onclick = function () {
 alert(i);
 lis[i].className = 'active';
 }
	}
}

Html:

<ul>
 <li><a href="#">1</a></li>
 <li><a href="#">2</a></li>
 <li><a href="#">3</a></li>
 <li><a href="#">4</a></li>
 <li><a href="#">5</a></li>
 <li><a href="#">6</a></li>
 <li><a href="#">7</a></li>
</ul>

Se alguém puder me ajudar, fico muito grato, valeeu?!

Obrigado desde já!

OBS.: Prefiro em Javascript puro, quero muito compreender bem essa linguagem para depois usar as bibliotecas.

No aguardo!