Publish OpenLaszlo swf using swfobject2 for better progress indicator with IE

Default "Loading..." progress indicator for OpenLaszlo swfs leaves much to be desired in IE and the embed scripts that come bundled with OpenLaszlo are kludgy when compared with a SWFObject2 solution. Here's how I publish OpenLaszlo apps using SWFObject2. This technique includes a x-platform compatible javascript driven percentage loaded indicator.

Note that this solution does not currently support calls to lz.BrowserService.callJS()


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript">function callbackFn() {    try{        swfobject.addDomLoadEvent(pageloaded);    }catch(error){        setTimeout("swfloaded()",1500);    }            }function pageloaded() {        try{                var percentLoaded = swfobject.getObjectById("ObjId").PercentLoaded();                $('#lzsplashtext').html("Percent Loaded: "+percentLoaded+"% ...");                if(percentLoaded < 100){                        setTimeout("pageloaded()",150);                }else{                        swfloaded();                }                                       }catch(error){                setTimeout("swfloaded()",1500);        }    }function swfloaded() {    $('#lzsplash').hide();      }    swfobject.registerObject("ObjId", "10.3.0", "/expressInstall.swf",callbackFn);</script>...<div id="lzsplash" style="z-index: 10000000; top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: table"><p style="display: table-cell; vertical-align: middle; align: center;"><div id="lzsplashtext" style="display: block; margin: 20% auto; font-size:24px; font-family:Helvetica,sans-serif;" align="center">Loading, please wait...</div></p></div>    <div style="height:100%;">              <!--<![endif]-->      </object>    </div>