Button interactivity issues

your approach (putting all the animations on the main timeline) is going to be an impossible mess unless you account for all combinations of animations, and then it would no longer be impossible, but it will still be a mess.  ie, you'll need 2**n sections of main timeline to display all possible combination of animation with n objects.

so again, use movieclips and put each movieclip's animation on its own timeline.  then use as3 to control:

stop();

var objects:Array = [this.lights, this.snow, this.song, etc];

for(var i:int=0;i<this.objects.length;i++){

objects[i].stop();

objects[i].addEventListener(MouseEvent.MOUSE_DOWN,objectF);

}

function objectF(e:MouseEvent){

e.currentTarget.play();

}

}

reset.addEventListener(MouseEvent.MOUSE_DOWN,resetF);

function resetF(e:MouseEvent){

for(i=0;i<objects.length;i++){

objects[i].gotoAndStop(1);

}

}

each animated object (lights, snow, song) should be a movieclip.  if this is canvas/html5, you could then use:

this.stop()

this.objects = [this.lights, this.snow, this.song, etc];

for(var i=0;i<this.objects.length;i++){

this.objects[i].stop();

this.objects[i].addEventListener("click",objectF.bind(this));

}

function objectF(e){

e.currentTarget.play();

}

}

this.reset.addEventListener("click",resetF.bind(this));

function resetF(){

for(var i=0;i<this.objects.length;i++){

this.objects[i].gotoAndStop(0);

}

}