Controlar el nº de elementos que se muestran cada vez

[josemar2000]

Hola a todos

Tengo un Array con unos cuantos elementos y necesito mostrarlos por pantalla en grupos, por ejemplo de 3 en tres, así que me he creado un botón para que una vez cargada la página y mostrados los 3 primeros, al pulsarle me muestre los 3 siguientes sustituyendo a los 3 anteriores y así sucesivamente hasta llegar al último elemento, pero sólo consigo que me los muestre de uno en uno, tanto al cargar la página como al pulsar el botón, en alguna prueba he conseguido que me muestre 3 nombres, pero es el mismo repetido 3 veces.

&nbsp;&nbsp;&nbsp;&nbsp; Nombres<br>
<span id="lNombres1"></span><br>
<script language="JavaScript" type="text/javascript">
// Carga de personas
var ultimomostrado = 0;
var nombre = new Array();
nombre = [["Daniel",35],
["Luis",42],
["María",19],
["María",51],
["David",28],
["Antonio",21],
["Mario",26]];

for(var i=0; i<nombre.length; i++) {
}
document.getElementById('lNombres1').innerHTML=nom bre[0][0]+" ... "+nombre[0][1];

function siguiente(){
if (ultimomostrado<nombre.length){
ultimomostrado++;
document.getElementById('lNombres1').innerHTML= nombre[ultimomostrado][0]+" ... " +nombre[ultimomostrado][1]+"<br>";
//Cuando llega al último elemento el botón se deshabilita
if(ultimomostrado==nombre.length-1){
document.getElementById("botsiguiente").disabled=t rue;
}else{
document.getElementById("botsiguiente").disabled=f alse;
}
}
}
</script>

<input name="botsiguiente" type="button" id="botsiguiente" onClick="siguiente()" value="Siguiente">