on completion


                          private function complete():void
                          {
                                  //Pass the loaded filter to the Shader as a ByteArray
                                  shader = new Shader(new CustomFilter() as ByteArray);
                                          
                      shader.data.size.value = [20.0];
                                  filter = new ShaderFilter(shader);
  
                                  //add the filter to the image
                                  stack.filters = [filter];
                                  stage.addEventListener(Event.ENTER_FRAME, loop);
                          }
                  ]]>
          </mx:Script>
          
  
      <ae:component_screen id="display"/>
      <mx:ViewStack id="stack" width="100%" height="100%">
  
          <mx:Canvas>
          <mx:Image id="im" click="next();" right="0" left="0" top="0" bottom="0" maintainAspectRatio="false" source="@Embed(source='soutine.jpg')"/>
          </mx:Canvas>
          <mx:Canvas>
          <mx:Image id="vd"  click="next();"  right="0" left="0" top="0" bottom="0" maintainAspectRatio="false" source="@walk.png"/>
          </mx:Canvas><mx:Canvas>
          <mx:VideoDisplay id="ca"  click="next();" right="0" left="0" top="0" bottom="0" maintainAspectRatio="false" source="@walk.png"/>
      </mx:Canvas>
      </mx:ViewStack>
      <mx:HBox left="5" bottom="10">
      <mx:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label="fullscreen" click="next();"/>
      </mx:HBox>
      <mx:HBox right="5" bottom="10">
      <mx:Button color="gray" borderColor="0" fillAlphas="[0, 0]" label="next" click="display.toggle();"/>
      </mx:HBox>
  </mx:Application>