I'm previewing fonts with this. I'm naming each image like "Ariala" corresponding to the letter of the alphabet and the font name and in the form when a user types the letters "TLM" and selects Arial from the drop down. BUT my question is..how can i adjust the order of the display, so for example if the user inputs "TLM" it will display the 3rd character, then the 1st character and lastly the 2nd character so it will show "TML". Any help would be greatly appreciated.

Happy Thanksgiving
Josh

Code:
<FORM ACTION="fontpreview2.cfm" method="post">
<tr>
	<td align="center" height="190">
			<select name="font">
				<option></option>				
					<option value="Arial">Arial</option>
					<option value="Arial2">Arial2</option>
					<option value="Arial3">Arial3</option>
					<option value="Arial4">Arial4</option>
			</select><br />
			
			<input type="text" name="preview" maxlength="3" size="20">
			<input type="submit" name="submit" value="Submit">
		</td>
</tr>
</FORM>

This is the code for the loop for the font image letters.

<cfoutput>
<cfloop from="1" to="#len(trim(form.preview))#" index="idx">
<img src="fontpreview/#form.font##mid(form.preview, idx, 1)#.gif" />
</cfloop>
</cfoutput>