Xml Data , Media Galley And Sectins Overlap :((

Hi There,

'm making media gallery. Hv three sections ,photos, videos, audios.
Each section has contents comming externally form xml file. Having all code in one keyframe on main time line..using (Action Script 3.0)

for eg : When I go from photo section to video section, images and txt from photo remains in video section. one section to another sections the contents .


A soultion wil be a great help...I'm not able to figure it out..
Thanks in advance
-----------------------------
import caurina.transitions.Tweener;
import caurina.transitions.properties.FilterShortcuts;
FilterShortcuts.init();

var introbutton = new IntroButton;
var mybg = new BgMain;
var topbar = new TopImage;
var bottombar = new BottomImage;
var photos_btn = new PhotosBtn;
var videos_btn = new VideosBtn;
var audios_btn = new AudiosBtn;
var photoshow1 = new PhotoNum1;
var photoshow2 = new PhotoNum2;
var photoshow3 = new PhotoNum3;
var photoshow4 = new PhotoNum4;
var mytext = new TextShow;
var myvideo = new VideoDisplay;
var videocaption = new VideocaptionDisplay;
var butterfly = new ButterFly;


var bigImages:XML = new XML(); // global variable to display large images ..
var pic =0; // var pic is assigned
//var bigInfo:TextField = new TextField;


var myheader = new HeaderText;
var headerstring:String =" "
myheader.headertxt.text = headerstring;


introbutton.x = 60;
introbutton.y = 555;
mybg.x = 800;
mybg.y = 0;
topbar.x = 800;
topbar.y = 4;
bottombar.x = -800;
bottombar.y = 554;

videos_btn.x = 560;
videos_btn.y = 0;
videos_btn.alpha = 0;
audios_btn.x = 660;
audios_btn.y = -18;
audios_btn.alpha = 0;
photos_btn.x = 450;
photos_btn.y = -18;
photos_btn.alpha = 0;

photoshow1.x= 390;
photoshow1.y= 600;
photoshow1.scaleX=.9;
photoshow1.scaleY=.9;
photoshow1.rotate =90;
photoshow2.x= 80;
photoshow2.y= 600;
photoshow2.scaleX=.9;
photoshow2.scaleY=.9;
photoshow3.x= -210;
photoshow3.y= 320;
photoshow3.scaleX=.9;
photoshow3.scaleY=.9;
photoshow4.x= 135;
photoshow4.y= -225;
photoshow4.scaleX=.9;
photoshow4.scaleY=.9;

myheader.x = 600;
myheader.y = 10;
myheader.alpha =0;
myvideo.x = 20;
myvideo.y = 200;
myvideo.alpha = 0;
videocaption.x = 375;
videocaption.y = 250;
videocaption.alpha = 0;
mytext .x = 825;
mytext .y = 293;
mytext.alpha = 0;
butterfly.x = 30,
butterfly.y = 500;
butterfly.scaleX=0;
butterfly.scaleY =0;


addChild(mybg);
addChild(topbar);
addChild(bottombar);
addChild(photos_btn);
addChild(videos_btn);
addChild(audios_btn);
addChild(photoshow1);
addChild(photoshow2);
addChild(photoshow3);
addChild(photoshow4);
addChild(myheader);
addChild(mytext);
addChild(butterfly);
addChild(introbutton);
addChild(videocaption);

// button mode -for hand cursor
introbutton.buttonMode = true;
photos_btn.buttonMode = true;
videos_btn.buttonMode = true;
audios_btn.buttonMode = true;

//event listeners for buttons
introbutton.addEventListener(MouseEvent.CLICK,intr oAnimation);
photos_btn.addEventListener(MouseEvent.CLICK,photo Gallery);
videos_btn.addEventListener(MouseEvent.CLICK,video Gallery);
audios_btn.addEventListener(MouseEvent.CLICK,audio Gallery);



function introAnimation(evt:MouseEvent):void {

removeVideoGallery();
removePhotoGallery();

Tweener.addTween(mybg,{x:0, y:0, time:1,transition:"easeInCirc"});
Tweener.addTween(photoshow1,{ x:50, y:110, alpha:.9, scaleX:1,scaleY:1,time:2,delay:0.1,transition:"eas eOutBounce"});
Tweener.addTween(photoshow2,{ x:165, y:150, alpha:.9,scaleX:1,scaleY:1,time:2,delay:0.3,transi tion:"easeOutBounce"});
Tweener.addTween(photoshow3,{ x:245 ,y:145, alpha:.9, scaleX:1,scaleY:1,time:2,delay:0.5,transition:"eas eOutBounce"});
Tweener.addTween(photoshow4,{ x:115 ,y:275, alpha:.9, scaleX:1,scaleY:1,time:2,delay:0.7,transition:"eas eOutBounce"});
Tweener.addTween(mytext, { x:610, y:293, alpha:.9,time:3,delay:2,_Blur_blurX:0,transition:" easeOutExpo"})
Tweener.addTween(myheader,{x:600,y:3,alpha:0,time: 2,delay:1,transition:"easeInExpo"});

//trace(introbutton);


}



// intro animation-bg
Tweener.addTween(mybg,{x:0, y:0, time:1,transition:"easeInCirc", onComplete:showSlides});

// intro animation -- slides
function showSlides ():void {
Tweener.addTween(topbar,{x:1,y:4,time:1,transition :"easeInOutQuard"});
Tweener.addTween(bottombar,{x:320,y:544,time:1,tra nsition:"easeInOutQuard", onComplete:showMenu});//top anad bottom sildes..main

}
// intro animation -- show menu
function showMenu ():void {

Tweener.addTween(photos_btn,{ x:450, y:570, alpha:.9, time:0.5,delay:0.1,transition:"easeOutBounce"});
Tweener.addTween(videos_btn,{ x:560, y:570, alpha:.9, time:0.5,delay:0.3,transition:"easeOutBounce"});
Tweener.addTween(audios_btn,{ x:670 ,y:570, alpha:.9, time:0.5,delay:0.7,transition:"easeOutBounce", onComplete:showPhotos});

}

// intro animation -- for photos
function showPhotos ():void {

Tweener.addTween(photoshow1,{ x:50, y:110, alpha:.9, scaleX:1,scaleY:1,time:2,delay:0.1,transition:"eas eOutBounce"});
Tweener.addTween(photoshow2,{ x:165, y:150, alpha:.9,scaleX:1,scaleY:1,time:2,delay:0.3,transi tion:"easeOutBounce"});
Tweener.addTween(photoshow3,{ x:245 ,y:145, alpha:.9, scaleX:1,scaleY:1,time:2,delay:0.5,transition:"eas eOutBounce"});
Tweener.addTween(photoshow4,{ x:115 ,y:275, alpha:.9, scaleX:1,scaleY:1,time:2,delay:0.7,transition:"eas eOutBounce"});
Tweener.addTween(mytext, { x:610, y:293, alpha:.9,time:3,delay:2,_Blur_blurX:0,transition:" easeOutExpo"});

}

//------------------photo gallery starts here--------------//
var xpos =20;
function photoGallery(evt:MouseEvent):void {
renewButtons();
removeIntro();
removeVideoGallery();
headerstring="PHOTO GALLERY";

if(myvideo.stage) {
removeVideo();
}

evt.target.removeEventListener(MouseEvent.CLICK,ph otoGallery);
evt.target.buttonMode = false;
Tweener.addTween(evt.target,{alpha:.3,time:1});
Tweener.addTween(myheader,{alpha:.0,time:1,onCompl ete:changeText})

Tweener.addTween(mybg,{x:-800, y:0, time:1,transition:"easeInCirc"});
Tweener.addTween(myheader,{x:600,y:3,alpha:1,time: 2,delay:1,transition:"linear"});

Tweener.addTween(butterfly, {x:600,y:150,scaleX:.3, scaleY:.3, time:2, delay:2});
Tweener.addTween(myheader,{x:600,y:3,alpha:1,time: 2,delay:1,transition:"linear"});



var myXMLURL: URLRequest = new URLRequest("images.xml");

var myLoader:URLLoader = new URLLoader();
myLoader.load(myXMLURL);
myLoader.addEventListener(Event.COMPLETE, xmlLoaded);


var cssRequest: URLRequest = new URLRequest("mediagallery.css");
var cssLoader:URLLoader = new URLLoader(cssRequest);
var styles:StyleSheet = new StyleSheet;
cssLoader.addEventListener(Event.COMPLETE,cssLoade d);

var imageinfo:TextField = new TextField;
//bigInfo = Imageinfo;
imageinfo.multiline = true;
imageinfo.wordWrap= true;
imageinfo.x = 500;
imageinfo.y =225;
imageinfo.width = 200;
imageinfo.styleSheet = styles;
addChild(imageinfo);

var largeframe = new BigFrame;
largeframe.x = xpos;
largeframe.y =100;
largeframe.scaleX = 0.90
largeframe.scaleY = 0.80;

largeframe.addEventListener(MouseEvent.MOUSE_DOWN, startDragging);
largeframe.addEventListener(MouseEvent.MOUSE_UP, stopDragging);


function cssLoaded(evt:Event):void {
styles.parseCSS(cssLoader.data);
}


function xmlLoaded(evt:Event):void {
var myImages:XML = new XML(evt.target.data);
bigImages = myImages; //bigImages is equals to myImages.. so it has all the properties of myImages
for (var i :Number=0; i<myImages.image.length(); i++) {
var myRequest:URLRequest = new URLRequest(myImages.image[i].url);
var myLoader:Loader = new Loader();
myLoader.load(myRequest);
var smallframe = new SmallFrame;
smallframe.addChild(myLoader);
smallframe.x = xpos;
smallframe.y =500;
smallframe.scaleX = 0.15;
smallframe.scaleY = 0.15;
addChild(smallframe);
smallframe.addEventListener(MouseEvent.CLICK,large Image);
xpos += 75;

// loads static image for display. we make request every time we want to load object from outside.
}
var loadimage:URLRequest = new URLRequest(myImages.image[0].url);
var imageloader:Loader = new Loader();
imageloader.load(loadimage);
largeframe.addChild(imageloader);
addChild(largeframe);
imageinfo.htmlText ="<span class = 'date'>"+myImages.image[0].date+"</span><br/><span class ='caption'>"+myImages.image[0].caption+"</span>";
}

function largeImage(evt:MouseEvent) { // traces mouse event for thumbnails
trace(evt.target.name);
if (evt.target.name=="instance4"){ //conditonal statement for target name..that is thumbnail instance is linked with large photos
pic=0; // array as in xml
}
else if (evt.target.name=="instance8")
{
pic=1;
}
else if (evt.target.name=="instance12"){
pic=2;
}
else if (evt.target.name=="instance16")
{
pic=3;
}
else if (evt.target.name=="instance20")
{
pic=4;
}

else if (evt.target.name=="instance24")
{
pic=5;
}
else if (evt.target.name=="instance28")
{
pic=6;
}
else if (evt.target.name=="instance32")
{
pic=7;
}
else if (evt.target.name=="instance36")
{
pic=8;
}
else if (evt.target.name=="instance40")
{
pic=9;
}
else if (evt.target.name=="instance44")
{
pic=10;
}

var bigImages:URLRequest = new URLRequest(bigImages.image[pic].url); // we request to bring large image
var bigloader:Loader = new Loader();
bigloader.load(bigImages); // connects to loader form the top as bigImages has all the properties of loader.
largeframe.addChild(bigloader); // big loader is attached to large frame
addChild(largeframe);

//bigInfo.htmlText ="<span class = 'date'>"+bigInfo.image[1].date+"</span><br/><span class ='caption'>"+bigInfo.image[1].caption+"</span>";
trace(bigImages);
//trace(bigInfo);

}



// start drag funciton
function startDragging(event:MouseEvent):void
{
largeframe.startDrag();

// stop drag funciton
}
function stopDragging(event:MouseEvent):void
{
largeframe.stopDrag();

}


//---------photogallery ends here--------------//


}

// video gallery starts here

function videoGallery(evt:MouseEvent):void {
renewButtons();
removeIntro();
removePhotoGallery();
headerstring = "VIDEO GALLERY";
evt.target.removeEventListener(MouseEvent.CLICK, videoGallery);
evt.target.buttonMode = false;
Tweener.addTween(evt.target,{alpha:.3,time:1});
Tweener.addTween(myheader,{alpha:0,time:1,transiti on:"easeInExpo",onComplete:changeText});
Tweener.addTween(mybg,{x:-1600,time:1,transition:"easeInCirc"});
Tweener.addTween(myheader,{x:600,y:3,alpha:1,time: 2,delay:1,transition:"easeInExpo"});
Tweener.addTween(myvideo,{x:20,y:180,alpha:1,time: 1,delay:1,transition:"linear"});
Tweener.addTween(videocaption,{x:375,y:230,alpha:1 ,time:1,delay:1,transition:"easeInQuard"});

addChild(myvideo);
myvideo.player.source = "heart.flv";
//trace(myvideo);
}

//audio gallery starts here

function audioGallery(evt:MouseEvent):void {
renewButtons();
removeIntro();
removePhotoGallery();
removeVideoGallery();
headerstring="AUDIO GALLERY";

if(myvideo.stage) {
removeVideo();
}

evt.target.removeEventListener(MouseEvent.CLICK,au dioGallery);
evt.target.buttonMode = false;
Tweener.addTween(evt.target,{alpha:.3,time:1});
Tweener.addTween(myheader,{alpha:.0,time:1,onCompl ete:changeText});

Tweener.addTween(mybg,{x:-2400, y:0, time:1,transition:"easeInCirc"});
Tweener.addTween(myheader,{x:600,y:3,alpha:1,time: 2,delay:1});


}

// remove intro animation

function removeIntro():void {

Tweener.addTween(photoshow1,{ x:200, y:400, scaleX:.1,scaleY:.1,alpha:0, time:1,delay:0.1,transition:"easeInOutCircle"});
Tweener.addTween(photoshow2,{ x:-20, y:250, scaleX:.1,scaleY:.1,alpha:0, time:1,delay:0.2,transition:"easeInOutCircle"});
Tweener.addTween(photoshow3,{ x:300 ,y:300, scaleX:.1,scaleY:.1,alpha:0, time:1,delay:0.3,transition:"easeInOutCircle"});
Tweener.addTween(photoshow4,{ x:-10 ,y:150, scaleX:.1,scaleY:.1,alpha:0, time:1,delay:0.4,transition:"easeInOutCircle"});
Tweener.addTween(mytext, { x:900, y:293, alpha:.0,time:2,transition:"easeOutExpo"});

}
// remove photogallery animation

function removePhotoGallery():void {

Tweener.addTween(myheader,{x:600,y:3,alpha:0,time: 0.5,transition:"linear"});
Tweener.addTween(butterfly, {x:700,y:150,scaleX:.1, scaleY:.1, time:2, alpha:0});


}

// // remove videogallery animation

function removeVideoGallery():void {
Tweener.addTween(myvideo,{x:20,y:250,alpha:0,time: 0.5,transition:"easeInCirc"});
Tweener.addTween(videocaption,{x:375,y:225,alpha:0 ,time:0.5,transition:"easeInCirc"});
Tweener.addTween(myheader,{x:600,y:3,alpha:0,time: 0.5,transition:"linear"});


}

// change text funciton

function changeText():void {
myheader.headertxt.text = headerstring;

}


// renew button funciton
function renewButtons():void{

photos_btn.addEventListener(MouseEvent.CLICK,photo Gallery);
videos_btn.addEventListener(MouseEvent.CLICK,video Gallery);
audios_btn.addEventListener(MouseEvent.CLICK,audio Gallery);
photos_btn.buttonMode = true;
videos_btn.buttonMode = true;
audios_btn.buttonMode =true;
photos_btn.alpha = 1;
videos_btn.alpha = 1;
audios_btn.alpha = 1;
}

// remove video funciton
function removeVideo():void {
myvideo.alpha = 0;
removeChild(myvideo);
myvideo.player.source ="dummy.flv";

}
--------------------------------------------------



Sabs

• Invalid Media Data Error - Pls Help
• Get Byte Data From Media Content
• Trace Bitmap Gets Invalid Media Data Error
• Galley Help Pls?
• Photo Galley
• Vertical XML Galley
• Vertical XML Galley
• Photo Galley Help
• Xml Galley Problem ...
• Galley Script Help, Please
• Optimizing Photo Galley
• Dynamic Flash Galley With PHP?
• Galley Text Problem
• Another Photo Galley Question (yay..)
• Optimizing Photo Galley
• Galley Has Mucho Mc's, How To Return...
• Random XML Photo Galley
• Dynamic Flash Galley With PHP?
• Galley Text Problem
• Xml.load Galley Problem And Xml Guestbook Doubt.
• Images In Kirup Photo Galley Flipped Horizontally
• Images In Kirup Photo Galley Flipped Horizontally
• Media Controller Or Media Playback Wont Work
• [CS3|AS3] Accessing Media Portion Of A Media Atom Feed
• Save "Shareobject" Data In A Server Without Flash Media Server.
• Help Creating Media Player Using Media Components
• Div Overlap
• Sound Overlap
• Movieclip Overlap
• Overlap Swf Inside Swf
• Movie Overlap
• Sound Overlap Through AS
• Hit Test - Don't Allow Overlap
• Can't Overlap Buttons...what To Do?
• Sound Overlap ~_~
• Stage Overlap
• Using HitTest For No-overlap
• Help With Overlap Test
• LoadMovie Overlap Help Please
• Object Overlap
• Button Overlap Tip
• Button Overlap?
• Overlap Function Help
• Image Overlap Each Other
• AS2 - Overlap Problem
• Overlap Sounds
• Html Img Overlap
• Voiceovers In My Tutorial Overlap.please Help
• Button Overlap Issue
• Movie Menu Overlap Help Please Help
• Movie Menu Overlap Help Please Help