I need that on load the first image and first thumbnail to show up.
please help
package
{ import com.greensock.events.LoaderEvent;
import com.greensock.loading.XMLLoader;
import com.greensock.loading.LoaderMax;
import com.greensock.loading.ImageLoader;
import com.greensock.loading.data.ImageLoaderVars;
import com.greensock.loading.display.ContentDisplay;
import com.greensock.*;
import flash.filters.*;
import flash.display.Sprite;
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.EventDispatcher;
import flash.events.MouseEvent;
import flash.net.URLRequest;
/**
* ...
* @author
*/
public class main extends MovieClip
{
private var xImgList:XMLList;
public function main()
{
//Load XML
var xPhotography:XMLLoader = new XMLLoader("photography.xml");
xPhotography.addEventListener(LoaderEvent.COMPLETE, xmlLoaded);
xPhotography.load();
}
private function xmlLoaded(e:LoaderEvent):void
{
var xData:XML = e.target.content;
xImgList = new XMLList(xData.img);
//setup loader max object
var thumbLoader:LoaderMax = new LoaderMax( { name:"thumbLoader" } );
thumbLoader.addEventListener(LoaderEvent.COMPLETE, thumbsLoaded);
//setup variables for ImageLoaderVars
var nImgWidth:Number = 80;
var nImgHeight:Number = 52;
var nMaxCols:Number = 4;
for (var i:int = 0; i < xImgList.length(); i++)
{ addChild(galerijaTXT_mc);
var iLoad:ImageLoader = new ImageLoader("images/thumbs/" + xImgList*.@url, new ImageLoaderVars()
.name(xImgList*.@name)
.width(nImgWidth)
.height(nImgHeight)
.smoothing(true)
.container(galerijaTXT_mc.container_mc["p"+i] as MovieClip)
.x(513)
.y(242)
.prop("index", i)
.prop("url",xImgList*.@url)
)
thumbLoader.append(iLoad);
}
thumbLoader.load();
}
private function thumbsLoaded(e:LoaderEvent):void
{
//Setup Click Events
for (var i:int = 0; i < xImgList.length(); i++)
{
var cdImg:ContentDisplay = LoaderMax.getContent("p"+(i+1));
cdImg.buttonMode = true;
cdImg.addEventListener(MouseEvent.ROLL_OVER, onOver);
cdImg.addEventListener(MouseEvent.ROLL_OUT, onOut);
cdImg.addEventListener(MouseEvent.CLICK, onClick);
}
}
var glow:GlowFilter = new GlowFilter(0x999999, 1, 2, 2, 3, 255, false, false);
private function onOver(e:MouseEvent):void
{
e.target.filters = [glow];
}
private function onOut(e:MouseEvent):void
{
e.target.filters = [];
}
private function onClick(e:MouseEvent):void
{
var vars:Object = ImageLoader(e.currentTarget.loader).vars;
checkOldImage(vars.index)
}
private function checkOldImage(index:Number):void
{
//check if there is already an image
if (galerijaTXT_mc.container_mc.mainHolder.numChildren > 0)
{
var oldClip:Sprite = Sprite(galerijaTXT_mc.container_mc.mainHolder.getChildAt(0));
TweenMax.to(oldClip, 0.5, { autoAlpha:0, onComplete:function() { galerijaTXT_mc.container_mc.mainHolder.removeChildAt(0); loadImage(index) }} )
} else
{
loadImage(index);
}
}
private function loadImage(index:Number):void
{
//Get filename
var file:String = xImgList[index].@url;
//Setup main Image loader
var mainLoad:ImageLoader = new ImageLoader("images/main/" + file, new ImageLoaderVars()
.width(557)
.height(400)
.x(352)
.y(255)
//.scaleMode("proportionalInside")
.crop(true)
.container(galerijaTXT_mc.container_mc.mainHolder as MovieClip)
.smoothing(true)
.alpha(50)
)
//setup EventListeners
mainLoad.addEventListener(LoaderEvent.COMPLETE, imageLoaded);
mainLoad.load();
}
private function imageLoaded(e:LoaderEvent):void
{
var imgClip:ContentDisplay = LoaderMax.getContent(e.currentTarget.name);
TweenMax.to(imgClip, 0, { colorTransform: { exposure:2 }} );
TweenMax.to(imgClip, 1.5, { colorTransform: { exposure:1 }, autoAlpha:1 } );
}
}
}