Con un botón mostrar el contenido de un Array en grupos

[josemar2000]

Hola, tengo un Array con bastantes elementos y por problemas de espacio necesito limitar la cantidad de elementos que se muestran cada vez.
Así que al cargar la página me muestra 3 elementos, hasta ahí ningún problema, funciona bien.
Pero ahora necesito y aquí viene el problema que al pulsar un botón me actualice los nombres que me mostraba y me muestre los 3 siguientes, digo actualizar porque no quiero que los añada a los 3 primeros, sino que borre estos y en su lugar coloque los 3 siguientes y así hasta llegar a los últimos, pues no doy con ello, a ver si me podeis ayudar.

var nombre = new Array();
nombre = [["Daniel",35],
["Luis",42],
["María",19],
["María",51],
["David",28],
["Antonio",20],
["Carlos",31],
["Mario",26]];

<span id="lNombres"></span><br>
<script language="JavaScript" type="text/javascript">
var inicio = 0;
var limite = 3;

for (var i=inicio;i<limite;i++){
document.getElementById("lNombres").innerHTML+=[i]+" - "+nombre[i][0]+" ..... "+nombre[i][1]+"<br>";
}
document.getElementById("lNombres").innerHTML+="<b r>"+"TOTAL....... "+nombre.length+" Personas"+"<br>";

function siguiente(){
for (i=3;i<nombre.length;i++){

document.getElementById("lNombres").innerHTML+=[i]+" - "+nombre[i][0]+" ..... "+nombre[i][1]+"<br>";

}
if(limite==nombre.length-1){
document.getElementById("botsiguiente").disabled=t rue;
}else{
document.getElementById("botsiguiente").disabled=f alse;
}
}
</script>