// 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 includesPath;
// var cssFile;

// Base widget path
// var urlWidgetBase = 'http//domain.com/path/to/widget/directory';
// var urlAppBase = 'http://domain.com/path/to/widget/index.cgi?g=';

function initRTE(imgPath, 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;
    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:silver; 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:1px inset;font-size:0px; width:1px; 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="">[Style]</option>');
        document.writeln('                <option value="<p>">Paragraph</option>');
        document.writeln('                <option value="<h1>">Heading 1 <h1></option>');
        document.writeln('                <option value="<h2>">Heading 2 <h2></option>');
        document.writeln('                <option value="<h3>">Heading 3 <h3></option>');
        document.writeln('                <option value="<h4>">Heading 4 <h4></option>');
        document.writeln('                <option value="<h5>">Heading 5 <h5></option>');
        document.writeln('                <option value="<h6>">Heading 6 <h6></option>');
        document.writeln('                <option value="<address>">Address <ADDR></option>');
        document.writeln('                <option value="<pre>">Formatted <pre></option>');
        document.writeln('            </select>');
        document.writeln('        </td>');
        document.writeln('        <td>');
        document.writeln('            <select id="fontname_' + rte + '" onchange="Select(\'' + rte + '\', this.id)">');
//        document.writeln('            <select id="fontname_' + rte + '" onchange="FormatText(\'' + rte + '\', this.id)">');
        document.writeln('                <option value="Font" selected>[Font]</option>');
        document.writeln('                <option value="Arial, Helvetica, sans-serif">Standard</option>');
//        document.writeln('                <option value="Courier New, Courier, mono">Courier New</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('            </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">[Size]</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="Bold" title="Bold" onClick="FormatText(\'' + rte + '\', \'bold\', \'\')"></td>');
        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'italic.gif" width="25" height="24" alt="Italic" title="Italic" onClick="FormatText(\'' + rte + '\', \'italic\', \'\')"></td>');
        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'underline.gif" width="25" height="24" alt="Underline" title="Underline" onClick="FormatText(\'' + rte + '\', \'underline\', \'\')"></td>');
        document.writeln('        <td><span class="vertSep"></span></td>');
        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'left_just.gif" width="25" height="24" alt="Align Left" title="Align Left" onClick="FormatText(\'' + rte + '\', \'justifyleft\', \'\')"></td>');
        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'centre.gif" width="25" height="24" alt="Center" title="Center" onClick="FormatText(\'' + rte + '\', \'justifycenter\', \'\')"></td>');
        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'right_just.gif" width="25" height="24" alt="Align Right" title="Align Right" onClick="FormatText(\'' + rte + '\', \'justifyright\', \'\')"></td>');
        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'justifyfull.gif" width="25" height="24" alt="Justify Full" title="Justify Full" onclick="FormatText(\'' + rte + '\', \'justifyfull\', \'\')"></td>');
        document.writeln('        <td><span class="vertSep"></span></td>');
        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'hr.gif" width="25" height="24" alt="Horizontal Rule" title="Horizontal Rule" onClick="FormatText(\'' + rte + '\', \'inserthorizontalrule\', \'\')"></td>');
        document.writeln('        <td><span class="vertSep"></span></td>');
        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'numbered_list.gif" width="25" height="24" alt="Ordered List" title="Ordered List" onClick="FormatText(\'' + rte + '\', \'insertorderedlist\', \'\')"></td>');
        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'list.gif" width="25" height="24" alt="Unordered List" title="Unordered List" onClick="FormatText(\'' + rte + '\', \'insertunorderedlist\', \'\')"></td>');
        document.writeln('        <td><span class="vertSep"></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><div id="forecolor_' + rte + '"><img class="btnImage" src="' + imagesPath + 'textcolor.gif" width="25" height="24" alt="Text Color" title="Text Color" 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="Background Color" title="Background Color" onClick="FormatText(\'' + rte + '\', \'hilitecolor\', \'\')"></div></td>');
        document.writeln('        <td><span class="vertSep"></span></td>');

// Modifed by Aki to allow for specialized screens to appear when adding links or images
        document.writeln('        <td><div id="createlink_' + rte + '"><img class="btnImage" src="' + imagesPath + 'hyperlink.gif" width="25" height="24" alt="Insert Link" title="Insert Link" onClick="FormatText(\'' + rte + '\', \'createlink\')"></div></td>');
        document.writeln('        <td><div id="addimage_'   + rte + '"><img class="btnImage" src="' + imagesPath + 'image.gif" width="25" height="24" alt="Add Image" title="Add Image" onClick="FormatText(\'' + rte + '\', \'addimage\')"></div></td>');

        if (isIE) document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'spellcheck.gif" width="25" height="24" alt="Spell Check" title="Spell Check" onClick="checkspell()"></td>');
