Animation for Selecting a Name Randomly

I'm looking for someone to help us build an animation that gives the appearance of "selecting" a name out of a hat. Ideally how this works is that an end user clicks on a hat, or other icon on a page, and when that happens, letters "spill" or "swirl" onto the page, and randomly move around until a name is revealed in the center of the page. The function of "picking" the name from our database is done, so that can be passed to the "name decryptor" or "letter tornado" via Javascript or some other process that is ideal for you. When the animation begins, there should be more letters visible on the page than the final "result" will show. As the animation continues, the letters that won't be used should disappear, while the letters that will be used remain visible, and eventually move to the center of the page to reveal the result. Total animation time: About 7-10 seconds. For this first attempt, the "image" that the end user will click on is an upside down hat (attached), and the background of that page should simply be black, with the letters being white.