Transparent PNG to overlay loaded dynamically Gallery

Hi guys,.

I hope I can explain it properly. The current movie can be seen at http://209.240.138.77/

There are buttons on each side that parade the images loaded dynamically left and right. The script is compiled from external IN the file I pasted below.

What I have to do is to load a transparent PNG images above, but below the buttons. I inserted a chart below. I tried to insert the png directly in the timeline as well as dynamically load in to a clip. The fate always the overlay on the bottom. Any ideas?

See you soon,.

Quinn

package {}
import flash.display.MovieClip;
import flash.display.Loader;
Import 12345678910111213import;
import flash.display.BitmapData;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.display.DisplayObject;
import flash.display.LoaderInfo;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.MouseEvent;
to import flash.events.ProgressEvent;
import flash.net.navigateToURL;
import flash.net.URLRequest;
import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.display.Sprite;
import flash.text.TextField;
import flash.text.StyleSheet;
import flash.text.AntiAliasType;
import flash.text.TextFieldAutoSize;
import flash.text.TextFormat;
import com.hybrid.ui.ToolTip;
import com.apdevblog.ui.video.ApdevVideoPlayer;
import com.apdevblog.ui.video.style.ApdevVideoPlayerDefaultStyle;
Import caurina.transitions.Tweener;
Import caurina.transitions.properties.DisplayShortcuts;
Import caurina.transitions.properties.FilterShortcuts;
Import caurina.transitions.properties.ColorShortcuts;

SerializableAttribute public class Main extends MovieClip {}

the constructor function
public void Main (): void {}
If init() (stage);
of another addEventListener (Event.ADDED_TO_STAGE, init);
}

private var paramObj: Object;
optional xml path
private var xmlPath: String = "xml/gallery.xml;
the stage size
private var sw: number;
private var sh: number;
private void init(e:Event=null):void {}
paramObj = LoaderInfo (this.root.loaderInfo) .parameters;
for (var i in paramObj) {}
xmlPath = String (paramObj [i])? String(paramObj[i]):xmlpath;
}

loadXML (xmlPath);
DisplayShortcuts.init ();
FilterShortcuts.init ();
ColorShortcuts.init ();
internship. Align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.addEventListener (Event.RESIZE, resizeHandler)
SW = stage.stageWidth;
SH = stage.stageHeight;
}

the xml loader
private var _xmlLoader: URLLoader;
private void loadXML(s:String):void {}
loading the xml for news here
_xmlLoader = new URLLoader();
_xmlLoader.load (new URLRequest (s));
_xmlLoader.addEventListener (Event.COMPLETE, completeXML);

}

private var _xml: XML;
store the thumbnail
private var thumbArr: Array = [];
the number of items
private var itemNum: number = 12;
store the type of the element
private var typeArr: Array = [];
store the size of the media of the item file
private var sizeArr: Array = [];
store the location of the media of the item file
private var urlArr: Array = [];
color of the link in the content
private var linkColor: String;
store the location of the link
private var linkArr: Array = [];
the thumbnail title
private var titleArr: Array = [];
How to open the link
private var _target: String;

the number of columns of thumbnails
private var columns: number;
size of the thumbnail
private var thumbWidth: number;
private var thumbHeight: number;
filling between each thumbnail
private var thumbPadding: number;
value of the assets of the image/video
private var assetWidth: number;
private var assetHeight: number;
store the legend
private var captionArr: Array = [];

analyze the data
private void completeXML(e:Event):void {}
_xml = new XML (e.target.data);
_xml. IgnoreWhitespace = true;
itemNum = _xml.item.length ();
Columns = Number (_xml.@columns);
thumbWidth = Number (_xml.@thumbWidth);
thumbHeight = Number (_xml.@thumbHeight);
thumbPadding = Number (_xml.@thumbPadding);
assetWidth = Number (_xml.@assetWidth);
assetHeight = Number (_xml.@assetHeight);
linkColor = [email protected] ();
_target = [email protected] ();
for (var i = 0; i < itemNum; i ++) {}
thumbArr [i] = (_xml.item[i].@thumbnail);
titleArr [i] = (_xml.item[i].@title);
typeArr [i] = (_xml.item[i][email protected] ());
_Object var: Object = new Object();
_Object.width = _xml.item[i].@width;
_Object.height = _xml.item[i].@height;
sizeArr [i] = _object;
urlArr [i] = _xml.item[i].@url;
linkArr [i] = _xml.item[i].@link;
captionArr [i] = _xml.item [i] .text () m:System.NET.SocketAddress.ToString ();
}
_xmlLoader.removeEventListener (Event.COMPLETE, completeXML);
_xmlLoader = null;
initUI();
}

