klikke på smiley og føre over i text field

Hej

Jeg er ikke helt klar over om jeg er i den rigtige kategori, men here goes.

Jeg er ved at lave en gæstebog,det jeg gerne vil have er, at når brugeren truker på f.eks billedet smile.gif så "føres" :) over i mit tekstfelt (besked).

Her er koden.

<p id="t1">Opret et indlæg i gæstebogen      </p>
      <form name="form1" id="form1" method="post" action="">
        <table width="440" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="175" height="40" align="left" valign="top"><h4>Navn</h4>
              <input name="navn" type="text" id="navn" maxlength="25" style="background-color: #FFFF99;"/>
              <br />
            </td>
            <td width="249" rowspan="5" align="left" valign="top"><h4>Besked<br />
                <textarea name="textfield" cols="50" rows="10" style="background-color: #FFFF99;"></textarea>
            </h4></td>
          </tr>
          <tr>
            <td align="left" valign="top"><h4>Årgang</h4>

              <input name="aargang" type="text" id="aargang" /></td>
          </tr>
          <tr>
            <td align="left"><h4> E-mail adresse
              <input name="email" type="text" id="email" style="background-color: #FFFF99;"/>
</h4></td>
          </tr>
          <tr>
            <td height="37" align="left" valign="top"> <h4>Hjemmeside
              <input name="hjemmeside" type="text" id="hjemmeside" />
</h4></td>
          </tr>
          <tr>
            <td height="38" align="left" valign="bottom"><input type="submit" name="Submit" value="Tilføj dit indlæg" /></td>
          </tr>
        </table>
        <table width="340" height="16" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td><img src="smileys/smile.gif" alt="" width="15" height="15" id="smile" />
          <img src="smileys/laughing.gif" alt="" width="18" height="19" id="Laughing" />
          <img src="smileys/wink.gif" alt="" width="15" height="15" id="wink" />
          <img src="smileys/weeping.gif" alt="" width="25" height="15" id="weeping" />
          <img src="smileys/tongue.gif" alt="" width="15" height="15" id="tongue" />
          <img src="smileys/indifferent.gif" alt="" width="15" height="15" id="indifferent" />
          <img src="smileys/grin.gif" alt="" width="15" height="15" id="grin" />
          <img src="smileys/cool.gif" alt="" width="15" height="15" id="cool" />
          <img src="smileys/angry.gif" alt="" width="15" height="15" id="angry" />
          <img src="smileys/confused.gif" alt="" width="19" height="15" id="confused" />
          <img src="smileys/hyper.gif" alt="" width="16" height="16" id="hyper" /></td>
          </tr>
        </table>
        <br />
      </form>