I have a swf with some html copy below it. It should (seemingly) expand when clicking the button and contract when clicked again.

see example

I need to swap the z-Index of the divs containing the SWF and the html copy. The swf is embeded using SWFObject.

I have two simple javascript methods for re-assigning the SWF div’s z-index, but in FireFox these  from the actionscript to the  javascript methods are not getting through.  It works  in Safari and in IE (version ?) on the pc.

Download all source files here.

The ActionScript looks like this:
[cc lang=”actionscript3″ nowrap=”true” width=”550″]
import flash.events.MouseEvent;
import flash.external.ExternalInterface;

var expandedBool:Boolean = false;

bt.addEventListener(MouseEvent.CLICK, onClicked);
bt.label = “putFlashOnTop”;
function onClicked(evt:MouseEvent) {
if (expandedBool){
gotoAndStop(“closed”);
expandedBool = false;

if (ExternalInterface.available) {
ExternalInterface.call(“putFlashOnBottom”);
} else {
tf.text = “ExternalInterface not available”;
}
bt.label = “putFlashOnTop”;
} else {
gotoAndStop(“open”);
expandedBool = true;

if (ExternalInterface.available) {
ExternalInterface.call(“putFlashOnTop”);
} else {
tf.text = “ExternalInterface not available”;
}
bt.label = “putFlashOnBottom”;
}
}
[/cc]