How would I go about making this work?

Hi

I’m in the stages of brainstorming ideas for a web site for a new font that is coming out. For one of the ideas I wanted to make something interactive and sort of experimental. Basically I want to have each character of the font be represented by a tiny circle; all the circles will then be randomly placed on stage. On roll over each circle a small blobby window opens up next to it showing which character it represents. Until now, no problem, but here’s where I need help:

I want to have a dynamic text field where the user can insert text and click a button to preview it on stage. When that button is clicked I want the circles corresponding to the input characters to be placed in position and reveal the word. Basically make the circles move from their random location on stage to a centered location and reveal their letters, and in doing so revealing the word the user input.

What I’m trying to understand is how I would go about doing this. I know all the characters on stage will be inside an array. I know that when the user inputs the text I have to create a for loop, having as limit the number of characters keyed in including spaces; but I don’t know how to relate a keyed in letter in a dynamic text field with the array of objects on my stage.

I’m not looking for actual code or anything, just help with know what the best course of action to achieve this would be.

Thanks!