Modificación de la propiedad display en JavaScript

[pabloe9k]

Gente, necesito de su inconmensurable ayuda una vez más.
Resulta que estoy mostrando u ocultando un div aprovechando la propiedad display ("none" y "block"), para lo que hice una pequeña función a la que llamo desde una imagen.
Pero la verdad es que me parece un poco pobre y quisiera mejorarla.
Les muestro la función, el código HTML con el que la llamo y más abajo viene el pedido de ayuda:

Código:

<script>
	function mostrarPrincipal()
	{
              variable1=document.getElementById("seccionPrincipal");
              variable1.style.display="block";
	}
</script>

Código HTML:

<img src="flecha_abajo.png" onclick="mostrarPrincipal()" title="Mostrar Sección Principal" />


<div id="seccionPrincipal" style="display: none">
    hola mundo!
</div> 

Necesito que, por favor, me indiquen como hacer para que, cuando llamo a la función desde la imagen del ejemplo le pueda estar pasando como parámetro el nombre del div que quiero mostrar u ocultar (supongo que se lo pasaría entre paréntesis) y como quedaría modificada la función para recibir el parámetro y en la definición de la "variable1".

Desde ya muchas gracias por la colaboración que puedan prestarme.
Saludos.

[emprear]

llamás la función desde el evento con mostrar_capa('nombrecapa');

y tu función

function mostrar_capa(id_div)
luego en tus variables
variable1=document.getElementById(id_div);


Saludos

[pabloe9k]

Iniciado por emprear

llamás la función desde el evento con mostrar_capa('nombrecapa');

y tu función

function mostrar_capa(id_div)
luego en tus variables
variable1=document.getElementById(id_div);


Saludos

Ante todo muchas gracias por tu respuesta.
El problema es que no puedo hacerla funcionar.
Este es el código que estoy usando:

Código:

<script>
	function mostrarPrincipal(id_capa)
	{
		variable1=document.getElementById(id_capa);
        variable1.style.display="block";
	}
</script>


<img src="icono.png" onclick="mostrarPrincipal(panel)" title="Mostrar panel" />

<br/>
<br/>

<div id="panel" style="display: none">
	Hola Mundo!
</div>

¿?

Gracias nuevamente.

[marlanga]

<img src="icono.png" onclick="mostrarPrincipal('panel')" title="Mostrar panel" />

[emprear]

te aclaro lo que señala marlanga que es lo correcto, el argumento en la función debes pasarlo como una cadena, caso contrario la función la interpreta como una variable, que por supuesto no existe

es decir:
panel --> incorrecto
'panel' --> correcto

Saludos

[pabloe9k]

Muchísimas gracias a ambos!
Realmente me ayudaron.

Saludos!!