Indsætte tegn rundt omkring markeret tekst

Hej.

Jeg har mig et textarea, hvor til jeg gerne vil tilføje nogle tegn rundt om markeringen, når der trykkes på en knap.

Hvis man så intet har markeret, skal der blot indsættes nogle tegn hvor markøren befinder sig i textarea'et.

Jeg ved jeg kan finde sådan en masse eksempler på bl.a. eksperten og ved at søge på google, men da jeg kun forstår en meget lille smule javascript, spørger jeg her, så jeg kan få det lavet så simpelt som muligt, og med forklaring.

Til formålet ved jeg der skal benyttes noget CreateRange for at finde ud af, hvor markøren befinder sig i textarea'et. Funktionen/scriptet skal minimum fungerer i alle "store" browsere, dvs. Internet Explorer, Firefox, Opera, Google Chrome samt Safari.

Så, lad os sige jeg har et textarea med id "mit_textarea" (Så kan der i hvertfald anvendes document.getElementById....) og 3 knapper. Trykkes der på den ene knap, vil markeringen i textarea'et få placeret [1] på den ene side, og [/1] på den anden side. Er der intet markeret, vil der blot bliver placeret følgende, på markørens placering inde i textarea'et: [1][/1]

Sådan fortsætter det med de andre 2 knapper, blot med [2], [3] osv.

Måske en lille begyndelse på det endelig script:

<script language="JavaScript">
function indsaet(tekst)
{
document.getElementById("mit_textarea").value += tekst;
}
</script>

//Kan jeg i øvrigt få af vide, hvad der er "bedst" at anvende?

<script language="JavaScrit">, <script> eller <script language="text/javascript"> Sidste nævnte kan jeg ikke helt huske, om er helt korrekt, men noget i den stil.

Nå videre:

<textarea cols="20" rows="7" id="mit_textarea"></textarea>

<input type="button" value="Indsæt et eller andet" onClick="indsaet('[1][/1]')">

Overstående vil kræve en del tid, og jeg vælger derfor at afsætte 200 point.

Jeg takker på forhånd.