store the thumbnail in a container
private var thumbContainer: Sprite = new Sprite();
width of the thumbnail box
private var thumbContainerWidth: number;
the navigation arrows
private var nextBtn: ArrowButton = new ArrowButton();
private var preBtn: ArrowButton = new ArrowButton();
store the arrows in a container
private var btnContainer: Sprite = new Sprite();
store the miniature gripper
private var thumbClipContainer: Sprite = new Sprite();
size of the boder hover
private var borderSize: number = 0;
store the border
private var borderArr: Array = [];
see the thumbnail now or the active
private var isThumb: Boolean = true;

store the image or the active video
private var assetContainer: Sprite = new Sprite();
store the active clip
private var assetClipArr: Array = [];
which image/video is view now
private var currentAssetNum: number = 0;

the text of the legend style
private var textStyle: StyleSheet = new StyleSheet();
initialize the text style
private function initText (): void {}
var hoverObj: Object = new Object();
var linkObj: Object = new Object();
var bodyObj: Object = new Object();

linkObj.color = "#00FFFF";
linkObj.textDecoration = "underline";
bodyObj.fontFamily = "Arial";
bodyObj.color = "#FFFFFF";
bodyObj.letterSpacing = '0 '.
bodyObj.leading = "4px";
bodyObj.textAlign = 'left ';
bodyObj.fontSize = 11;
hoverObj.color = "#FFFFFF".
hoverObj.textDecoration = "underline";
textStyle.setStyle ("body", bodyObj);
textStyle.setStyle ("a: link", linkObj);
textStyle.setStyle ("" a: hover ", hoverObj");
}

store the caption element
private var captionClipArr: Array = [];
Store the image loader
private var imageLoaderArr: Array = [];
How image loader
private var imageLoaderNum: number = 0;
store the location of the image
private var imageURLArr: Array = [];
Ranger miniature charger
private var thumbLoaderArr: Array = [];
Add thumbnail image and video assets, etc. to the scene
private function initUI (): void {}
initText();
addChild (thumbContainer);
thumbContainer.addChild (thumbClipContainer);
thumbContainerWidth = columns * (thumbWidth + thumbPadding)-thumbPadding;
Add the tiles on the stage
for (var i: int = 0; i < itemNum; i ++) {}
var _shape: Sprite = new Sprite();
_shape. Name = I.ToString;
_shape. Graphics.beginFill (0x000000,. 4);
_shape. Graphics.drawRect (0, 0, thumbWidth, thumbHeight);
_shape. Graphics.endFill ();

var ld: Loader = new Loader();
LD. Load (new URLRequest (thumbArr [i]))
_shape. AddChild (LD);
thumbLoaderArr [i] = ld;
var _border: Sprite = new Sprite();
_border. Graphics.beginFill (0xFFFFFF, 0);
_border. Graphics.LineStyle (borderSize, 0 x 191919);
_border. Graphics.drawRect (0, 0, thumbWidth, thumbHeight);
_border. Graphics.endFill ();
_border.Alpha = 0;
borderArr [i] = _border;
_shape. AddChild (_border);
/*
Tweener.addTween (_shape, {_DropShadow_blurX:16, _DropShadow_blurY:16, _DropShadow_angle:90, _DropShadow_distance:4, _DropShadow_alpha:.4, time: 3});
*/
thumbClipContainer.addChild (_shape);
_shape.x is thumbPadding + i *(thumbWidth+thumbPadding);.
_shape.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
var s: Sprite = e.currentTarget as Sprite;
var n: number = Number (s.name);
{if(titleArr[n]!="")}
var tf: TextFormat = new TextFormat();
TF. Bold = false;
TF. Size = 12;
TF. Leading = 1;
TF. Color = 0 x 333333;
var tt:ToolTip = new ToolTip();
TT. Align = "center";
tt.titleFormat = tf;
TT. Hook = true;
tt.cornerRadius = 0;
tt.autoSize = true;
TT. Show (s, titleArr [n]);

}

Tweener.addTween (borderArr [n], {alpha: 1, time: 4, transition: "easeOutSine"})
})
_shape.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
var s: Sprite = e.currentTarget as Sprite;
var n: number = Number (s.name);
Tweener.addTween (borderArr [n], {alpha: 0, time: 4, transition: "easeOutSine"})
})
/ * Remove click event
_shape.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
var s: Sprite = e.currentTarget as Sprite;
var n: number = Number (s.name);
var clip: DisplayObject = assetClipArr [currentAssetNum];
If (clip! = null) Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
clip. Visible = false;
}})
currentAssetNum = n;
{if (isThumb)}

