mostrar/ocultar div's

[paskuini]

Muy buenas, tengo la siguiente función, que me funciona bien y donde debería estar todo correcto:

Código HTML:

function shader(numProducto) {
	document.getElementById('shader_shadow').style.display='block';
	var fdsa = 'producto_' + numProducto;
	document.getElementById(fdsa).style.display='block';
}
function shaderClose() {
	document.getElementById('shader_shadow').style.display='none';
}

y la siguiente estructura de div's:

Código HTML:

<div id="shader_shadow" style="display:none">
    <div id="shader_content">
    	<a id="shader_close" onclick="shaderClose();">Cerrar [x]</a>
        <div id="producto_1" class="shader_product" style="display:none;">
        	<div class="titulo_producto">titulo_producto_1</div>
            <div class="foto_producto">foto_producto_1</div>
            <div class="descripcion_producto">descripcion_producto_1</div>
        </div>
        <div id="producto_2" class="shader_product" style="display:none;">
        	<div class="titulo_producto">titulo_producto_2</div>
            <div class="foto_producto">foto_producto_2</div>
            <div class="descripcion_producto">descripcion_producto_2</div>
        </div>

    </div>
</div> 

Ahora, me faltaria que, de alguna forma, al cerrar el 'shader_shadow' me pase los productos a display:none para que al abrir el próximo producto, éste aparezca solo, y no junto a los que hemos estado viendo antes... no sé si me explico. Llevo ya un rato intentándolo y no consigo avanzar... alguien puede echarme un cable?