ayuda insertar emoticonos!!

[mytwm]

Hola amigos.. tengo un problema para insertar emoticonos en un textarea..

mi html:

Código HTML:

<textarea id="coment"></textarea><br><br>
<a href="#" onclick="emoticonos(':)')"><img alt=":)" src="/images/smileys/smiley.gif" /></a>
<a href="#" onclick="emoticonos(';)')"><img alt=";)" src="/images/smileys/wink.gif" /></a>
<a href="#" onclick="emoticonos(':D')"><img alt=":D" src="/images/smileys/cheesy.gif" /></a>
<a href="#" onclick="emoticonos('>:(')"><img alt=">:(" src="/images/smileys/angry.gif" /></a>
<a href="#" onclick="emoticonos(':(')"><img alt=":(" src="/images/smileys/sad.gif" /></a>
<a href="#" onclick="emoticonos(':o')"><img alt=":o" src="/images/smileys/shocked.gif" /></a>
<a href="#" onclick="emoticonos('8)')"><img alt="" src="/images/smileys/cool.gif" /></a>
<a href="#" onclick="emoticonos(':?:')"><img alt=":?:" src="/images/smileys/huh.gif" /></a> 

y mi javascript:

Código HTML:

function emoticonos(emo) {
coment.value += emo;
}

cuando haces click en cualquier emoticono se inserta en el textarea..
pero tiene 2 problemas..

1) se inserta en el final del textarea y no donde tenés el cursor..
2) cuando clickeas un emoticono, inserta el emoticono pero sube hasta el principio de la pagina (por el a href="#")

como soluciono eso??

Gracias

PD: es el post 666666

[mytwm]

es algo muy parecido a lo que hace este foro, no lo encuentro!!