Dynamic Text & Image Change?

My friend and I are in competition on who can make the most realistic Pokedex from Pokemon. He is using Javascript/HTML and I’m using Flash and embedding it into an HTML document. He has 36 weeks of work ahead of me (he decided to make 150 individual pages!) and he is nearing completion. I have had 6 days of work done.

My problem is I can’t figure out how to make it where I can change the the dynamic text and sprite with a CLICK function. Here is the rundown of my project:

All my dynamic fields and sprites (movie clips) are on “Layer 1”. Each has an instance name and var of “pokeName”, “pokeNumber”, etc. I have a movie clip on “Layer 2” which has buttons embedded into it. I have a scroll bar that works (if that matters).

Here is the code I have, if anyone can alter it or explain a better way. I prefer AS2 because I can’t get ANYTHING too work with AS3. I’m on Flash 10.

s001.CLICK = function() {
    pokeNumber.text = "001";
    pokeName1.text = "Bulbasaur";
    pokeName2.text = "Bulbasaur";
    pokeSpecies.text = "Seed Pokemon";
    pokeWT.text = "15.2lbs."
    pokeHT.text = "2-00";
    pokeInfo.text = "It can go for days without eating a single morsel. In the bulb on its back, it stores energy."
    pokemonSprite.contentPath = "../Images/Pokemon/001.png"
}
s002.CLICK = function() {
    pokeNumber.text = "002";
    pokeName1.text = "Ivysaur";
    pokeName2.text = "Ivysaur";
    pokeSpecies.text = "Seed Pokemon";
    pokeWT.text = "28.7lbs."
    pokeHT.text = "3-03";
    pokeInfo.text = "The bulb on its back grows by drawing energy. It gives off an aroma when it is ready to bloom."
    pokemonSprite.contentPath = "../Images/Pokemon/002.png"
}