Simple button to Image Display

create an array of the 11 vet names:

var vetA = ["Sam Gold", "Robert Alprin", etc ];

import all 11 images corresponding to the vets and assign links to each pic using the following convention, firstname_lastname.  eg, Sam_Gold, Robert_Alprin etc

create a movieclip with a textfield wide enough to accomodate the longest vet name without a line break.  assign an instance name of tf to the textfield and assign a linkage id of tf_mc to the movieclip.

use the following script:

var vetA = ["Sam Gold", "Robert Alprin", etc ];

// pick whatever initial values suits your esthetics

var mcY = 50;  // first vet name y

var mcX = 30; // all vet names y position

var picX = 300;  // all pics x

var picY = 50;  // all pics y

/////////////////////////////////////////////////

// end user defined variables //

////////////////////////////////////////////////

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

this["mc"+i] = new lib.tf_mc();

this["mc"+i].x = mcX;

this["mc"+i].y = (i+1)*mcY;

this.addChild(this["mc"+i]);

this["mc"+i].name = i.toString();

this["mc"+i].addEventListener("click",clickF.bind(this));

this["pic"+i] = new lib[vetA[i].split(" ").join"(_")];

this["pic"+i].name = "pic_"+i;

this["pic"+i].x = picX;

this["pic"+i].y = picY;

}

function clickF(e){

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

if(this.getChildByName("pic_"+i).stage){

this.removeChild(this.getChildByName("pic_"+i));

break;

}

}

this.addChild(this.getChildByName("pic_"+e.currentTarget.name));

}