Buttons changing colour of objects

The code I have used is below. When i click on a button colour the image changes which is good but if i click on the button twice, then the image changes to all different colours.

stop ()

black_btn.addEventListener(MouseEvent.CLICK, changeColor);

blue_btn.addEventListener(MouseEvent.CLICK, changeColor);

pink_btn.addEventListener(MouseEvent.CLICK, changeColor);

red_btn.addEventListener(MouseEvent.CLICK, changeColor);

mint_btn.addEventListener(MouseEvent.CLICK, changeColor);

orange_btn.addEventListener(MouseEvent.CLICK, changeColor);

function changeColor (event :MouseEvent) {

  if (this.currentFrame == this.totalFrames) {

  gotoAndStop (1);

  }

  else{

  nextFrame ();

  }

}

If you are trying to change the color of an image like you show I have never done it myself but I believe you need to have different images for each color.  Otherwise when you try to transform the color you get what you got... it changes all colors in the object to the single color you specify.

If it is possible to add just a tint change to an image using code but maintain the shading of different areas/colors I am definitely not knowledgeable in such techniques.  You might be able to have copies of the same image and perform such tinting manually to get the effect, but I think you want to get the true color if this is for some sales effort where people are expecting the color they choose to be the color they receive.  Get a shot of six of the actual differently colored ones together and let the color selection be a checkbox next to a color  swatch.

Let Rob help you in any case - he likely knows more about this than I do.