// Cross-Browser Rich Text Editor
// http://www.kevinroth.com/rte/demo.htm
// Written by Kevin Roth (kevin@NOSPAMkevinroth.com - remove NOSPAM)

//init variables
var isRichText = false;
var rng;
var currentRTE;
var allRTEs = "";

var isIE;
var isGecko;
var isSafari;
var isKonqueror;

var imagesPath;
var smiliesPath;
var includesPath;
var cssFile;


function initRTE(imgPath, smlPath, incPath, css) {
        //set browser vars
        var ua = navigator.userAgent.toLowerCase();
        isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1));
        isGecko = (ua.indexOf("gecko") != -1);
        isSafari = (ua.indexOf("safari") != -1);
        isKonqueror = (ua.indexOf("konqueror") != -1);

        //check to see if designMode mode is available
        if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
                isRichText = true;
        }

        if(!isIE) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT | Event.MOUSEDOWN | Event.MOUSEUP);
        document.onmouseover = raiseButton;
        document.onmouseout  = normalButton;
        document.onmousedown = lowerButton;
        document.onmouseup   = raiseButton;

        //set paths vars
        imagesPath = imgPath;
        smiliesPath = smlPath;
        includesPath = incPath;
        cssFile = css;

        //for testing standard textarea, uncomment the following line
        //isRichText = false;
}

function writeRichText(rte, html, width, height, buttons, readOnly) {
        if (isRichText) {
                if (allRTEs.length > 0) allRTEs += ";";
                allRTEs += rte;
                writeRTE(rte, html, width, height, buttons, readOnly);
        } else {
                writeDefault(rte, html, width, height, buttons, readOnly);
        }
}

function writeDefault(rte, html, width, height, buttons, readOnly) {
        if (!readOnly) {
                document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;">' + html + '</textarea>');
        } else {
                document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;" readonly>' + html + '</textarea>');
        }
}

function raiseButton(e) {
        if (isIE) {
                var el = window.event.srcElement;
        } else {
                var el= e.target;
        }

        className = el.className;
        if (className == 'btnImage' || className == 'btnImageLowered') {
                el.className = 'btnImageRaised';
        }
}

function normalButton(e) {
        if (isIE) {
                var el = window.event.srcElement;
        } else {
                var el= e.target;
        }

        className = el.className;
        if (className == 'btnImageRaised' || className == 'btnImageLowered') {
                el.className = 'btnImage';
        }
}

function lowerButton(e) {
        if (isIE) {
                var el = window.event.srcElement;
        } else {
                var el= e.target;
        }

        className = el.className;
        if (className == 'btnImage' || className == 'btnImageRaised') {
                el.className = 'btnImageLowered';
        }
}

