Помогите изменить javascript

[DreamCast]

Имеется следующий код:

<input type="image" onclick="insertText(document.getElementById('test'),'')" src="bold.gif" width="21" height="20" >
<br>
<textarea id="test" onselect="storeCaret(this)" onclick="storeCaret(this)"
onkeyup="storeCaret(this)" rows="10" cols="50"></textarea><br>
<script>
function storeCaret(element){
  if (typeof(document.selection) != 'undefined' && typeof(document.selection.createRange) !=
'undefined')
    element.caretPos=document.selection.createRange().duplicate();
}

function insertText(element, text)
{
  if (!element)
    return;

  element.focus();
  if (typeof(element.caretPos) != 'undefined')
    element.caretPos.text = text;
  else if (typeof(element.selectionStart) != 'undefined')
  {
    var newPos = element.selectionEnd + text.length;
    element.value = element.value.substring(0, element.selectionStart) + text +
element.value.substring(element.selectionEnd, element.value.length);
    element.setSelectionRange(newPos, newPos);
  }
  else
    element.value += text;
}
</script>

Что делает: вставка на место курсора (т.е. после него) в textarea текстовой информации "[В][/В]", при нажатии на кнопку (type="image").
Что хочется: переделать javascript, да так чтобы он продолжал работать не только в MSIE, а и в других броузерах, хочется так чтобы при нажатии на кнопку выделенный в окне текст оказывался между [В][/В], тоесть так [В]"выделенный в окне текст"[/В].
Буду благодарен за помощь, ибо яву не знаю совсем.