tweenToAsset();
assetClipArr [currentAssetNum] .visible = true;
Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
Tweener.addTween (thumbContainer, {y: sh + borderSize, time: 8, transition: "easeInOutExpo"})
Tweener.addTween (btnContainer, {y: sh + 32, time: 8, transition: "easeInOutExpo"})
Tweener.addTween (assetContainer, {y:(sh-assetHeight) > > 1, time: 8, transition: "easeInOutExpo"})
isThumb = false;
}
})
*/

}

thumbLoaderArr [0] .load (new URLRequest(thumbArr[0]))
thumbLoaderArr [0].contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
thumbLoaderArr [0].contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);

var _mask: Sprite = new Sprite();
_MASK. Graphics.beginFill (0xB22222,. 4);
_MASK. Graphics.drawRect (thumbPadding-borderSize, - borderSize, thumbContainerWidth + borderSize * 2, thumbHeight + borderSize * 2);
_MASK. Graphics.endFill ();
thumbContainer.addChild (_mask);
thumbClipContainer.mask = _mask;

addChild (assetContainer);

var panelWidth: number = 14;
var leftPanel: ArrowButton = new ArrowButton();
leftPanel.rotation = 180
leftPanel.x = - 12;
leftPanel.y = assetHeight*.5;

var right panel: ArrowButton = new ArrowButton();
rightPanel.x = assetWidth + 12;
rightPanel.y = assetHeight*.5;
leftPanel.alpha = rightPanel.alpha = 0;
leftPanel.buttonMode = rightPanel.buttonMode = true;

leftPanel.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
Tweener.addTween (leftPanel, {alpha: 1, time: 4, transition: "easeOutSine"})
})
leftPanel.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
Tweener.addTween (leftPanel, {alpha: 0, time: 4, transition: "easeOutSine"})
})
leftPanel.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
/*
var clip: DisplayObject;
Clip = assetClipArr [currentAssetNum];
Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
clip. Visible = false;
}})
*/
pauseAsset();
if(currentAssetNum>0) {}
-currentAssetNum;
} else {}
currentAssetNum = itemNum-1;
}
/*
assetClipArr [currentAssetNum] .alpha = 0;
assetClipArr [currentAssetNum] .visible = true;
Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
*/
tweenToAsset();
})
rightPanel.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
})
rightPanel.addEventListener (MouseEvent.MOUSE_MOVE, {function(e:MouseEvent):void}
Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
})
rightPanel.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
Tweener.addTween (right panel, {alpha: 0, time: 4, transition: "easeOutSine"})
})
var cb: CloseButton = new CloseButton();
rightPanel.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
pauseAsset();
If (currentAssetNum < itemNum-1) {}
currentAssetNum ++;
} else {}
currentAssetNum = 0;
}
/*
assetClipArr [currentAssetNum] .alpha = 0;
assetClipArr [currentAssetNum] .visible = true;
Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
*/
tweenToAsset();
})
function pauseAsset (): void {}
var clip: Sprite = assetClipArr [currentAssetNum];
Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
clip. Visible = false;
If (clip.getChildAt (0) is ApdevVideoPlayer) {}
(clip.getChildAt (0) as ApdevVideoPlayer) () .pause;
}

}})

}
function tweenToAsset (): void {}
var clip: Sprite = assetClipArr [currentAssetNum];
clip.Alpha = 0;
clip. Visible = true;
Tweener.addTween (, {time: 2, delay:. 4, transition: "easeOutSine", onComplete:function (): void {}})
If (clip.getChildAt (0) is ApdevVideoPlayer) {}
(clip.getChildAt (0) as ApdevVideoPlayer) .play ();
}

}})

Tweener.addTween (clip, {alpha: 1, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
}})

}

assetContainer.addChild (leftPanel);
assetContainer.addChild (right panel);

var _style:ApdevVideoPlayerDefaultStyle = new ApdevVideoPlayerDefaultStyle();
_Style.bgGradient1 = 0 x 000000;
_Style.controlsBg = 0 x 000000;
_Style.controlsBgAlpha = 1.0;
var closeBtn: CloseButton = new CloseButton();
assetContainer.addChild (closeBtn);
closeBtn.x = assetWidth - closeBtn.width*.5;
closeBtn.y = - closeBtn.height*.5;
closeBtn.buttonMode = true;
closeBtn.visible = false;
closeBtn.name = j.toString ();
closeBtn.addEventListener (MouseEvent.CLICK, function(e:Event):void {}
isThumb = true;
var s: DisplayObject = e.currentTarget as DisplayObject;
var n: number = Number (s.name);
pauseAsset();
Tweener.addTween (assetContainer, {y:-assetHeight, time: 4, transition: "easeOutSine"})
Tweener.addTween (thumbContainer, {y:(sh-thumbHeight) > > 1, time: 4, transition: "easeOutSine"})
Tweener.addTween (btnContainer, {y: sh > > 1, time: 4, transition: "easeOutSine"})
})