function writeRTE(rte, html, width, height, buttons, readOnly) {
        if (isIE) {
                var tablewidth = width;
        } else {
                var tablewidth = width + 4;
        }

        if (readOnly) buttons = false;
        if (buttons == true) {
                document.writeln('<style type="text/css">');
                document.writeln('.btnImage { background-color:silver; border: 2px solid silver; cursor: pointer; cursor: hand;}');
                document.writeln('.btnImageRaised { background-color:#DDDDDD; border: 2px outset; cursor: pointer; cursor: hand;}');
                document.writeln('.btnImageLowered { background-color:silver; border: 2px inset; cursor: pointer; cursor: hand;}');
                document.writeln('.vertSep { background-color:silver; border:0px inset;font-size:0px; width:0px; height:20px; }');
                document.writeln('.btnBack { background-color:silver; border:1px outset; letter-spacing:0; padding-top:2px; padding-bottom:2px }');
                document.writeln('img { border-style:none; }');
                document.writeln('</style>');
                document.writeln('<table class="btnBack" cellpadding=2 cellspacing=0 id="Buttons1_' + rte + '" width="' + tablewidth + '">');
                document.writeln('      <tr>');
                document.writeln('              <td>');
                document.writeln('                      <select id="formatblock_' + rte + '" onchange="Select(\'' + rte + '\', this.id);">');
                document.writeln('                              <option value="">[Estilo]</option>');
                document.writeln('                              <option value="<p>">Párrafo</option>');
                document.writeln('                              <option value="<h1>">Título 1 <h1></option>');
                document.writeln('                              <option value="<h2>">Título 2 <h2></option>');
                document.writeln('                              <option value="<h3>">Título 3 <h3></option>');
                document.writeln('                              <option value="<h4>">Título 4 <h4></option>');
                document.writeln('                              <option value="<h5>">Título 5 <h5></option>');
                document.writeln('                              <option value="<h6>">Título 6 <h6></option>');
                document.writeln('                              <option value="<address>">Dirección <ADDR></option>');
                document.writeln('                              <option value="<pre>">Formateado <pre></option>');
                document.writeln('                      </select>');
                document.writeln('              </td>');
                document.writeln('              <td>');
                document.writeln('                      <select id="fontname_' + rte + '" onchange="Select(\'' + rte + '\', this.id)">');
                document.writeln('                              <option value="Font" selected>[Tipo de letra]</option>');
                document.writeln('                              <option value="Arial, Helvetica, sans-serif">Arial</option>');
                document.writeln('                              <option value="Courier New, Courier, mono">Courier</option>');
                document.writeln('                              <option value="Times New Roman, Times, serif">Times New Roman</option>');
                document.writeln('                              <option value="Verdana, Arial, Helvetica, sans-serif">Verdana</option>');
                document.writeln('                              <option value="Georgia">Georgia</option>');
                document.writeln('                              <option value="Impact">Impact</option>');
                document.writeln('                              <option value="Helvetica">Helvetica</option>');
                document.writeln('                      </select>');
                document.writeln('              </td>');
                document.writeln('              <td>');
                document.writeln('                      <select unselectable="on" id="fontsize_' + rte + '" onchange="Select(\'' + rte + '\', this.id);">');
                document.writeln('                              <option value="Size">[Tamaño]</option>');
                document.writeln('                              <option value="1">1</option>');
                document.writeln('                              <option value="2">2</option>');
                document.writeln('                              <option value="3">3</option>');
                document.writeln('                              <option value="4">4</option>');
                document.writeln('                              <option value="5">5</option>');
                document.writeln('                              <option value="6">6</option>');
                document.writeln('                              <option value="7">7</option>');
                document.writeln('                      </select>');
                document.writeln('              </td>');
                document.writeln('              <td width="100%">');
                document.writeln('              </td>');
                document.writeln('      </tr>');
                document.writeln('</table>');
                document.writeln('<table class="btnBack" cellpadding="0" cellspacing="0" id="Buttons2_' + rte + '" width="' + tablewidth + '">');
                document.writeln('      <tr>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'bold.gif" width="25" height="24" alt="Negrita" title="Negrita" onClick="FormatText(\'' + rte + '\', \'bold\', \'\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'italic.gif" width="25" height="24" alt="Cursiva" title="Cursiva" onClick="FormatText(\'' + rte + '\', \'italic\', \'\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'underline.gif" width="25" height="24" alt="Subrayado" title="Subrayado" onClick="FormatText(\'' + rte + '\', \'underline\', \'\')"></td>');
                document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'left_just.gif" width="25" height="24" alt="Alineado a la izquierda" title="Alineado a la izquierda" onClick="FormatText(\'' + rte + '\', \'justifyleft\', \'\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'centre.gif" width="25" height="24" alt="Centrado" title="Centrado" onClick="FormatText(\'' + rte + '\', \'justifycenter\', \'\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'right_just.gif" width="25" height="24" alt="Alineado a la derecha" title="Alineado a la derecha" onClick="FormatText(\'' + rte + '\', \'justifyright\', \'\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'justifyfull.gif" width="25" height="24" alt="Alineado a ambos márgenes" title="Alineado a ambos márgenes" onclick="FormatText(\'' + rte + '\', \'justifyfull\', \'\')"></td>');
                document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'hr.gif" width="25" height="24" alt="Linea horizontal" title="Linea horizontal" onClick="FormatText(\'' + rte + '\', \'inserthorizontalrule\', \'\')"></td>');
                document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'numbered_list.gif" width="25" height="24" alt="Lista numerada" title="Lista numerada" onClick="FormatText(\'' + rte + '\', \'insertorderedlist\', \'\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'list.gif" width="25" height="24" alt="Lista no numerada" title="Lista no numerada" onClick="FormatText(\'' + rte + '\', \'insertunorderedlist\', \'\')"></td>');
                document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'outdent.gif" width="25" height="24" alt="Outdent" title="Outdent" onClick="FormatText(\'' + rte + '\', \'outdent\', \'\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'indent.gif" width="25" height="24" alt="Indent" title="Indent" onClick="FormatText(\'' + rte + '\', \'indent\', \'\')"></td>');
                document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
                document.writeln('              <td><div id="forecolor_' + rte + '"><img class="btnImage" src="' + imagesPath + 'textcolor.gif" width="25" height="24" alt="Color de letra" title="Color de letra" onClick="FormatText(\'' + rte + '\', \'forecolor\', \'\')"></div></td>');
                document.writeln('              <td><div id="hilitecolor_' + rte + '"><img class="btnImage" src="' + imagesPath + 'bgcolor.gif" width="25" height="24" alt="Color de fondo" title="Color de fondo" onClick="FormatText(\'' + rte + '\', \'hilitecolor\', \'\')"></div></td>');
                document.writeln('              <td width="100%"></td>');
                document.writeln('      </tr>');
                document.writeln('</table>');
                document.writeln('<table class="btnBack" cellpadding="0" cellspacing="0" id="Buttons3_' + rte + '" width="' + tablewidth + '">');
                document.writeln('      <tr>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'hyperlink.gif" width="25" height="24" alt="Insertar enlace" title="Insertar enlace" onClick="FormatText(\'' + rte + '\', \'createlink\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'email.gif" width="25" height="24" alt="Insertar email" title="Insertar email" onClick="FormatText(\'' + rte + '\', \'createmail\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'image.gif" width="25" height="24" alt="Insertar imagen" title="Insertar imagen" onClick="AddImage(\'' + rte + '\')"></td>');
if(isIE)        document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
if(isIE)        document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'cut.gif" width="25" height="24" alt="Recortar" title="Recortar" onClick="FormatText(\'' + rte + '\', \'cut\')"></td>');
if(isIE)        document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'copy.gif" width="25" height="24" alt="Copiar" title="Copiar" onClick="FormatText(\'' + rte + '\', \'copy\')"></td>');
if(isIE)        document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'paste.gif" width="25" height="24" alt="Pegar" title="Pegar" onClick="FormatText(\'' + rte + '\', \'paste\')"></td>');
                document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'undo.gif" width="25" height="24" alt="Deshacer" title="Deshacer" onClick="FormatText(\'' + rte + '\', \'undo\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + imagesPath + 'redo.gif" width="25" height="24" alt="Rehacer" title="Rehacer" onClick="FormatText(\'' + rte + '\', \'redo\')"></td>');
                document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
                document.writeln('              <td width="100%"></td>');
                document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_exclaim.gif"     width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_exclaim.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_idea.gif"        width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_idea.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_question.gif"    width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_question.gif\')"></td>');
                document.writeln('              <td><span class="vertSep"><img src="' + imagesPath + 'vr.gif" border="0"></span></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_arrowu.gif"      width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_arrowu.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_arrowl.gif"      width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_arrowl.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_arrowd.gif"      width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_arrowd.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_arrow.gif"       width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_arrow.gif\')"></td>');
                document.writeln('      </tr>');
                document.writeln('</table>');
                document.writeln('<table class="btnBack" cellpadding="0" cellspacing="0" id="Buttons3_' + rte + '" width="' + tablewidth + '">');
                document.writeln('      <tr>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_wink.gif"        width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_wink.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_twisted.gif"     width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_twisted.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_surprised.gif"   width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_surprised.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_smile.gif"       width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_smile.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_sad.gif"         width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_sad.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_rolleyes.gif"    width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_rolleyes.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_redface.gif"     width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_redface.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_razz.gif"        width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_razz.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_neutral.gif"     width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_neutral.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_mrgreen.gif"     width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_mrgreen.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_mad.gif"         width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_mad.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_lol.gif"         width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_lol.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_frown.gif"       width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_frown.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_evil.gif"        width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_evil.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_eek.gif"         width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_eek.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_cry.gif"         width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_cry.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_cool.gif"        width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_cool.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_confused.gif"    width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_confused.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_cheesygrin.gif"  width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_cheesygrin.gif\')"></td>');
                document.writeln('              <td><img class="btnImage" src="' + smiliesPath + 'icon_biggrin.gif"     width="19" height="19" alt="Insertar carita" title="Insertar carita" onClick="AddSmilie(\'' + rte + '\', \'icon_biggrin.gif\')"></td>');
                document.writeln('      </tr>');
                document.writeln('</table>');
        }
        document.writeln('<iframe id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px"></iframe>');
        document.writeln('<iframe width="254" height="174" id="cp' + rte + '" src="' + includesPath + 'palette.htm" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; display: none; position: absolute;"></iframe>');
        document.writeln('<input type="hidden" id="hdn' + rte + '" name="' + rte + '" value="">');
        document.getElementById('hdn' + rte).value = html;
        enableDesignMode(rte, html, readOnly);
}

function enableDesignMode(rte, html, readOnly) {
        var frameHtml = "<html id=\"" + rte + "\">\n";
        frameHtml += "<head>\n";
        //to reference your stylesheet, set href property below to your stylesheet path and uncomment
        if (cssFile.length > 0) {
                frameHtml += "<link media=\"all\" type=\"text/css\" href=\"" + cssFile + "\" rel=\"stylesheet\">\n";
        }
        frameHtml += "<style>\n";
        frameHtml += "body {\n";
        frameHtml += "  background: #FFFFFF;\n";
        frameHtml += "  margin: 0px;\n";
        frameHtml += "  padding: 0px;\n";
        frameHtml += "}\n";
        frameHtml += "</style>\n";
        frameHtml += "</head>\n";
        frameHtml += "<body>\n";
        frameHtml += html + "\n";
        frameHtml += "</body>\n";
        frameHtml += "</html>";

        if (document.all) {
                var oRTE = frames[rte].document;
                oRTE.open();
                oRTE.write(frameHtml);
                oRTE.close();
                if (!readOnly) oRTE.designMode = "On";
        } else {
                try {
                        if (!readOnly) document.getElementById(rte).contentDocument.designMode = "on";
                        try {
                                var oRTE = document.getElementById(rte).contentWindow.document;
                                oRTE.open();
                                oRTE.write(frameHtml);
                                oRTE.close();
                                if (isGecko && !readOnly) {
                                        //attach a keyboard handler for gecko browsers to make keyboard shortcuts work
                                        oRTE.addEventListener("keypress", kb_handler, true);
                                }
                        } catch (e) {
                                alert("Error preloading content.");
                        }
                } catch (e) {
                        //gecko may take some time to enable design mode.
                        //Keep looping until able to set.
                        if (isGecko) {
                                setTimeout("enableDesignMode('" + rte + "', '" + html + "', " + readOnly + ");", 10);
                        } else {
                                return false;
                        }
                }
        }
}

function updateRTEs() {
        var vRTEs = allRTEs.split(";");
        for (var i = 0; i < vRTEs.length; i++) {
                updateRTE(vRTEs[i]);
        }
}

function updateRTE(rte) {
        if (!isRichText) return;

        //set message value
        var oHdnMessage = document.getElementById('hdn' + rte);
        var oRTE = document.getElementById(rte);
        var readOnly = false;

        //check for readOnly mode
        if (document.all) {
                if (frames[rte].document.designMode != "On") readOnly = true;
        } else {
                if (document.getElementById(rte).contentDocument.designMode != "on") readOnly = true;
        }

        if (isRichText && !readOnly) {

                if (oHdnMessage.value == null) oHdnMessage.value = "";
                if (document.all) {
                        oHdnMessage.value = frames[rte].document.body.innerHTML;
                } else {
                        oHdnMessage.value = oRTE.contentWindow.document.body.innerHTML;
                }

                //if there is no content (other than formatting) set value to nothing
                if (stripHTML(oHdnMessage.value.replace("&nbsp;", " ")) == ""
                        && oHdnMessage.value.toLowerCase().search("<hr") == -1
                        && oHdnMessage.value.toLowerCase().search("<img") == -1) oHdnMessage.value = "";
                //fix for gecko
                if (escape(oHdnMessage.value) == "%3Cbr%3E%0D%0A%0D%0A%0D%0A") oHdnMessage.value = "";
        }
}

//Function to format text in the text box
function FormatText(rte, command, option) {
        var oRTE;
        if (document.all) {
                oRTE = frames[rte];

                //get current selected range
                var selection = oRTE.document.selection;
                if (selection != null) {
                        rng = selection.createRange();
                }
        } else {
                oRTE = document.getElementById(rte).contentWindow;

                //get currently selected range
                var selection = oRTE.getSelection();
                rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
        }

        try {
                if ((command == "forecolor") || (command == "hilitecolor")) {
                        //save current values
                        parent.command = command;
                        currentRTE = rte;

                        //position and show color palette
                        buttonElement = document.getElementById(command + '_' + rte);
                        document.getElementById('cp' + rte).style.left = getOffsetLeft(buttonElement) + "px";
                        document.getElementById('cp' + rte).style.top = (getOffsetTop(buttonElement) + buttonElement.offsetHeight) + "px";
                        if (document.getElementById('cp' + rte).style.visibility == "hidden") {
                                document.getElementById('cp' + rte).style.visibility = "visible";
                                document.getElementById('cp' + rte).style.display = "inline";
                        } else {
                                document.getElementById('cp' + rte).style.visibility = "hidden";
                                document.getElementById('cp' + rte).style.display = "none";
                        }
                } else if (command == "createlink") {
                        var szURL = prompt("Ingresar URL:", "");
                        try {
                                //ignore error for blank urls
                                oRTE.document.execCommand("Unlink", false, null);
                                oRTE.document.execCommand("CreateLink", false, szURL);
                        } catch (e) {
                                //do nothing
                        }
                } else if (command == "createmail") {
                        var szEMAIL = prompt("Ingresar email:", "");
                        try {
                                //ignore error for blank urls
                                oRTE.document.execCommand("Unlink", false, null);
                                oRTE.document.execCommand("CreateLink", false, 'mailto:'+szEMAIL);
                        } catch (e) {
                                //do nothing
                        }
                } else {
                        oRTE.focus();
                        oRTE.document.execCommand(command, false, option);
                        oRTE.focus();
                }
        } catch (e) {
                alert(e);
        }
}

//Function to set color
function setColor(color) {
        var rte = currentRTE;
        var oRTE;
        if (document.all) {
                oRTE = frames[rte];
        } else {
                oRTE = document.getElementById(rte).contentWindow;
        }

        var parentCommand = parent.command;
        if (document.all) {
                //retrieve selected range
                var sel = oRTE.document.selection;
                if (parentCommand == "hilitecolor") parentCommand = "backcolor";
                if (sel != null) {
                        var newRng = sel.createRange();
                        newRng = rng;
                        newRng.select();
                }
        }
        oRTE.focus();
        oRTE.document.execCommand(parentCommand, false, color);
        oRTE.focus();
        document.getElementById('cp' + rte).style.visibility = "hidden";
        document.getElementById('cp' + rte).style.display = "none";
}

//Function to add image
function AddImage(rte) {
        var oRTE;
        if (document.all) {
                oRTE = frames[rte];

                //get current selected range
                var selection = oRTE.document.selection;
                if (selection != null) {
                        rng = selection.createRange();
                }
        } else {
                oRTE = document.getElementById(rte).contentWindow;

                //get currently selected range
                var selection = oRTE.getSelection();
                rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
        }

        imagePath = prompt('Ingresar URL de la imagen:', 'http://');
        if ((imagePath != null) && (imagePath != "")) {
                oRTE.focus();
                oRTE.document.execCommand('InsertImage', false, imagePath);
                oRTE.focus();
        }
}

//Function to add Smilie
function AddSmilie(rte, smilie) {
        var oRTE;
        if (document.all) {
                oRTE = frames[rte];

                //get current selected range
                var selection = oRTE.document.selection;
                if (selection != null) {
                        rng = selection.createRange();
                }
        } else {
                oRTE = document.getElementById(rte).contentWindow;

                //get currently selected range
                var selection = oRTE.getSelection();
                rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
        }

        if ((smilie != null) && (smilie != "")) {
                oRTE.focus();
                oRTE.document.execCommand('InsertImage', false, smiliesPath+smilie);
                oRTE.focus();
        }
}

function getOffsetTop(elm) {
        var mOffsetTop = elm.offsetTop;
        var mOffsetParent = elm.offsetParent;

        while(mOffsetParent){
                mOffsetTop += mOffsetParent.offsetTop;
                mOffsetParent = mOffsetParent.offsetParent;
        }

        return mOffsetTop;
}

function getOffsetLeft(elm) {
        var mOffsetLeft = elm.offsetLeft;
        var mOffsetParent = elm.offsetParent;

        while(mOffsetParent) {
                mOffsetLeft += mOffsetParent.offsetLeft;
                mOffsetParent = mOffsetParent.offsetParent;
        }

        return mOffsetLeft;
}

function Select(rte, selectname) {
        var oRTE;
        if (document.all) {
                oRTE = frames[rte];

                //get current selected range
                var selection = oRTE.document.selection;
                if (selection != null) {
                        rng = selection.createRange();
                }
        } else {
                oRTE = document.getElementById(rte).contentWindow;

                //get currently selected range
                var selection = oRTE.getSelection();
                rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
        }

        var idx = document.getElementById(selectname).selectedIndex;
        // First one is always a label
        if (idx != 0) {
                var selected = document.getElementById(selectname).options[idx].value;
                var cmd = selectname.replace('_' + rte, '');
                oRTE.focus();
                oRTE.document.execCommand(cmd, false, selected);
                oRTE.focus();
                document.getElementById(selectname).selectedIndex = 0;
        }
}

function kb_handler(evt) {
        var rte = evt.target.id;

        //contributed by Anti Veeranna (thanks Anti!)
        if (evt.ctrlKey) {
                var key = String.fromCharCode(evt.charCode).toLowerCase();
                var cmd = '';
                switch (key) {
                        case 'b': cmd = "bold"; break;
                        case 'i': cmd = "italic"; break;
                        case 'u': cmd = "underline"; break;
                };

                if (cmd) {
                        FormatText(rte, cmd, true);
                        //evt.target.ownerDocument.execCommand(cmd, false, true);
                        // stop the event bubble
                        evt.preventDefault();
                        evt.stopPropagation();
                }
        }
}

function docChanged (evt) {
        alert('changed');
}

function stripHTML(oldString) {
        var newString = oldString.replace(/(<([^>]+)>)/ig,"");

        //replace carriage returns and line feeds
   newString = newString.replace(/\r\n/g," ");
   newString = newString.replace(/\n/g," ");
   newString = newString.replace(/\r/g," ");

        //trim string
        newString = trim(newString);

        return newString;
}

function trim(inputString) {
   // Removes leading and trailing spaces from the passed string. Also removes
   // consecutive spaces and replaces it with one space. If something besides
   // a string is passed in (null, custom object, etc.) then return the input.
   if (typeof inputString != "string") return inputString;
   var retValue = inputString;
   var ch = retValue.substring(0, 1);

   while (ch == " ") { // Check for spaces at the beginning of the string
      retValue = retValue.substring(1, retValue.length);
      ch = retValue.substring(0, 1);
   }
   ch = retValue.substring(retValue.length-1, retValue.length);

   while (ch == " ") { // Check for spaces at the end of the string
      retValue = retValue.substring(0, retValue.length-1);
      ch = retValue.substring(retValue.length-1, retValue.length);
   }

        // Note that there are two spaces in the string - look for multiple spaces within the string
   while (retValue.indexOf("  ") != -1) {
                // Again, there are two spaces in each of the strings
      retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ")+1, retValue.length);
   }
   return retValue; // Return the trimmed string back to the user
}