Вставка смайла где курсов а не в конце предложения ( .focus() )

Привет всем форумчанам!!!



Есть вопрос по скрипту который я никак не могу решить

Есть скрипт, который вставляет смайл по клику в div но не в том месте где курсор, а в самом конце предложения, и даже если сменить место курсора, все равно смайл вставляется в самый конец.

Скрипт модернизировал под свои нужны, но вот вставить функцию .focus() не получается... помогите пожалуйста разобраться и ткните пальцем и если несложно с маленьким объяснением!

Код:

<script>
var FieldSet=function(container,tagID){
this.browse=[];
this.container=(typeof container=='object')?container:document.getElementById(container)  ;
var id=0;

this.add=function(type){
var template={
input1:' <img src="/img/smail/1.png"> ',
input2:' <img src="/img/smail/2.png"> ',
input3:' <img src="/img/smail/3.png"> ',
table_name:''}
[type],
  wrapper=document.createElement("span");
   wrapper.innerHTML=template;
    this.container.appendChild(wrapper);
     this.browse.push(wrapper);         
      return wrapper;              
}
this.remove=function(index){
this.container.removeChild(this.browse.pop());
}
}
var browse=new FieldSet("browse");
</script>



<img src="/img/smail/1.png" onClick="browse.add('input1');" >

<div id="browse" contenteditable="true" > </div>

 

Есть кто может доработать скрипт и сколько это будет стоить???