jQuery Forum

JS says this:

1. embedFlash();  
3. $(document).ready(function() {
4. function testFunction  () {alert('function fired')};
5. });
6. 
   
7. function embedFlash () {
8. var flashvars = {}; var params = {}; var attributes = {};
9. params.AllowScriptAccess = "always";
10. swfobject.embedSWF("flashMovie.swf", "flashContent", 100, 100, "9.0.0", "", flashvars, params, attributes);
11. }

Doesn't work. When I move the testFunction outside of jQuery it works:

2. embedFlash();
3. 
   
4. function testFunction  () {alert('function fired')};
6. $(document).ready(function() {
7. });
9. function embedFlash () {
10. var flashvars = {}; var params = {}; var attributes = {};
11. params.AllowScriptAccess = "always";
12. swfobject.embedSWF("flashMovie.swf", "flashContent", 100, 100, "9.0.0", "", flashvars, params, attributes);}

I realize it has something to do with the order of the DOM vs the Flash loading, but I don't know what to do about it. I need that function to be inside $(document).ready(function() { }); The function in question on the actual site is jQuery plugin function (jScrollPane api.getContentPane().load) - i.e. I am trying to get a button in the flash movie to load content into a jScrollPane. If I move that function outside of jQuery, it is recognized by flash, but it doesn't function. 

I have tried moving the embedFlash inside the $(document).ready(function() { }), I tried using a swfObject call back to make sure the flash is loaded - nothing works. 

I should say that I am a medium level programmer, so sorry if I am missing something obvious.