cargar y ocultar una capa

[laudrup]

Tengo dos <divs> con un id diferente cada uno y que por defecto no se muestra su contenido por pantalla.Desde el inicio unicamente se muestran 2 botones y me gustaria hacer que segun que boton pulsaras se mostrara su div correspondiente y se ocultara el otro.
Os pongo el codigo que tengo,pero que no funciona correctamente


<script type="text/javascript">
function showdiv(id) {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
</script>
<script language=javascript type='text/javascript'>
function hidediv(id2) {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id2).style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.id2.visibility = 'hidden';
}
else { // IE 4
document.all.id2.style.visibility = 'hidden';
}
}
}
</script>
<script type="text/javascript">
function prueba(id,id2)
{
showdiv(id);
hidediv(id2);
}
</script>

<input type="button" onclick="javascript:prueba('todos','pendientes');" name="todos" value="Todos"/>
<input type="button" onclick="javascript:prueba('pendientes','todos');" name="todos" value="Pendientes"/>