Modules in TabNavigator

Question

Hello,
I have TabNavicator container and a few modules inside:
          <mx:TabNavigator x="10" y="41" width="984" height="456">
               <mx:Canvas label="A" width="100%" height="100%">
                    <mx:ModuleLoader width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" url="modules/module1.swf" />
               </mx:Canvas>
               <mx:Canvas label="B" width="100%" height="100%">
                   <mx:ModuleLoader width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" url="modules/module2.swf" />
               </mx:Canvas>
               <mx:Canvas label="C" width="100%" height="100%">
                    <mx:ModuleLoader width="100%" height="100%" verticalAlign="middle" horizontalAlign="center" url="modules/module3.swf" />
               </mx:Canvas>
               </mx:TabNavigator>
Each of these modules have same creationComplete event:
creationComplete="init()"
where they read database and update some views.
All I want it to make this init() function to execute everytime I select proper tab inside which I have some module.
For example when i click on "A" tab module1 will be displayed but it shuld also call init() then.
Unfortunately creationComplete is fired only once - when module is loaded for the first time ( or maybe it loaded one and only one - i don't know).
Do you know how to make it work?

Answer 1

Ok, so what do I have now:
1) an interface:
package modules
    import flash.events.IEventDispatcher;
    public interface IModuleInterface extends IEventDispatcher {
        function refresh():void;
2) main module that loads other modules in TabNavigator:
<mx:TabNavigator x="10" y="41" width="961" height="458"  id="tab">
     <mx:Canvas label="A" width="100%" height="100%">
     <custom:CustomModuleLoader  width="100%" height="100%" verticalAlign="top" horizontalAlign="left" url="modules/module1.swf" />
     </mx:Canvas>
     <mx:Canvas label="B" width="100%" height="100%">
          <custom:CustomModuleLoader width="100%" height="100%" verticalAlign="top" horizontalAlign="left" url="modules/module2.swf" />
     </mx:Canvas>
     <mx:Canvas label="C" width="100%" height="100%">
          <custom:CustomModuleLoader  width="100%" height="100%" verticalAlign="top" horizontalAlign="left" url="modules/module3.swf" />
     </mx:Canvas>
</mx:TabNavigator>
CustomModuleLoader:
<mx:ModuleLoader xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" creationComplete="init()">
  <mx:Script>
    <![CDATA[
    public function init():void {
        addEventListener("ready", onReady);
    public function onReady(event:Event):void {
        var ichild:* = this.child as IModuleInterface;
        ichild.refresh();
and modules that are loaded in main module:
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" implements="modules.IModuleInterface">
     <mx:Script>
          <![CDATA[
                         public function refresh() : void
                             mx.controls.Alert.show('tasks refresh');
          ]]>
     </mx:Script>
</mx:Module>
And I still cant execute refresh() functions defined in modules. And I don't have ANY idea why.  Maybe it's because main module (in whch other mudules are loaded) is a module itself - not the main application...
Can you help me?