Need Help W/ Conditional Statement...

Question

Hi guys,
I have a project uploaded at:
http://www.jasonfraziercreativedesign.com/client_sites/kimyarbrough2/
After everything has loaded into place, and you click on -- say MODELING -- the photos slide away, the separator bars disappear, and the particular (sample) content is loaded in.  This works wonderfully for all the buttons (MODELING, ACTING, MUSIC, SCHEDULE and ABOUT KIM) -- but only when you click on them when the site first loads.
If you try to click on the buttons again, when you're IN a section -- it will cycle through the animation again.
I know I need some kind of conditional statement that says if you're ALREADY LOOKING AT A SECTION (i.e. the sourceLoader.source = a section) then don't cycle through the animation again -- just get rid of the current content and display the appropriate new content.
If you're IN the MODELING SECTION, for instance and you click MODELING again -- I don't want Flash to do ANYTHING (ie NULL).  But if you're in MODELING, and you click on ACTING -- I just want the MODELING stuff to go away and present the ACTING stuff (no animation).
Here's the pertinent AS that I have currently -- any help about where to place the proper CONDITIONAL (if/else) statement would be so appreciated:
function swap_photos_place_content(theSection:String):void {
// ANIMATE THE 4 PANEL PHOTOS LEAVING THE CONTENT AREA
var photo1Tween:Tween = new Tween(kim_photo1_mc, "y", Regular.easeOut, kim_photo1_mc.y, 620, 2, true);
var photo2Tween:Tween = new Tween(kim_photo2_mc, "y", Regular.easeOut, kim_photo2_mc.y, -600, 2, true);
var photo3Tween:Tween = new Tween(kim_photo3_mc, "y", Regular.easeOut, kim_photo3_mc.y, 620, 2, true);
var photo4Tween:Tween = new Tween(kim_photo4_mc, "y", Regular.easeOut, kim_photo4_mc.y, -600, 2, true);
// AFTER THE LAST PHOTO HAS MOVED OUT, FADE UP THE CONTENT MASK
photo4Tween.addEventListener(TweenEvent.MOTION_FINISH, fadeup_content_mask);
     function fadeup_content_mask(event:TweenEvent):void {
     var main_mask_fadeoutTween:Tween = new Tween(main_mask_mc, "alpha", Regular.easeOut, 1, 0, 1, true );
     var content_mask_fadeupTween:Tween = new Tween(content_mask_mc, "alpha", Regular.easeOut, 0, 1, 1, true);
// AFTER THE CONTENT MASK FADES UP, THE STAGE IS READY TO LOAD IN THE CONTENT
content_mask_fadeupTween.addEventListener(TweenEvent.MOTION_FINISH, load_in_content);
          function load_in_content(event:TweenEvent):void {
// BEFORE LOADING IN THE NEW SECTION, TAKE AWAY THE OLD SECTION
sectionLoader.source=null;
trace("ready to load in content");
sectionLoader.source=theSection;
// ADD LISTENERS FOR THE SECTION-CONTENT CLICKS
inv_modeling_button.addEventListener(MouseEvent.CLICK, modeling_click);
function modeling_click(event:MouseEvent):void {
trace("modeling_click");
swap_photos_place_content("modeling.swf");
inv_acting_button.addEventListener(MouseEvent.CLICK, acting_click);
function acting_click(event:MouseEvent):void {
trace("acting_click");
swap_photos_place_content("acting.swf");
inv_music_button.addEventListener(MouseEvent.CLICK, music_click);
function music_click(event:MouseEvent):void {
trace("music_click");
swap_photos_place_content("music.swf");
inv_schedule_button.addEventListener(MouseEvent.CLICK, schedule_click);
function schedule_click(event:MouseEvent):void {
trace("schedule_click");
swap_photos_place_content("schedule.swf");
inv_aboutkim_button.addEventListener(MouseEvent.CLICK, aboutkim_click);
function aboutkim_click(event:MouseEvent):void {
trace("aboutkim_click");
swap_photos_place_content("aboutkim.swf");

Answer 1

One thing you can do is create a function that removes all the event listeners for all the buttons.  Then when you click a button run that function then add event listeners for all other buttons.