Auto insert smilies/emoticon pada textarea

<html> <br /><head> <br /><title>smiley</title> <br /></head> <br /><body> <br /><script> <br />function addText(input,insText) { <br />input.focus(); <br />if( input.createTextRange ) { <br />document.selection.createRange().text += insText; <br />} else if( input.setSelectionRange ) { <br />var len = input.selectionEnd; <br />input.value = input.value.substr( 0, len ) <br />+ insText + input.value.substr( len ); <br />input.setSelectionRange(len+insText.length,len+insText.length); <br />} else { input.value += insText; } <br />} <br /></script> <br /><input onclick="addText(document.getElementById('yyy'),':)1');" src="http://www.myemoticons.com/emoticons/images/msn/moods/thumbsup.gif" type="image"/> <br /><input onclick="addText(document.getElementById('yyy'),':)2');" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibf52aBY388shR_dqAaX6wKSP7DpsJtk3MjHr9Q1C6EJy0qxAQbb5pXOiE33FTQMpGJbbfVHSAegbdA7XXg4fxMQY7rzVf4VvnGGBeXfnvQuHMvCAJvAAOv9rKx6LBeHQAel1Ifn5gCBlY/" type="image"/> <br /><input onclick="addText(document.getElementById('yyy'),':)3');" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66T7uG7uaeUnzben5QLW6-mF1Sj1VjiDtWuNHW_fryAue_B4_v-xktdMNhPpSM8WHEYXgH9PSbx4r47BCTAGNRXucjwdrnY8p4vdA1n4z3xCXJmhVBab-3de6FPa_PHmTBi4g7W1MpK1U/" type="image"/> <br /><form> <br /><textarea id="yyy">