Add image/video assets to step
for (var j: int = 0; j < itemNum; j ++) {}
var s: Sprite = new Sprite();
s.graphics.beginFill (0 x 000000, 1);
s.graphics.drawRect (0, 0, assetWidth, assetHeight);
s.graphics.endFill ();

{if(linkArr[j]!="")}
s.buttonMode = true;
s.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
_s var: Sprite = e.currentTarget as Sprite;
var n: number = Number (_s.name).
try {}
{if(linkArr[n]!="")}
navigateToURL (new URLRequest (linkArr [n]), _target);
}

} catch(err:Error) {}
}
})

}
s.Visible = false;
s.Name = j.toString ();
assetContainer.addChildAt (s, 0);
assetClipArr [j] = s;
Tweener.addTween (closeBtn, {_DropShadow_blurX:2, _DropShadow_blurY:2, _DropShadow_angle:75, _DropShadow_distance:4, _DropShadow_alpha:.3, time: 3});

closeBtn.visible = false;
s.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
Tweener.addTween (leftPanel, {alpha: 1, time: 4, transition: "easeOutSine"})
Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
_s var: Sprite = e.currentTarget as Sprite;
var n: number = Number (_s.name).
{if(captionClipArr[n]!=null)}
captionClipArr [n] .visible = true;
Tweener.addTween (captionClipArr [n], {alpha: 1, time: 4, transition: "easeOutSine"})
}
})
s.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
Tweener.addTween (leftPanel, {alpha: 0, time: 4, delay:. 4, transition: "easeOutSine"})
Tweener.addTween (right panel, {alpha: 0, time: 4, delay:. 4, transition: "easeOutSine"})
_s var: Sprite = e.currentTarget as Sprite;
var n: number = Number (_s.name).
{if(captionClipArr[n]!=null)}
Tweener.addTween (captionClipArr [n], {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
captionClipArr [n] .visible = false;
}})
}

})

{if(typeArr[j]=="image")}
var imageLoader: Loader = new Loader();
var _loading: loading = new Loading();
s.addChild (_loading);
_loading.x = assetWidth*.5;
_loading.y = assetHeight*.5;
_loading. Name = "loading";
s.addChildAt (chargeurImage, 0);
imageLoaderArr [imageLoaderNum] = imageLoader;
imageURLArr [imageLoaderNum] = urlArr [j];
imageLoaderNum ++;
} else {if(typeArr[j]=="video")
var videoPlayer: ApdevVideoPlayer = new ApdevVideoPlayer (assetWidth, assetHeight, _style);
videoPlayer.videostill = "";
videoPlayer.name = 'video ';
position of the videoplayer at the bottom of the video controls
videoPlayer.controlsOverVideo = true;
checks should not fade out (not in mode full-screen)
videoPlayer.controlsAutoHide = true;
videoPlayer.autoPlay = false;
videoPlayer.load (urlArr [j]);
s.addChildAt (videoPlayer, 0);

}

{if(captionArr[j]!="")}
var _caption: Caption = new Caption();
captionClipArr [j] = _caption;
_caption.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
e.stopPropagation ();
})
_caption.Alpha = 0;
_caption. Visible = false;
_caption. Name = "caption";
_caption.Alpha = 0;
_caption. Visible = false;
_caption._text. Width = assetWidth - 24;
_caption._text. StyleSheet = textStyle;
_caption._text. Selectable = false;
_caption._text. Multiline = true;
_caption._text. AutoSize = TextFieldAutoSize.LEFT;
_caption._text.antiAliasType = AntiAliasType.ADVANCED;
var st:String = encodeURI (captionArr [j]);
var model: RegExp = /(%09) + | (0 %) + | (0 % D) + / g ;
St = st.replace (model, "");
St = decodeURI (st);
_caption._text. StyleSheet = textStyle;
_caption._text.htmlText = m;
_caption._bg. Width = assetWidth;
_caption._bg. Height = _caption._text.height + 24;
_caption.y = assetHeight - _caption.height;
s.addChild (_caption);
}
}

{if(imageLoaderArr[0]!=null)}
imageLoaderArr [0] .load (new URLRequest(imageURLArr[0]));
imageLoaderArr [0].contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
imageLoaderArr [0].contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
imageLoaderArr [0].contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);

}

