javascript - Javascript コードが Chrome で動作し、Firefox がクラッシュする

Question

私のページには、画像をクリックしたときに Java アプレットをロードする JavaScript コードがあります。

Chromeで問題なく動作しています。同じページを Firefox にロードすると、ブラウザがクラッシュします。

スニペットは次のとおりです。

Javascript

<script type="text/javascript">
    var appletTag;

    hideApplet(); // replace applet with clickable image
    var pic2 = new Image(703,421); // preload mouse over image 
    pic2.src = "pic2.png";

    function hideApplet() {
        var appletbox = document.getElementById('appletbox');
        appletTag = appletbox.innerHTML;

        if (navigator.appName == 'Microsoft Internet Explorer') {
            var params = "";
            var p = appletbox.getElementsByTagName("PARAM");
            for (var i = 0; i < p.length; i++) {
                params += p[i].outerHTML;
            }
            appletTag = appletTag.replace("</APPLET>", params+"</APPLET>");
        }

        appletbox.innerHTML = '<img src="gray.png" name="pic1"
                                width="703" height="421"
                                style="cursor:pointer;background-color:gray;"
                                onMouseOver="mouseOverImage()"
                                onMouseOut="mouseOutsideImage()"
                                onclick="showApplet()">';
    }

    function showApplet() {
        var appletbox = document.getElementById('appletbox');
        appletbox.innerHTML = appletTag;
    }

    function mouseOverImage() {
        document.images.pic1.src = pic2.src;
    }

    function mouseOutsideImage() {
        document.images.pic1.src = "pic1.png";
    }
</script>

そして、これを呼び出す divbox:

<div id="appletbox" style="width:703px;height:421px;">
    <applet code="TestApplet.class" codebase="."
       width="703" height="421">
    </applet>

誰か手を貸してくれませんか？前もって感謝します。