Champs text ou textarea en javascript

Bonjour,
j'ai créer un petit script (sans pretention) pour ajouter du texte dans un champ text ou textarea (jusque la ca marche)
Je voudrais savoir s'il est possible d'ajouter du text maintenant toujours dans le champ mais la ou est placer le curseur

Mon code

<script type="text/javascript>
<!--
function ajout()
{
document.getElementById("teste").value = "<b>   </b>";
}
//-->
<a href="javascript:ajout();">Gras</a>
<form action="action.php" method="POST">
<input type="text" name="teste" id="teste" value=""/>
</form>

donc apres avoir cliquer sur ajouter j'obtien dans mon champs <b> </b>

je voudrais savoir si en placant le curseur entre les balise <b> et </b> il serait possible d'appuyer sur un autre ajout et de le placer dedans ou en place ou ce trouve le curseur

autre exemple le fonctionnement des boutons d'ajout de ce site

je vous remercie d'avance