addChild (btnContainer);
btnContainer.addChild (nextBtn);
btnContainer.addChild (preBtn);
preBtn.rotation = 180;
nextBtn.buttonMode = preBtn.buttonMode = true;
nextBtn.addEventListener (MouseEvent.CLICK, click Next);
preBtn.addEventListener (MouseEvent.CLICK, clickPre);
resizeHandler();
}
the progress of loading the image
private void imageProgress(e:ProgressEvent):void {}

}

How many images have been loaded
private var imageLoadedNum: number = 0;

start loading the next image when an image is loaded, start playing the slideshow when images are loaded
private void imageComplete(e:Event):void {}
var _loader:Loader = Loader (e.target.loader);
If (_loader.content is Bitmap) {}
get the Chargers in the form of bitmap content
var _bitMap:Bitmap = Bitmap (_loader.content);
Turn on anti-aliasing
_bitMap.smoothing = true;
}
var _loading: loading = _loader.parent.getChildByName ("loading") as loading;
if(_loading!=null) _loading.parent.removeChild (_loading);
if(imageLoadedNum<imageLoaderArr.Length) {}
imageLoadedNum ++;
var nextLd: Loader = imageLoaderArr [imageLoadedNum];
{if(nextLd!=null)}
nextLd.load (new URLRequest (imageURLArr [imageLoadedNum]));
nextLd.contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
} else {}

}
}

}

The location of the error image manager e/s etc.
private void imageIOError(e:IOErrorEvent):void {}
if(imageLoadedNum<imageLoaderArr.Length) {}
imageLoadedNum ++;
var nextLd: Loader = imageLoaderArr [imageLoadedNum];
{if(nextLd!=null)}
nextLd.load (new URLRequest (imageURLArr [imageLoadedNum]));
nextLd.contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
} else {}

}
}

}

start loading the next thumbnail when it can't load the previous tile
private void thumbIOError(e:IOErrorEvent):void {}
if(thumbLoadedNum<itemNum) {}
thumbLoadedNum ++;
var _nextLd: Loader = thumbLoaderArr [thumbLoadedNum];
{if(_nextLd!=null)}
_nextLd.load (new URLRequest (thumbArr [thumbLoadedNum]));
_nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
_nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);

}
}

}

How many tile is responsible
private var thumbLoadedNum: number = 0;
force the miniature customed size in the xml when they were loaded
private void thumbComplete(e:Event):void {}
var _tempLoader:Loader = Loader (e.target.loader);
If (_tempLoader.content is Bitmap) {}
get the Chargers in the form of bitmap content
var _bitMap:Bitmap = Bitmap (_tempLoader.content);
Turn on anti-aliasing
_bitMap.smoothing = true;
}

_tempLoader.content.width = thumbWidth;
_tempLoader.content.height = thumbHeight;
_tempLoader.content.Alpha = 0;
Tweener.addTween (_tempLoader.content, {alpha: 1, time: 4, transition: "easeOutSine"})
if(thumbLoadedNum<itemNum) {}
thumbLoadedNum ++;
var _nextLd: Loader = thumbLoaderArr [thumbLoadedNum];
{if(_nextLd!=null)}
_nextLd.load (new URLRequest (thumbArr [thumbLoadedNum]));
_nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
_nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);
}
}

}

private var currentCol: number = 0;
Move the following block of vignette
private void clickNext(e:MouseEvent=null):void {}
currentCol ++;
If (currentCol < Math.ceil (itemNum/columns)) {}
Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
} else {}
currentCol = 0;
Tweener.addTween (thumbClipContainer, {x: 0, time: 4, transition: "easeOutSine"})
}
}

Move the previous tile
private void clickPre(e:MouseEvent=null):void {}
-currentCol;
If (currentCol > = 0) {}
Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
} else {}
currentCol = Math.ceil(itemNum/columns)-1;
Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})

}
}

resize the layout
private void resizeHandler(e:Event=null):void {}
SW = stage.stageWidth;
SH = stage.stageHeight;
thumbContainer.x = (sw - thumbContainerWidth - thumbPadding * 2) > > 1;

nextBtn.x = thumbContainer.x + thumbContainerWidth + thumbPadding;
nextBtn.x = sw - 24;
preBtn.x = 24;

assetContainer.x = (sw - assetWidth) > > 1;
{if (isThumb)}
assetContainer.y = - assetHeight;
thumbContainer.y = (sh - thumbHeight) > > 1;
btnContainer.y = sh > > 1;
} else {}
assetContainer.y = (sh - assetHeight) > > 1;
thumbContainer.y = sh + borderSize;
btnContainer.y = sh + 32;
}

}

}

}