How to change dynamic text on mouse click of an object

Question

Here is my Project File.
I'm wanting to change dynamic text when an object is clicked.
I created 3 dynamic text boxes under "Selected Colors" and gave them instance names of selected_roof_color, selected_trim_color and selected_wall_color.
When the user clicks a color (ie Arctic White) and then clicks say the roof, I want the "Selected Color" to display "Arctic White" to the right of "Roof:". 
The colorable areas on the building have been given instances of roof, walls and trim.
I used this tutorial to change in the textbox underneath the colors when you mouse over a color.
Thank you for your assistance.

Answer 1

My first button color is Arctic White and it has an instance of arcticwhite.
The actionscript for the Arctic White Button is:
on (release) {
    _root.fillColor = 0xf3f5f4;
    _root.brush.gotoAndStop(1);
The roof button has an instance of selected_roof_color and my dynamic text field where I want "Arctic White" to appear is given an instance of selected_roof_text.
Using your suggestion, my main Actionscript now has the following
roof.addEventListener(MouseEvent.CLICK,roof);
function roof(e:MouseEvent):void{
selected_roof_text.text="roof";
Looks like I've still got something incorrect as the selected_roof_text isn't changing when I click a color onto the roof.
Can you explain what the F in "roofF" is?  Is that a typo?