How to fit a pre-built photogallery in a 800x600 area?

Question

hi all.
I've downloaded a prebuilt gallery .fla (570x350) from this lesson http://www.flashmagazine.com/Tutorials/detail/as3_photo_gallery/ to insert in my project (800x600).
I don't understand where to fix it to adapt on my site.
I've copy the fotograms and the AS3 code from the original file and paste on the mine(I've used only 10images), it works, but I don't know where I can fix this problems:
1) the gallery is over the menu and I would like to fit in the center.
2) if I click on the image (randomly) the result is the same, I've the pic over the menu, and I would like to center
The code is in AS3 and available here http://www.flashmagazine.com/Tutorials/detail/as3_photo_gallery/
Thanks for the help.

Answer 1

If can help,  this is the button Thumbnail.as
package {
02.    import flash.display.Sprite;
03.    import fl.containers.UILoader;
04.    import caurina.transitions.*;
05.    import flash.events.MouseEvent;
06. 
07.    public class Thumbnail extends Sprite {
08.        private var nume:String;
09.        private var url:String;
10.        private var id:int;
11.        private var loader:UILoader;
12. 
13.        function Thumbnail(source:String,itemNr:int,numeThumb:String):void {
14.            url = source;
15.            id = itemNr;
16.            this.nume = numeThumb;
17.            drawLoader();
18.            addEventListener(MouseEvent.MOUSE_OVER,onOver);
19.            addEventListener(MouseEvent.MOUSE_OUT,onOut);
20.            scaleThumb();
21.        }
22.        private function drawLoader():void {
23.            loader = new UILoader();
24.            loader.source = url;
25.            loader.mouseEnabled = false;
26.            loader.x = -50;
27.            loader.y = -50;
28.            addChild(loader);
29. 
30.        }
31.        private function onOver(event:MouseEvent):void {
32.            Tweener.addTween(this, {scaleX:1,scaleY:1, time:1, transition:"easeoutelastic"});
33.            Tweener.addTween(this, {alpha:1, time:1, transition:"easeoutelastic"});
34.        }
35.        private function onOut(event:MouseEvent):void {
36.            Tweener.addTween(this, {scaleX:.9,scaleY:.9, time:1, transition:"easeoutelastic"});
37.            Tweener.addTween(this, {alpha:.5, time:1, transition:"easeoutelastic"});
38.        }
39.        private function scaleThumb():void {
40.            this.scaleX = .9;
41.            this.scaleY = .9;
42.            this.alpha = .5;
43.        }
44.    }
45.}
and this is the actionscript for the timeline
import fl.containers.UILoader;
import caurina.transitions.*;
//---------loading the external xml file-------
var urlRequest:URLRequest = new URLRequest("pics.xml");
var urlLoader:URLLoader = new URLLoader();
var myXML:XML = new XML();
var xmlList:XMLList;
myXML.ignoreWhitespace = true;
urlLoader.addEventListener(Event.COMPLETE,fileLoaded);
urlLoader.load(urlRequest);
//--------holds the paths to the thumbnails-------
var arrayURL:Array = new Array();
//--------holds the paths to the big photos-------
var arrayName:Array = new Array();
//--------holds the thumbnail objects-------
var holderArray:Array = new Array();
//--------represents the number of collumns-------
var nrColumns:uint = 5;
//-------represents the container of our gallery
var sprite:Sprite = new Sprite();
addChild(sprite);
var thumb:Thumbnail;
//-------- the thumbnails container-------
var thumbsHolder:Sprite = new Sprite();
sprite.addChild(thumbsHolder);
//-------- the photoLoader container-------
var loaderHolder:Sprite = new Sprite();
loaderHolder.graphics.beginFill(0xffffff,1);
loaderHolder.graphics.drawRect(0,0,550,330);
loaderHolder.graphics.endFill();
loaderHolder.x = 1000;
loaderHolder.y = 10;
sprite.addChild(loaderHolder);
//-------- loads the big photo-------
var photoLoader:UILoader = new UILoader();
photoLoader.width = 540;
photoLoader.height = 320;
photoLoader.y = 5;
photoLoader.x = 5;
photoLoader.buttonMode = true;
photoLoader.addEventListener(MouseEvent.CLICK,onClickBack);
loaderHolder.addChild(photoLoader);
/* we loop through the xml file
populate the arrayURL, arrayName and position the thumbnalis */
function fileLoaded(event:Event):void {
     myXML = XML(event.target.data);
     xmlList = myXML.children();
     for (var i:int=0; i<xmlList.length(); i++) {
          var picURL:String = xmlList[ i ].url;
          var picName:String = xmlList[ i ].big_url;
          arrayURL.push(picURL);
          arrayName.push(picName);
          holderArray[ i ] = new Thumbnail(arrayURL<i>,i,arrayName<i>);
          holderArray[ i ].addEventListener(MouseEvent.CLICK,onClick);
          holderArray[ i ].name = arrayName<i>;
          holderArray[ i ].buttonMode = true;
          if (i<nrColumns) {
               holderArray[ i ].y = 65;
               holderArray[ i ].x = i*110+65;
          } else {
               holderArray[ i ].y = holderArray[i-nrColumns].y+110;
               holderArray[ i ].x = holderArray[i-nrColumns].x;
          thumbsHolder.addChild(holderArray[ i ]);
//----handles the Click event added to the thumbnails--
function onClick(event:MouseEvent):void {
     photoLoader.source = event.currentTarget.name;
     Tweener.addTween(thumbsHolder, {x:-650, time:1, transition:"easeInElastic"});
     Tweener.addTween(loaderHolder, {x:10, time:1, transition:"easeInElastic"});
     Tweener.addTween(thumbsHolder, {alpha:0, time:1, transition:"linear"});
     Tweener.addTween(loaderHolder, {alpha:1, time:1, transition:"linear"});
//----handles the Click event added to the photoLoader----
function onClickBack(event:MouseEvent):void {
     Tweener.addTween(thumbsHolder, {x:0, time:1, transition:"easeInElastic"});
     Tweener.addTween(loaderHolder, {x:1000, time:1, transition:"easeInElastic"});
     Tweener.addTween(thumbsHolder, {alpha:1, time:2, transition:"linear"});
     Tweener.addTween(loaderHolder, {alpha:0, time:2, transition:"linear"});
}</i></i></i>