//        document.writeln('        <td><span class="vertSep"></span></td>');
//        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'cut.gif" width="25" height="24" alt="Cut" title="Cut" onClick="FormatText(\'' + rte + '\', \'cut\')"></td>');
//        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'copy.gif" width="25" height="24" alt="Copy" title="Copy" onClick="FormatText(\'' + rte + '\', \'copy\')"></td>');
//        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'paste.gif" width="25" height="24" alt="Paste" title="Paste" onClick="FormatText(\'' + rte + '\', \'paste\')"></td>');
//        document.writeln('        <td><span class="vertSep"></span></td>');
//        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'undo.gif" width="25" height="24" alt="Undo" title="Undo" onClick="FormatText(\'' + rte + '\', \'undo\')"></td>');
//        document.writeln('        <td><img class="btnImage" src="' + imagesPath + 'redo.gif" width="25" height="24" alt="Redo" title="Redo" onClick="FormatText(\'' + rte + '\', \'redo\')"></td>');
        document.writeln('        <td width="100%"></td>');
        document.writeln('    </tr>');
        document.writeln('</table>');

// Added by Aki to hook into the CMS images Thu Aug 12 08:22:42 PDT 2004
        document.writeln( '<iframe id="lp'+rte
                            + '" src=""'
                            + ' marginwidth="0" marginheight="0" width="260" height="190" scrolling="no" style="visibility:hidden;position:absolute;display:none"></iframe>')
        document.writeln( '<iframe id="ip'+rte
                            + '" src=""'
                            + ' marginwidth="0" marginheight="0" width="260" height="190" scrolling="no" style="visibility:hidden;position:absolute;display:none"></iframe>')


    }
    document.writeln('<iframe id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px"></iframe>');
    if (!readOnly) document.writeln('<br /><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" />&nbsp;View Source');
    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 pausecomp(millis)
{
    date = new Date();
    var curDate = null;
    do { var curDate = new Date(); }
    while(curDate-date < millis);
}

 function getIFrameDocRef(ref)
{
    // special thanks to David Andersson <http://liorean.web-graphics.com/>
    return 
        ( typeof ref.contentDocument != 'undefined' )
            ? ref.contentDocument
            : 
                ( typeof ref.contentWindow != 'undefined' )
                ? ref.contentWindow.document 
                    : 
                        ( typeof ref.document != 'undefined' )
                        ? ref.document : null;
}


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 href="' + cssFile + '" rel="stylesheet">\n';
    }
    frameHtml += "<style>\n";


