Curious Behavior While Manipulating Z-index And Visibility Of A Layer

I want to have a single window with 6 or so links at the top that display fixed pages for the first 4 and the final two "Brow" and "se-H" or "se-S". When you double click "Brow" a script prompt asks to enter where they want to go. The script then adds http:// to the front of it and places it as the src for an iframe in a <div></div> layer that has its visibility as hidden. "se-H"/"se-S" Hide and show the layer wich has a zindex higher than that of all other layers on the screen. The other links that just have the code strung out in the onClick action are working just fine as does the Brow link the only resultant error is the "se-H"/"se-S" links they change back and forth indicating the script is running and the outerHTML code is ok but the zindex just isn't changing nor the visibility. I am asking for any suggestions and if I have not included all necessary code please tell me as I only took the pieces I thought may be causing the trouble:

<SCRIPT>
function show()
/*show*/{
fun2.style.visibility='visible'
/*show*/}

function hide()
/*hide*/{
fun2.style.visibility='hidden'
/*hide*/}

var go_to=""
function disp_pop()
/*disp_pop */{
go_to = prompt("Where do you want to go? ","")
/*disp_pop */}

function get_there()
/*get_there */{
if(go_to !="" && go_to!=null)
fun2.outerHTML='<div id=fun2 style="position:absolute; top:55; left:10; z-index:15; overflow:scroll;"><iframe src="http://'+go_to+'" width=475 height=395></iframe></div>'
else
fun2.outerHTML='<div id=fun2 style="position:absolute; top:55; left:10; z-index:15; overflow:scroll;"><iframe src="http://google.com" width=475 height=395></iframe></div>'

fun2.style.visibility='visible'
/*Everyone else back*/
guide.style.zIndex=2;
autoguide.style.zIndex=0;
webmail.style.zIndex=1;
/*Everyone else back*/

/*get there */}

var swap_1 ='<a id=myH4 onclick="this.outerHTML=swap_2;hide();">wse-H</a>'
var swap_2 ='<a id=myH4 onclick="this.outerHTML=swap_1;show();">wse-S</a>'
</script>


The links I am using in the page are as follows


<a href="#" onclick="guide.style.zIndex=2; autoguide.style.zIndex=2; webmail.style.zIndex=3;">Mail</a>
<a href="#" onclick="guide.style.zIndex=1; autoguide.style.zIndex=3; webmail.style.zIndex=2;">TxGuide</A>
<a href="#" onclick="guide.style.zIndex=3; autoguide.style.zIndex=1; webmail.style.zIndex=2;">Guidelines</A>
<A HREF="#" onmouseover="reappear()" onmouseout="disappear()">AuxDetail</A>
<A HREF="#" ondblclick="tada()" onclick="hideit()">Fun</A>
<a onClick='toggleAddress("")'>Refresh</a>
<a id=myH3 ondblclick="disp_pop()" onclick="get_there()">Bro</a>
<a id=myH4 onclick="this.outerHTML=swap_1;show();">wse-S</a>