[Menú Javascript] Corregir pequeño resultado no deseado

[R0R0]

Problema: Se cargan todas las prestañas de un golpe, cuando se arranca el código.

Detalles:

Hola, soy nuevo aquí, bueno, al grano:

He estado experimentando con un código para crear un menú en Javascript, esto es, por ejemplo que la información de 4 prestañas se cargen un sóla vez y se muestren a medida que el usuario pasa el raton sobre cada prestaña, por ejemplo cuando el usuario para el ratón sobre la prestaña 1, aparece el título de la prestaña 1 y su descripción... algo asi.

Código:

Código:

<script type="text/javascript" src=
"prototipo.js">
</script> <script type="text/javascript">
      /* <![CDATA[ */
      var current_step = 1;
      function update_preview_steps(next) {
        for (var i = 1; i <= 4; i++) {
          $('preview-title-' + i).style.display = (current_step == i ? 'block' : 'none');
          $('preview-text-' + i).style.display = (current_step == i ? 'block' : 'none');
          $('preview-' + i).className = (current_step == i ? 's' + i + 'a' : 's' + i);
        }}
      /* ]]> */
</script>
<table id="semblo" cellspacing="0" cellpadding="0" border="1">
<tr>
<td class="s1a" id="preview-1" onmouseover=
"current_step = 1; update_preview_steps(0);">paso 1</td>
<td class="s2" id="preview-2" onmouseover=
"current_step = 2; update_preview_steps(0);">paso 2</td>
<td class="s3" id="preview-3" onmouseover=
"current_step = 3; update_preview_steps(0);">paso 3</td>
<td class="s4" id="preview-4" onmouseover=
"current_step = 4; update_preview_steps(0);">paso 4</td>
</tr>
<tr>
<td class="m" colspan="4">
<div id="preview-title-1">Titulo 1</div>
<div id="preview-title-2">Titulo 2</div>
<div id="preview-title-3">Titulo 3</div>
<div id="preview-title-4">Titulo 4</div>
</td>
</tr>
<tr>
<td class="b" colspan="4" valign="top">
<div id="preview-text-1">Contenido 1</div>
<div id="preview-text-2">Contenido 2</div>
<div id="preview-text-3">Contenido 3</div>
<div id="preview-text-4">Contenido 4</div>
</td>
</tr>
</table>

Tiene algunas variables que se usan en CSS, pero ese no es el punto.

El problema es que cuando se carga la página se cargan los títulos y los contenidos de todas las prestañas al mismo tiempo, y deseo que empieze desde la primera.

¿Cómo puedo solucionar eso?, se entiende?

Gracias!

[R0R0]

Ha, nota, donde dice "prototipo.js" es el código que aparece en (www)(punto)prototypejs(punto)org
(aún no puedo colgar enlaces )

El archivo específico está en (sin www):

api(punto)ning(punto)com/files/1Ja79EQdZIk5sZTelWcoFxTyyfgzfCN2iLNgzrYJZHw_/prototipo(punto)js

Cambiar (punto) por " ." Gracias