[AYUDA] Minichat

[kire]

Hola a todos... quisiera saber como hacer un javascript que cuando le le clic a una imagen me presente unos caracteres en el textarea(ejemplo : ":D")

estoy creando un minichat y no se como hacerlo, hasta ahora estoy usando lo siguiente:

Código HTML:

<div align="center" class="formulario">
  Para Usar Emoticonos: <br>
  :D = <img src="caretos/alegre.gif" alt="alegre" width="15" height="15"> :P = <img src="caretos/burla.gif" alt="burla" width="15" height="15"> :? = <img src="caretos/duda.gif" alt="duda" width="15" height="15"> :lol = <img src="caretos/lol.gif" alt="lol" width="15" height="15"> :(2 = <img src="caretos/demonio2.gif" alt="demonio2" width="15" height="15"> :\ = <img src="caretos/llorar.gif" alt="llorar" width="15" height="15"> <br>
    :) = <img src="caretos/risa.gif" alt="risa" width="15" height="15"> :8 = <img src="caretos/asustado.gif" alt="asustado" width="15" height="15"> :-( = <img src="caretos/enojado.gif" alt="enojo" width="15" height="15"> :( = <img src="caretos/triste.gif" alt="tite" width="15" height="15">
    </p>
</div> 

seria de mucho la ayuda de cualquiera de esta comunidad!

un saludo!