Cambiar imagenes por medio de un boton

[tresh_03]

hola!
tengo un problema, tengo una imagen y necesito que por medio de un boton se pueda ir cambiando son como 6 imagenes, y al hacerlo nada mas me pasa a la 2da, tambien necesito que a la cuarta imagen me salga un listbox y seleccionar una opcion del litsbox y me lleve a otra imagen eso si no tengo la menor idea, orita estoy con el problema de las imagenes, pero como dije no me deja avanzar de la segunda :/!

estos han sido mis intentos fallidos de codigo, alguna sugerencia?, gracias por leer :D!



function change() {
document.getElementById('matrix').src = "grumosa.png";
document.getElementById('matrix').src = "grumosa1.png";
document.getElementById('matrix').src = "grumosa2.png".style.visibility='visible';
document.getElementById('matrix').src = "grumosa3.png";
document.getElementById('matrix').src = "grumosa4.png";
document.getElementById('matrix').src = "grumosa5.png";

}

function volver () {
document.getElementById('matrix').src = "mt05.jpg";
}


function changeImage() {
if (document.getElementById("matrix").src == "grumosa.png")
{
document.getElementById("matrix").src = "grumosa1.png";
}
else if (document.getElementById("matrix").src == "grumosa1.png")
{
document.getElementById("matrix").src = "grumosa3.png";
}
else
{
document.getElementById("matrix").src= "grumosa4.png";
}
}


function visi() {

document.getElementById('primero').src = "grumosa2.png".style.visibility='visible';
document.getElementById('primero').src = "grumosa3.png".style.visibility='visible';