Reflection Class question

Question

Hello,
I have an xml gallery and I am trying to add reflections to the images. Is there a way I can add the reflections to a loader? Or what do I have to do?
If I can't and I have to make a mc to do this I am not sure what to do. Can someone please help me?
Here is my current code:
import fl.transitions.Tween;
import fl.transitions.easing.*;
import com.pixelfumes.reflect.*;
var xmlRequest:URLRequest = new URLRequest("imageData.xml");
var xmlLoader:URLLoader = new URLLoader(xmlRequest);
var imgData:XML;
var imageLoader:Loader;
var rawImage:String;
var rawH:String;
var rawW:String;
var inTween:Tween
var outTween:Tween
var imgNum:Number = 0;
var checkSec:Timer = new Timer(100);
var numberOfChildren:Number;
var imageReflect:Reflect
xmlLoader.addEventListener(Event.COMPLETE, xmlLoadedF);
btnNext.addEventListener(MouseEvent.CLICK, nextImgF);
btnBack.addEventListener(MouseEvent.CLICK, prevImgF);
btnNext.buttonMode = true;
btnBack.buttonMode = true;
function xmlLoadedF (event:Event):void{
     checkSec.start();
     checkSec.addEventListener(TimerEvent.TIMER, checkerF);
     imgData = new XML(event.target.data);
function packagedF():void{
     checkSec.removeEventListener(TimerEvent.TIMER, checkerF);
     rawImage = imgData.image[imgNum].imgURL;
     numberOfChildren = imgData.*.length();
     rawW = imgData.image[imgNum].imgW;
     rawH = imgData.image[imgNum].imgH;
     imageLoader = new Loader;
     imageLoader.load(new URLRequest(rawImage));
     master_mc.addChild(imageLoader);
     imageLoader.x = (stage.stageWidth - Number(rawW)) /1.65;
     imageLoader.y = (stage.stageHeight - Number(rawH)) /5;
     inTween = new Tween(imageLoader, "x", Regular.easeInOut, 1500, (stage.stageWidth - Number(rawW)) /1.65, 1.5, true);
     imageLoader.scaleX = .8;
     imageLoader.scaleY = .8;
// this next line is the one that I am having a pickle over - where it says "??". I know its supposed to be mc but I am trying to not use mc.
imageReflect = new Reflect({??:imageLoader, alpha:50, ratio:50, distance:0, updateTime:0, reflectionDropoff:1});
function checkerF(event:TimerEvent):void {
if (imgNum == 0) {
packagedF();
}else if(imgNum < numberOfChildren) {
packagedF();
}else{
imgNum = 0;
packagedF();
function nextImgF(e:MouseEvent):void {
checkSec.addEventListener(TimerEvent.TIMER, checkerF);
outTween = new Tween(imageLoader, "x", Regular.easeInOut, (stage.stageWidth - Number(rawW)) /1.65, -1200, 1.5, true);
imgNum++;
function prevImgF(e:MouseEvent):void {
checkSec.addEventListener(TimerEvent.TIMER, checkerF);
outTween = new Tween(imageLoader, "x", Regular.easeInOut, -1200, (stage.stageWidth - Number(rawW)) /1.65, 1.5, true);
imgNum--;
Also the nextImageF works just fine but the prevImageF load both the previous image and the next - AT THE SAAAME TIME! What's up with that? - Do you know?
Thanks for any help!

Answer 1

Well, you could add a MovieClip that would host your Loader instance, and once loading is complete you could apply the refection to the host MovieClip.
Something like this:
var imageLoaderHost:MovieClip;
function packagedF():void{
checkSec.removeEventListener(TimerEvent.TIMER, checkerF);
rawImage = imgData.image[imgNum].imgURL;
numberOfChildren = imgData.*.length();
rawW = imgData.image[imgNum].imgW;
rawH = imgData.image[imgNum].imgH;
imageLoaderHost = new MovieClip();
imageLoader = new Loader;
imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadCompleteHandler);
imageLoaderHost.addChild(imageLoader);
master_mc.addChild(imageLoaderHost);
imageLoader.load(new URLRequest(rawImage));
imageLoaderHost.x = (stage.stageWidth - Number(rawW)) /1.65;
imageLoaderHost.y = (stage.stageHeight - Number(rawH)) /5;
inTween = new Tween(imageLoaderHost, "x", Regular.easeInOut, 1500, (stage.stageWidth - Number(rawW)) /1.65, 1.5, true);
imageLoader.scaleX = .8;
imageLoader.scaleY = .8;
function loadCompleteHandler(event:Event)
  imageLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE, loadCompleteHandler);
  imageReflect = new Reflect({mc:imageLoaderHost, alpha:50, ratio:50, distance:0, updateTime:0, reflectionDropoff:1});