function initBBcode(IdName,BtnName,PrwName,Action,largeur,hauteur) {
  
     var InpBtn = '';
     var LabBtn = '';
     var DivBtn = '';
     
     var NamBtn = new Array('[b],[/b]','[u],[/u]','[i],[/i]','[s],[/s]','[align=left],[/align]','[align=center],[/align]','[align=right],[/align]','[align=justify],[/align]','[quote],[/quote]','[code],[/code]','[list=circle]\r\n[*],\r\n[/list]','[list=1]\r\n[*],\r\n[/list]','[list=a]\r\n[*],\r\n[/list]','[img],[/img]','[url],[/url]','[mail],[/mail]');
     var DesBtn = new Array('Negrita','Subrayar','Cursiva','Tachar','Izquierda','Centrar','Derecha','Justificar','Citar','Codigo','Listar','Listar Numerico','Listar Alfabetico','Insertar Imagen','Insertar Vinculo','Insertar Email');
     var ImgBtn = new Array('bold','underline','italic','strikethrough','Alinear Izquierda','Centrar','Alinear Derecha','alignjustify','quote','code','bullist','numlist','alphalist','image','link','mail');
     var TopicImg = new Array('bold','underline','italic','strike','left_just','centre','right_just','justify_just','quote','code','list','numbered_list','list','image','hyperlink','email');
 
     var DesCol = new Array('Color Texto','Color Fondo');
     var NamCol = new Array('[color=','[bgcolor=','[/color]','[/bgcolor]');
     
     var OptCol = new Array('Defecto', 'Rojo Oscuro', 'Rojo', 'Naranjo', 'Cafe', 'Amarillo', 'Verde', 'Olive', 'Cyan', 'Azul', 'Azul Oscuro', 'Indigo', 'Violeta','Blanco','Negro');
     var HtmCol = new Array('','darkred', 'red', 'orange', 'brown', 'yellow', 'green', 'olive', 'cyan', 'blue', 'darkblue', 'indigo', 'violet', 'white','black');
         
     var DesSize = 'Tamaņo del Texto';
     var NamSize = new Array('[size=','[/size]');
     var OptSize = new Array('Tamaņo','1','2','3','4','5','6');
     var HtmSize = new Array('medium','x-small','small','medium','large','x-large','12px');
     
     var DesFont = 'Fuente del Texto';
     var NamFont = new Array('[font=','[/font]');
     var OptFont = new Array('Fuente','Arial','Verdana','Century Gothic','Comic Sans MS','Courier New','Jokerman','Kristen ITC','Lucida Console');
         
     var Selection = 'try { if (document.selection) { objet.focus(); sel = document.selection.createRange(); sel.text = balise + sel.text + balise2; } else { if(objet.selectionStart==objet.selectionEnd) { if (balise=="[img]" && balise2=="[/img]") { var InfUrl=prompt("Ingrese la direccion de la imagen :", ""); } else { if (balise=="[url]" && balise2=="[/url]") { var InfUrl=prompt("Ingrese la direccion URL :", ""); } else { var InfUrl=""; } } var textedebut = objet.value.substring(0,objet.selectionStart); var textefin = objet.value.substring(objet.selectionEnd, objet.value.length); objet.value = textedebut + balise + InfUrl + balise2 + textefin; } else { var textedebut = objet.value.substring(0,objet.selectionStart); var textefin = objet.value.substring(objet.selectionEnd, objet.value.length); var texteSelection = objet.value.substring(objet.selectionStart, objet.selectionEnd); objet.value = textedebut + balise + texteSelection + balise2 + textefin; } } } catch(e) { alert(e); } ';
          
     document.write('<div id="BBCode_'+IdName+'" class="bbcode"></div><div id="Prev_'+IdName+'" class="bbcode"></div>');
     
     
     var html = '<form id="Form'+IdName+'" name="Form'+IdName+'" method="post" enctype="multipart/form-data" action="'+Action+'" onSubmit="return false;"><div id="BBCodeBouton_'+IdName+'"></div><div id="BBCodeArea_'+IdName+'"></div><div id="BBCodeSubmit_'+IdName+'"></div></form>';
     
     document.getElementById('BBCode_'+IdName).innerHTML = html;
     document.getElementById('BBCode_'+IdName).style.width = largeur+"px";
     document.getElementById('BBCode_'+IdName).align="left";
     
     
     document.getElementById('Prev_'+IdName).innerHTML = '<fieldset><legend>Previsualizacion :</legend></fieldset>';
     document.getElementById('Prev_'+IdName).style.display = "none";
     document.getElementById('Prev_'+IdName).align="left";
     
     document.getElementById('BBCodeArea_'+IdName).style.margin = "0px 2.5px";
     
     document.getElementById('BBCodeSubmit_'+IdName).style.padding = "5px";
          
     InpBtn = document.createElement( 'textarea' );
     InpBtn.id = IdName;
     InpBtn.name = IdName;
     InpBtn.style.height = hauteur+"px";
     InpBtn.style.width = largeur+"px";
     InpBtn.onkeyup = function() { previewit(IdName); }
     InpBtn.style.width = largeur - 10 + "px";
     
     document.getElementById('BBCodeArea_'+IdName).appendChild(InpBtn);
          
     InpBtn = document.createElement( 'input' );
     InpBtn.type = "submit";
     InpBtn.id = "Sub"+IdName;
     InpBtn.name = "Sub"+IdName;
     InpBtn.value = BtnName;
     InpBtn.onclick = function() {
		var prueba = document.all.topicname.value;
		document.getElementById(IdName).value = prueba + "#!#" + document.getElementById(IdName).value;
                 //document.getElementById(IdName).value = previewit(IdName);
                 eval("document.Form"+IdName+".submit();");
                 }
     
     document.getElementById('BBCodeSubmit_'+IdName).appendChild(InpBtn);
          
     InpBtn = document.createElement( 'input' );
     InpBtn.type = "hidden";
     InpBtn.id = "Hid"+IdName;
     InpBtn.name = "Hid"+IdName;
     InpBtn.value = "off";
     
     document.getElementById('BBCodeSubmit_'+IdName).appendChild(InpBtn);
       
     InpBtn = document.createElement( 'input' );
     InpBtn.type = "submit";
     InpBtn.id = "Prw"+IdName;
     InpBtn.name = "Prw"+IdName;
     InpBtn.value = PrwName;
     
     InpBtn.onclick = function() { document.getElementById('Prev_'+IdName).style.display = "block";
                                  var texte = previewit(IdName);
                                  document.getElementById('Prev_'+IdName).innerHTML = '<fieldset><legend>Previsualizacion :</legend>'+texte+'</fieldset>'; }
     
     document.getElementById('BBCodeSubmit_'+IdName).appendChild(InpBtn);
          
     DivBtn = document.createElement( 'div' );
     DivBtn.id = "SubBB_"+IdName;
     
     var i = 0;
     
     while (NamBtn[i]) {
             
             LabBtn = document.createElement( 'label' );
             LabBtn.title = DesBtn[i];
             
             InpBtn = document.createElement( 'input' );
             InpBtn.align = "middle";
             InpBtn.type = 'image';
             InpBtn.src = 'usr/pkgs/bbcode/image/'+TopicImg[i]+'.gif';
             
             var val = NamBtn[i].split(',');
             InpBtn.name = val[0];
             InpBtn.id = val[1];
             
             InpBtn.onclick = function() {
             
                     var objet = eval("document.Form"+IdName+"."+IdName+";");
                     var balise = this.name;
                     var balise2 = this.id;
                     
                     eval(Selection);
                     previewit(IdName);
             }
             
             LabBtn.appendChild(InpBtn);
             DivBtn.appendChild(LabBtn);
             
             i++;
             
     }
     
     document.getElementById('BBCodeBouton_'+IdName).appendChild(DivBtn);
          
     DivBtn = document.createElement( 'div' );
     DivBtn.id = "SelColBB_"+IdName;
     
     for (var i = 0;i < 2; i++) {
         
         LabBtn = document.createElement( 'label' );
         LabBtn.title = DesCol[i];
         
         LabBtn.innerHTML = "&nbsp;"+DesCol[i]+" : ";
         InpBtn = document.createElement( 'select' );
         InpBtn.id=NamCol[i];
         InpBtn.name=NamCol[i+2];
         
         var j = 0;
         
         while (OptCol[j]) {
         
             InpBtn.options[j] = new Option(OptCol[j],HtmCol[j]);
             if (i==0) {
                 InpBtn.options[j].style.color = HtmCol[j];
             } else {
                 InpBtn.options[j].style.background = HtmCol[j];
             }
             
             j++;
             
         }
         
         InpBtn.onchange = function() {
                     
                     var objet = eval("document.Form"+IdName+"."+IdName+";");
                     var balise = this.id+this.options[this.selectedIndex].value+']';
                     var balise2 = this.name;
                     
                     eval(Selection);
                     previewit(IdName);
         }
         
         LabBtn.appendChild(InpBtn);
         DivBtn.appendChild(LabBtn);
  
     }
     
     document.getElementById('BBCodeBouton_'+IdName).appendChild(DivBtn);
          
     DivBtn = document.createElement( 'div' );
     DivBtn.id = "SelFontBB_"+IdName;
     
     LabBtn = document.createElement( 'label' );
     LabBtn.title = DesFont;
     LabBtn.innerHTML = "&nbsp;"+DesFont+" : ";
     
     InpBtn = document.createElement( 'select' );
     InpBtn.id=NamFont[0];
     InpBtn.name=NamFont[1];
     
     var i = 0;
     
     while (OptFont[i]) {
         InpBtn.options[i] = new Option(OptFont[i],OptFont[i]);
         i++;
     }
     
     InpBtn.onchange = function() {
                     
                     var objet = eval("document.Form"+IdName+"."+IdName+";");
                     var balise = this.id+this.options[this.selectedIndex].value+']';
                     var balise2 = this.name;
                     
                     eval(Selection);
                     previewit(IdName);
     }
         
     LabBtn.appendChild(InpBtn);
     DivBtn.appendChild(LabBtn);
     
     document.getElementById('BBCodeBouton_'+IdName).appendChild(DivBtn);
          
     DivBtn = document.createElement( 'div' );
     DivBtn.id = "SelSizeBB_"+IdName;
     
     LabBtn = document.createElement( 'label' );
     LabBtn.title = DesSize;
     LabBtn.innerHTML = "&nbsp;"+DesSize+" : ";
     
     InpBtn = document.createElement( 'select' );
     InpBtn.id=NamSize[0];
     InpBtn.name=NamSize[1];
     
     var i = 0;
     
     while (OptSize[i]) {
         InpBtn.options[i] = new Option(OptSize[i],HtmSize[i]);
  
         i++;
     }
     
     InpBtn.onchange = function() {
                     
                     var objet = eval("document.Form"+IdName+"."+IdName+";");
                     var balise = this.id+this.options[this.selectedIndex].value+']';
                     var balise2 = this.name;
                     
                     eval(Selection);
                     previewit(IdName);
     }
         
     LabBtn.appendChild(InpBtn);
     DivBtn.appendChild(LabBtn);
     
     document.getElementById('BBCodeBouton_'+IdName).appendChild(DivBtn);
     
  
     
 }
 function previewit(Name) {
     
     if (document.getElementById('Prev_'+Name).style.display == "none") return false;
     
     var q1 = "<table align=center border=0 cellpadding=3 cellspacing=1 width=90%><tbody><tr><td><div align=\"left\" style=\"font-size : 11px; color: 000000;\"><b>";
     var q2 = "</b></div></td></tr><tr><td align=\"left\" style=\"font-family: Arial; font-size: 11px; color: 444444; background-color: FAFAFA; border: D1D7DC; border-style: solid; border-width: 1px;\">";
     var q3 = "</td></tr></tbody></table>";
     
     var texte = document.getElementById(Name).value;
     
     texte=texte.replace(/</g, '&lt;');
     texte=texte.replace(/>/g, '&gt;');
         
     texte=texte.replace(/\r\n|\r|\n/g, '<br />');
     texte=texte.replace(/\[(b|u|s|i|\/b|\/u|\/s|\/i)]/g,'<$1>');
     
     texte=texte.replace(/\[color=([^\[]*)\]/mig, '<span style=\'color:$1;\'>');
     texte=texte.replace(/\[bgcolor=([^\[]*)\]/mig, '<span style=\'background-color:$1;\'>');
     texte=texte.replace(/\[font=([^\[]*)\]/mig, '<span style=\'font-family:$1;\'>');
     texte=texte.replace(/\[size=([^\[]*)\]/mig, '<span style=\'font-size:$1;\'>');
     texte=texte.replace(/\[\/(color|bgcolor|font|size)\]/gi,'</span>');
     
     texte=texte.replace(/\[align=([^\[]*)\]/mig, '<div style=\'text-align:$1;\'>');
     texte=texte.replace(/\[\/align]/gi, '</div>');
     
     texte=texte.replace(/\[code]/gi, '<div align="left" style="color:000000;font-weight:bold; font-size: 11px;">Code :</div><div style="color:333333;background-color:F0F0F0;" align="left"><code lang="fr">');
     texte=texte.replace(/\[\/code]/gi, '</code></div>');
     
     texte=texte.replace(/\[quote]/gi, q1+'Cita:'+q2);
     texte=texte.replace(/\[quote=([^\[]*)\]/gi, q1+'$1 escribio :'+q2);
     texte=texte.replace(/\[\/quote]/gi, q3);
     
     texte=texte.replace(/\[url]([^\]]*)\[\/url]/mig,'<a href="$1" target="_blank">$1</a>');
     texte=texte.replace(/\[url=([^\[]*)\]([^\]]*)\[\/url\]/mig, '<a href=\'$1\' target=\'_blank\'>$2</a>');
     texte=texte.replace(/\[mail]([^\[]*)\[\/mail]/mig,'<a href="mailto:$1" target="_blank">$1</a>');
     texte=texte.replace(/\[mail=([^\[]*)\]([^\]]*)\[\/mail\]/mig, '<a href=\'mailto:$1\' target=\'_blank\'>$2</a>');
     texte=texte.replace(/\[img]([^\]]*)\[\/img]/mig,'<img src="$1" border="0" />');
  
     texte=texte.replace(/\[list=([^\]]*)\](.+)\[\/list]/mig, '<ul type="$1">$2</ul>');
     texte=texte.replace(/\[\*]([^\[]+)(?=(\[\*])|(<\/ul>))/mig, '<li>$1</li>');
  
     texte=texte.replace(/\<br \/><\/ul>/gi, '</ul>');
     texte=texte.replace(/<\/ul><br \/>/gi, '</ul>');
  
     texte=texte.replace(/<div([^\>]*)><br \/>/gi, '<div $1>');
     texte=texte.replace(/<\/div><br \/>/gi, '</div>');
     
     texte=texte.replace(/<span([^\>]*)><br \/>/gi, '<span $1>');
     texte=texte.replace(/(<\/span><br \/>|<br \/><\/span><br \/>|<br \/><\/span>)/gi, '</span>');
     
     texte=texte.replace(/<td([^\>]*)><br \/>/gi, '<td $1>');
     texte=texte.replace(/<\/table><br \/>/gi, '</table>');
     
     texte=texte.replace(/<code([^\>]*)><br \/>/gi, '<code $1>');
     texte=texte.replace(/(<\/code><br \/>|<br \/><\/code>|<br \/><\/code><br \/>)/gi, '</code>');
  
     document.getElementById('Prev_'+Name).innerHTML = '<fieldset><legend>Previsualizacion :</legend>'+texte+'</fieldset>';
     return (texte);
 }