Proc se mi nevklada smajlik?

<script language="javascript" type="text/javascript">
function smajlik(text) {

  var textfield = document.getElementById('foo');

    if (textfield.createTextRange && textfield.caretPos) {

      var caretPos = textfield.caretPos;

      caretPos.text =  caretPos.textarea.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;

  } else textfield.value += text;

  textfield.focus(caretPos)

}
</script>

  <form action="novinky_uloz.php" method="post">
   <input type=\text" name="nick" maxlength="50"/> nick <br/>
   <input type="text" name="datum" maxlength="50"/> datum <br/>
   <input type="text" name="nadpis" maxlength="50"/> nadpis <br/>
   <img onclick="javascript:smajlik(':-) ')" src="pic/1.gif" width="20" height="20"><br>
   <textarea name="clanek" rows="15" cols="30">Článek</textarea><br/> 
   <input type="submit" name="sent" value="Pošli"/>
  </form>