Sistemas de Tabs con el contenido en la misma pagina

[Sintak]

he conseguio ponerlo a andar, pero esto no me va:

Código Javascript:

<script type="text/javascript">
<!--
function cambiarPestana( pestana ) {
//Ocultar TODAS las pestañas
 for( i = 1; i <= 4; i++ ) document.getElementById( 'pestana' + i ).classname = 'boton1';
 
//Mostrar la pestaña que nos piden
document.getElementById( 'pestana' + pestana ).classname = 'boton';
}
cambiarPestana( 1 );
-->
</script>
 

Código CSS:

<style type="text/css">
.boton{
display: block;
border:1px solid #00536F;
}
.boton1{
display: none;
border:1px solid #00536F;
}
</style>
 

Código HTML:

<a href="javascript:cambiarPestana( 1 )">Mostrar pestaña 1</a>
<a href="javascript:cambiarPestana( 2 )">Mostrar pestaña 2</a>
<a href="javascript:cambiarPestana( 3 )">Mostrar pestaña 3</a>
<a href="javascript:cambiarPestana( 4 )">Mostrar pestaña 4</a>
<div id="pestana1" class="boton">Cosas de la pestaña 1</div>
<div id="pestana2" class="boton1">Cosas de la pestaña 2</div>
<div id="pestana3" class="boton1">Cosas de la pestaña 3</div>
<div id="pestana4" class="boton1">Cosas de la pestaña 4</div>