Textarea'ya yazı eklemek

Merhaba, ufak bir konuda yardıma ihtiyacım var.

Basit text editörlerde olan bir resme, bir smileye yada herhangi bir linke basınca text areaya bir metin yazdırılmasını nasıl yapabilirim?
Küçük bir örnekle bu smileye basınca bu text editördeki gibi text areada ": )" belirmesini istiyorum.

<script type="javascript">
function ver(d,a,b)
{
  var o=document.getElementById(d);
  if(document.selection && !window.opera)
  {
          var rg=document.selection.createRange();
          if(rg.parentElement()==o) {
                  rg.text = a+rg.text+b;
                  rg.select();
                } else alert("dilerseniz metin de secebilirsiniz");
  }
  else if(o.textLength||window.opera)
  {
          var s = o.value;
          o.value = s.substring(0,o.selectionStart)+a+s.substring(o.selectionStart,o.selectionEnd)+b+s.substring(o.selectionEnd,o.textLength);
  } else o.value += a+b;
  o.focus();
  return false;
}
</script>

Yukarısı script, aşağısı kullanılan kod.

<textarea cols="50" name="mesaj" rows="6" id="text"> <!-- id bölümü önemli -->
<br>
<a href="javascript:;" onclick="ver('text','',':)')"><img src="gulucuk.jpg"/></a>

hocam teşekkürler ilgin için fakat kodu aynen kullanmama rağmen başarılı olamadım.