Hi Everyone,

i have a question regarding the z-index of a DIV.

In the website below, I'm experimenting with show/hide layers to display a project, instead of navigating to another page.

At the moment, this works for two images, the 3rd on the top row, and the fourth on the middle row. (recognizable by the yellow border, not showing up, that's another problem....)

I want the seperate layers to be on top, when you click them.

I've added a change-property behaviour on both DIV's, that sets the z-index to 200 onClick. Of course, this only works once, because when switching between the layers several times, both of them are set to 200.

Any ideas?

http://www.mbarch.nl/test3/

Also, trying to change the z-index of the other layer to a lower value, doesn't seem to work.

<div id="Layer055" style="position:absolute;width:250px;height:290px;left:1000px;top:30%;visibility:hidden" 
onclick="MM_changeProp('Layer055','','zIndex','100','DIV' ; 'Layer068','','zIndex','99','DIV')">

and

<div id="Layer068" style="position:absolute;width:250px;height:290px;left:500px;top:35%;visibility:hidden" 
onclick="MM_changeProp('Layer068','','zIndex','100','DIV' ; 'Layer055','','zIndex','99','DIV')">

but that might be because of an error in the two onClick values?

just reset the z-index of the other elements in the collection at the same time in the function