Toggling div z-index using jQuery?

Toggling div z-index using jQuery?

Hi guys!

Im totally new to jQuery - so take it easy on me :)

Im developing a new DotNetNuke site for a friend, and Ive developed a fancy Flash navigation header for the site sitting in a div tag at the top of the site. It has some dropdowns, so the flash move takes up the top 300px of the page. I have the "content" div sitting halfway down through this flash movie under the flash div, so the transparent flash movie's submenus float over the content. However, Im finding that Im unable to select/click any HTML text/links under the transparent flash movie.

So, my theory was to trigger a jQuery function to toggle the  flash div's z-index behind/over the content div on mouseover....

So, my question is - has anyone ever done this? It is even possible? Would love some recommendations.

As an example, my site is at : http://tailwindpromotions.com.au.dnnmax.com/

Thanks guys! :)