Div layers and Zindex

Div layers and Zindex

First - big ups for jquery. It rocks...

now my question:
I have designed a layout that has a menu in a left div layer (#left-area). When clicking on a link, it creates and opens a new div layer in the right div area (#right-area).

Each of the layers is draggable, sizable etc, but my problem is that the order they are created, is the order the z-index is set as. Explained: if i open "link 1", then "link 2", the "link 2" div will always be on top of the "link 1" div. I want the ability to change the order (z-index??), of the layer just by clicking on the layer, so that if i click on the "link 1" layer, it will bring that to the front, and the "link 2" layer will appear below it.

There must be a way to do this... i have seen examples at pupunzi.com . Is there a way to do it with jQuery. I have searched everywhere, but i cannot see the function/command...

please help

thanks