I'm using links like:

<a href="#" onMouseover="show('text2');">[ Book ]</a>

to show and hide layers using the javascript:

<script TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
function show(object) {
if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'visible';
else if (document.all)
document.all[object].style.visibility = 'visible';
}
function hide(object) {
if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
//-->
</script>


The showing and hiding of layers work perfectly. In one of the layers, I am using a Javascript text editor inside of the textarea.

My problem is that when I cut and paste a web page with pics into the textarea, then hide the current layer, some elements, like pictures, show through the currently shown layer even though the rest of the hid layer is hidden.

I found one web page that suggested that I group the content into <object> </object> tags and use an id such as <object id=layerx>. This technique worked for form elements built into the Javascript editor, but not for other content pasted into the textarea.

I would be very grateful if anyone had any ideas.