frameHtml += "body {\n";
frameHtml += "	margin:8px;\n";
frameHtml += "	padding:8px;\n";
frameHtml += "}\n";
frameHtml += "body, td {\n";
frameHtml += "	font-family:arial,sans-serif;\n";
frameHtml += "	font-size:13px;\n";
frameHtml += "}\n";
frameHtml += "\n";
frameHtml += ".maintable{\n";
frameHtml += "	border:1px solid #797D17;\n";
frameHtml += "}\n";
frameHtml += ".subnav {\n";
frameHtml += "	color: #FFF;\n";
frameHtml += "	font-weight:bold;\n";
frameHtml += "	font-size:12px;\n";
frameHtml += "}\n";
frameHtml += ".info {\n";
frameHtml += "	color: #FFF;\n";
frameHtml += "	font-weight:bold;\n";
frameHtml += "	font-size:11px;\n";
frameHtml += "}\n";
frameHtml += ".footer {\n";
frameHtml += "	font-size:9px;\n";
frameHtml += "\n";
frameHtml += "}\n";
frameHtml += "\n";
frameHtml += ".header{\n";
frameHtml += "	color:#FF312E;\n";
frameHtml += "	font-size:20px;\n";
frameHtml += "	font-weight:bold;\n";
frameHtml += "}\n";
frameHtml += "\n";
frameHtml += ".sideheader{\n";
frameHtml += "	color:#797D17;\n";
frameHtml += "	font-size:20px;\n";
frameHtml += "	font-weight:bold;\n";
frameHtml += "}\n";
frameHtml += "a.sideheader{color:#797D17;font-weight:bold;}\n";
frameHtml += "a.sideheader:hover{color:#797D17;font-weight:bold;}\n";
frameHtml += "\n";
frameHtml += ".subhead{\n";
frameHtml += "	color:#FF312E;\n";
frameHtml += "	font-size:14px;\n";
frameHtml += "}\n";
frameHtml += "a.subhead{color:#FF312E;font-weight:bold;}\n";
frameHtml += "a.subhead:hover{color:#FF312E;font-weight:bold;}\n";
frameHtml += "\n";
frameHtml += "\n";
frameHtml += "/* page section id's */\n";
frameHtml += "#body {background-color:#FFF;}\n";
frameHtml += "#nav {background-color:#797D17;}\n";
frameHtml += "#subnav {background-color:#FF312E;}\n";
frameHtml += "#content {\n";
frameHtml += "	background-color:#FFF;\n";
frameHtml += "	padding: 20px;\n";
frameHtml += "	text-align:left;\n";
frameHtml += "}\n";
frameHtml += "#info {background-color:#797D17;}\n";
frameHtml += "#footer {background-color:#A7A966;}\n";
frameHtml += "\n";
frameHtml += "\n";
frameHtml += "a{color:#797D17;font-weight:bold;}\n";
frameHtml += "a:hover{color:#797D17;font-weight:bold;}\n";
frameHtml += "\n";
frameHtml += "a.subnav{color:#F1F8D3;font-weight:bold;text-decoration:none;font-size:12px;}\n";
frameHtml += "a.subnav:hover{color:#fff;font-weight:bold;text-decoration:none;font-size:12px;}\n";
frameHtml += "\n";
frameHtml += "a.info{color:#F1F8D3;}\n";
frameHtml += "a.info:hover{color:#fff;}\n";
frameHtml += "\n";
frameHtml += "a.footer{color:#000;font-weight:bold;}\n";
frameHtml += "a.footer:hover{color:#555;font-weight:bold;}\n";
frameHtml += "\n";
frameHtml += "/* current hot topic border */\n";
frameHtml += ".box{\n";
frameHtml += "	border: 1px solid #FF312E;\n";
frameHtml += "	padding:6px;\n";
frameHtml += "	width:90%;\n";
frameHtml += "}\n";
frameHtml += "\n";
frameHtml += "/* calendar classes */\n";
frameHtml += ".calendar {\n";
frameHtml += "	border: 1px solid #000;\n";
frameHtml += "}\n";
frameHtml += ".calendarhead{\n";
frameHtml += "	background-color:#eee;\n";
frameHtml += "	border: 1px solid #000;\n";
frameHtml += "}\n";
frameHtml += "\n";
frameHtml += "/* horizontal rules */\n";
frameHtml += ".horz{\n";
frameHtml += "	color:#FF312E;\n";
frameHtml += "	height:7px;\n";
frameHtml += "	width:100%;\n";
frameHtml += "}\n";
frameHtml += "\n";
frameHtml += "/* so forms will not create any unnecessary white space */\n";
frameHtml += ".forms{\n";
frameHtml += "	margin-bottom:0;\n";
frameHtml += "	padding:0;\n";
frameHtml += "	display:inline;\n";
frameHtml += "}\n";
frameHtml += "\n";
frameHtml += ".generic-control {\n";
frameHtml += "	margin-bottom:0;\n";
frameHtml += "	padding:0;\n";
frameHtml += "	display:inline;\n";
frameHtml += "}\n";
frameHtml += "\n";
frameHtml += "\n";
frameHtml += "\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 {

            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:" + e);
            }

            if ( !readOnly ) {
                try {
                   document.getElementById(rte).contentDocument.designMode = 'on';
                } catch (e) {
//                    pausecomp( 100 );
//                    alert( document.getElementById(rte).contentDocument.designMode );
                    setTimeout("enableDesignMode('" + rte + "', html_"+rte+", " + readOnly + ");", 200+rand());
//                   setTimeout( "document.getElementById('"+rte+"').contentDocument.designMode = 'on'", 200 );
//                   setTimeout( function () {document.getElementById(rte).contentDocument.designMode = 'on';} , 200 );
                }
            }


        } catch (e) {
            //gecko may take some time to enable design mode.
            //Keep looping until able to set.
            if (isGecko) {
                setTimeout("enableDesignMode('" + rte + "', html_"+rte+", " + 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) {
// --------------------------------------------------
    //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 viewing source, switch back to design view
        if (document.getElementById("chkSrc" + rte).checked) {
            document.getElementById("chkSrc" + rte).checked = false;
            toggleHTMLSrc(rte);
        }
        
        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 = "";
        //fix for gecko
        if (escape(oHdnMessage.value) == "%3Cbr%3E%0D%0A%0D%0A%0D%0A") oHdnMessage.value = "";
    }
}

function toggleHTMLSrc(rte) {
// --------------------------------------------------
    //contributed by Bob Hutzel (thanks Bob!)
    var oRTE;
    if (document.all) {
        oRTE = frames[rte].document;
    } else {
        oRTE = document.getElementById(rte).contentWindow.document;
    }
    
    if (document.getElementById("chkSrc" + rte).checked) {
        document.getElementById("Buttons1_" + rte).style.visibility = "hidden";
        document.getElementById("Buttons2_" + rte).style.visibility = "hidden";
        if (document.all) {
            oRTE.body.innerText = oRTE.body.innerHTML;
        } else {
            var htmlSrc = oRTE.createTextNode(oRTE.body.innerHTML);
            oRTE.body.innerHTML = "";
            oRTE.body.appendChild(htmlSrc);
        }
    } else {
        document.getElementById("Buttons1_" + rte).style.visibility = "visible";
        document.getElementById("Buttons2_" + rte).style.visibility = "visible";
        if (document.all) {
            oRTE.body.innerHTML = oRTE.body.innerText;
        } else {
            var htmlSrc = oRTE.body.ownerDocument.createRange();
            htmlSrc.selectNodeContents(oRTE.body);
            oRTE.body.innerHTML = htmlSrc.toString();
        }
    }
}

//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") {

            //save current values
            currentRTE = rte;

            //position and show color palette
            buttonElement = document.getElementById(command + '_' + rte);
            var myElement = document.getElementById('lp' + rte);
            myElement.style.left = getOffsetLeft(buttonElement) + "px";
            myElement.style.top = (getOffsetTop(buttonElement) + buttonElement.offsetHeight) + "px";
            if (myElement.style.visibility == "hidden") {
                myElement.style.visibility = "visible";
                myElement.style.display = "inline";
                myElement.src = urlWidgetBase+'/rte/link.html&id=lp' + rte;
            } else {
                myElement.style.visibility = "hidden";
                myElement.style.display = "none";
            }

/*
 * Commented out by Aki to allow code that links better into CMS
 *
            var szURL = prompt("Enter a 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 == "addimage" ) { 

/*
 * Added in by Aki to allow for code that links into the gallery component of the CMS
 */

            //save current values
            currentRTE = rte;

            //position and show color palette
            buttonElement = document.getElementById(command + '_' + rte);
            var myElement = document.getElementById('ip' + rte);
            myElement.style.left = getOffsetLeft(buttonElement) + "px";
            myElement.style.top = (getOffsetTop(buttonElement) + buttonElement.offsetHeight) + "px";
            if (myElement.style.visibility == "hidden") {
                myElement.style.visibility = "visible";
                myElement.src = urlWidgetBase + '/rte/gallery.html&id=ip' + rte;
                myElement.style.display = "inline";
            } else {
                myElement.style.visibility = "hidden";
                myElement.style.display = "none";
            }

        } else {
            oRTE.focus();
            oRTE.document.execCommand(command, false, option);
            oRTE.focus();
        }
    } catch (e) {
        alert(e);
    }
}

