Como hacer esta función en javascript

[bendark23]

me estoy aventurando a crear, modificar, optimizar una barra de herramientas de bbcode con mucha ayuda de algunos foros - este principalmente - he encontrado muchos manuales tutos casi todos enfocados a reemplazar el bbcode por el html al momento de mostar el texto en las paginas web - ninguno enfocado a crear un barra de heramientas como esta donde escribo-

ejemplo

[URL=http://www.imaxenes.com/imagen/bbcodetoolbar1vd55kl.png.html][IMG]http://www.imaxenes.com/mini/bbcodetoolbar1vd55kl.png[/IMG][/URL]


aunque la verdad sin tanto boton- tengo un problema al no manejar javascript solo poco que he aprendido por aqui y por alla. pero...

Cómo podira hacerle para crear un boton de vieñetas como el de este bbcode que cuando le doy un clic en el text area me aparece [ list ] y seguido un cuadro de dialogo para poner el primer elemento de la lista en este caso si pongo primero me ponee
[ * ] primero y asi sucesivamente y hasta que le doy cancelar o cierro el cuadro de dialgo me pone el elemnto [ / list] perdon por separar pero si no se ponen como parte de este bbcode.

Código:

PRIMERO
SEGUNDO
TERCERO
 

para el [ IMG] tengo este dialgo
al darle clic al boton de imagen mando llamar al evento onclic y este seria el evento

Código:

function captura_imag(area){
	var my_link = prompt("Ingresar URL:","http://");
		if (my_link != null) {
			ins_imag('[img src=\"'+my_link+'\"]',area);
		}
}

de antemano muchas gracias por su ayuda...