no doy encontrado el error en esta función

[Legoltaz]

Código JavaScript:

function smiley(obj){
    var smileyRoot = obj.src;
    var smileyName = smileyRoot.substring(smileyRoot.lastIndexOf("/")+1,smileyRoot.indexOf("."));
    var smileyText = ":"+smileyName+":";
    var area = document.frm.area;
    area.innerHTML = area.innerHTML+" "+smileyText;
}
 

Código HTML:

<form name="frm">
<textarea name="area"></textarea>
</form>
<img src="smiley1.jpg" onClick="smiley(this)" /> <img src="img/8/riendo.gif" onClick="smiley(this)" />
 

El problema es que sólo me inserta los smileys si antes no se había escrito nada en el textarea. Es decir, si el textarea está vacío, inserta bien los smileyText, pero si en cambio quiero algo así: "hola que tal, :smiley:" no me lo inserta.