function createLink ( link ) {
// --------------------------------------------------
    var rte = currentRTE;
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
    } else {
        oRTE = document.getElementById(rte).contentWindow;
    }

    if (document.all) {
        //retrieve selected range
        var sel = oRTE.document.selection; 
        if (sel != null) {
            var newRng = sel.createRange();
            newRng = rng;
            newRng.select();
        }
    }

    oRTE.focus();
    oRTE.document.execCommand("Unlink", false, null);
    oRTE.document.execCommand("CreateLink", false, link );
    oRTE.focus();
    document.getElementById('lp' + rte).style.visibility = "hidden";
    document.getElementById('lp' + rte).style.display = "none";
}

function insertImage ( imagePath ) {
// --------------------------------------------------
    var rte = currentRTE;
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
    } else {
        oRTE = document.getElementById(rte).contentWindow;
    }

    if (document.all) {
        //retrieve selected range
        var sel = oRTE.document.selection; 
        if (sel != null) {
            var newRng = sel.createRange();
            newRng = rng;
            newRng.select();
        }
    }

// find out if this is a specialised type of imagePath...
    var regexResources = /resource:\/\/(\w+)\/(\w+)/;
    var matchData;
    if ( matchData = imagePath.match( regexResources ) ) {
        imagePath = urlAppBase + "/gallery/resource/" + matchData[1] + "/" + matchData[2];
    }

    if ( imagePath.length == 0 ) {
        return;
    }

// now, figure out how to deal with all this... might
// get quite ugly quickly
    if ((imagePath != null) && (imagePath != "")) {
        oRTE.focus();
        oRTE.document.execCommand("InsertImage", false, imagePath );
        oRTE.focus();
    }

    document.getElementById('ip' + rte).style.visibility = "hidden";
    document.getElementById('ip' + rte).style.display = "none";
}

//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 perform spell check
function checkspell() {
// --------------------------------------------------
    try {
        var tmpis = new ActiveXObject("ieSpell.ieSpellExtension");
        tmpis.CheckAllLinkedDocuments(document);
    }
    catch(exception) {
        if(exception.number==-2146827859) {
            if (confirm("ieSpell not detected.  Click Ok to go to download page."))
                window.open("http://www.iespell.com/download.php","DownLoad");
        } else {
            alert("Error Loading ieSpell: Exception " + exception.number);
        }
    }
}

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
}