Problemas com loop for e galeria de fotos

To aprendendo JavaScript e to tentando fazer uma galeria de fotos. O código que eu to usando ta aqui :

function next(){
ft = ["img/disponivel.png", "img/selecionada.png"];
for(i=0;i<ft.length; i++){
document.getElementById("formulario").imagem.src = ft[i];

Quando o usuario clica no botão "proximo" que eu ja inseri na pagina html, ela chama a função next() e executa o que eu coloquei ai em cima. O problema é que, dessa forma, quando o usuario clicar no botão, ele vai percorrer todas as imagens que tão do Array ft e vai direto pra última. Tentei usar o break pra evitar isso, mas dps de executar uma vez o for ele sai do loop. Eu nao quero isso. Eu quero que, quando o usuario clicar ele execute uma vez o loop e pause (não saia) até que o ususario clique de novo. Dai qd clicar de novo ele executa de onde tinha pausado. Alguem sabe como faço isso?