// Cross-Browser Rich Text Editor
// http://www.kevinroth.com/rte/demo.htm
// Written by Kevin Roth (kevin <at> NOSPAMkevinroth <dot> com - remove NOSPAM)
// Visit the support forums at http://www.kevinroth.com/forums/index.php?c=2
// This code is public domain. Redistribution and use of this code,  with or without modification,  is permitted.

//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;
var generateXHTML;

var lang = "en";
var encoding = "iso-8859-1";

function vlozSmajle(rte)
{
	document.writeln('<div id="smajliky" style="line-height:18px;width:400px;margin-left:10px;">');
	for (i = 1; i <= 33; i++)
	{
		smajlik = '';
		cislo = (i < 10)?("0"+i):(i);
		smajlik = smajlik + '<img OnClick="rteCommand(\'' + rte + '\',  \'InsertImage\',  \'images/_smajle/'+cislo+'.gif\')" ';
		smajlik = smajlik + 'src="images/_smajle/' + cislo + '.gif\" alt=\"' + cislo + '\">';
		document.writeln(smajlik);
	}
	document.writeln('</div>');	
}

//vlozi smajla do formulara
function zasmajluj(numero) 
{	
	var novaSprava;

	// smajle sa vkladaju len do 'textarea'
	if (poslednyTag.type != 'textarea') 
		return false;

	// 'tbox' reprezentuje 'textarea'	
	for (i=0; i<document.forms[0].elements.length; i++)
		if (document.forms[0].elements[i].type == 'textarea')
			tbox = document.getElementById(document.forms[0].elements[i].id);
	
	// premenne: staraSprava.sel_start, .sel_end, .sel_text, .sel_text_pre, .sel_text_post
	if ( (staraSprava = getpos(tbox.id)) == false)
		return false;

	novaSprava = staraSprava.sel_text_pre + " #"+ numero +" "+staraSprava.sel_text_post;
	tbox.value=novaSprava;
	tbox.focus();
	return true;
}


function initRTE(imgPath,  incPath,  css,  genXHTML) {
    //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);
    
    generateXHTML = genXHTML;
    
    //check to see if designMode mode is available
    //Safari/Konqueror think they are designMode capable even though they are not
    if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
        isRichText = true;
    }
    
    if (isIE) {
        document.onmouseover = raiseButton;
        document.onmouseout  = normalButton;
        document.onmousedown = lowerButton;
        document.onmouseup   = raiseButton;
    }
    
    //set paths vars
    imagesPath = imgPath;
    includesPath = incPath;
    cssFile = css;
    
    if (isRichText) document.writeln('<style type="text/css">@import "' + includesPath + 'rte.css";</style>');
    
    //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;
        
        if (readOnly) buttons = false;
        
        //adjust minimum table widths
        if (isIE) {
            if (buttons && (width < 540)) width = 540;
            var tablewidth = width;
        } else {
            if (buttons && (width < 540)) width = 540;
            var tablewidth = width + 4;
        }
		
		vlozSmajle(rte);
        
        document.writeln('<div class="rteDiv">');
        if (buttons == true) {
            document.writeln('<table class="rteBack" cellpadding=2 cellspacing=0 id="Buttons1_' + rte + '" width="' + tablewidth + '">');
            document.writeln('    <tr>');
            document.writeln('        <td>');
            document.writeln('            <select id="formatblock_' + rte + '" onchange="selectFont(\'' + rte + '\',  this.id);">');
            document.writeln('                <option value="">[Style]</option>');
            document.writeln('                <option value="<p>">Paragraph &lt;p&gt;</option>');
            document.writeln('                <option value="<h1>">Heading 1 &lt;h1&gt;</option>');
            document.writeln('                <option value="<h2>">Heading 2 &lt;h2&gt;</option>');
            document.writeln('                <option value="<h3>">Heading 3 &lt;h3&gt;</option>');
            document.writeln('                <option value="<h4>">Heading 4 &lt;h4&gt;</option>');
            document.writeln('                <option value="<h5>">Heading 5 &lt;h5&gt;</option>');
            document.writeln('                <option value="<h6>">Heading 6 &lt;h6&gt;</option>');
            document.writeln('                <option value="<address>">Address &lt;ADDR&gt;</option>');
            document.writeln('                <option value="<pre>">Formatted &lt;pre&gt;</option>');
            document.writeln('            </select>');
            document.writeln('        </td>');
            document.writeln('        <td>');
            document.writeln('            <select id="fontname_' + rte + '" onchange="selectFont(\'' + rte + '\',  this.id)">');
            document.writeln('                <option value="Font" selected>[Font]</option>');
            document.writeln('                <option value="Arial,  Helvetica,  sans-serif">Arial</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="selectFont(\'' + 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="rteBack" cellpadding="0" cellspacing="0" id="Buttons2_' + rte + '" width="' + tablewidth + '">');
            document.writeln('    <tr>');
            document.writeln('        <td><img id="bold" class="rteImage" src="' + imagesPath + 'bold.gif" width="25" height="24" alt="Bold" title="Bold" onClick="rteCommand(\'' + rte + '\',  \'bold\',  \'\')"></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'italic.gif" width="25" height="24" alt="Italic" title="Italic" onClick="rteCommand(\'' + rte + '\',  \'italic\',  \'\')"></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'underline.gif" width="25" height="24" alt="Underline" title="Underline" onClick="rteCommand(\'' + rte + '\',  \'underline\',  \'\')"></td>');
            document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'left_just.gif" width="25" height="24" alt="Align Left" title="Align Left" onClick="rteCommand(\'' + rte + '\',  \'justifyleft\',  \'\')"></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'centre.gif" width="25" height="24" alt="Center" title="Center" onClick="rteCommand(\'' + rte + '\',  \'justifycenter\',  \'\')"></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'right_just.gif" width="25" height="24" alt="Align Right" title="Align Right" onClick="rteCommand(\'' + rte + '\',  \'justifyright\',  \'\')"></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'justifyfull.gif" width="25" height="24" alt="Justify Full" title="Justify Full" onclick="rteCommand(\'' + rte + '\',  \'justifyfull\',  \'\')"></td>');
            document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'hr.gif" width="25" height="24" alt="Horizontal Rule" title="Horizontal Rule" onClick="rteCommand(\'' + rte + '\',  \'inserthorizontalrule\',  \'\')"></td>');
            document.writeln('        </tr><tr><td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'numbered_list.gif" width="25" height="24" alt="Ordered List" title="Ordered List" onClick="rteCommand(\'' + rte + '\',  \'insertorderedlist\',  \'\')"></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'list.gif" width="25" height="24" alt="Unordered List" title="Unordered List" onClick="rteCommand(\'' + rte + '\',  \'insertunorderedlist\',  \'\')"></td>');
            document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'outdent.gif" width="25" height="24" alt="Outdent" title="Outdent" onClick="rteCommand(\'' + rte + '\',  \'outdent\',  \'\')"></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'indent.gif" width="25" height="24" alt="Indent" title="Indent" onClick="rteCommand(\'' + rte + '\',  \'indent\',  \'\')"></td>');
            document.writeln('        <td><div id="forecolor_' + rte + '"><img class="rteImage" src="' + imagesPath + 'textcolor.gif" width="25" height="24" alt="Text Color" title="Text Color" onClick="dlgColorPalette(\'' + rte + '\',  \'forecolor\',  \'\')"></div></td>');
            document.writeln('        <td><div id="hilitecolor_' + rte + '"><img class="rteImage" src="' + imagesPath + 'bgcolor.gif" width="25" height="24" alt="Background Color" title="Background Color" onClick="dlgColorPalette(\'' + rte + '\',  \'hilitecolor\',  \'\')"></div></td>');
            document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'hyperlink.gif" width="25" height="24" alt="Insert Link" title="Insert Link" onClick="dlgInsertLink(\'' + rte + '\',  \'link\')"></td>');
            document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'image.gif" width="25" height="24" alt="Add Image" title="Add Image" onClick="addImage(\'' + rte + '\')"></td>');
            document.writeln('        <td><div id="table_' + rte + '"><img class="rteImage" src="' + imagesPath + 'insert_table.gif" width="25" height="24" alt="Insert Table" title="Insert Table" onClick="dlgInsertTable(\'' + rte + '\',  \'table\',  \'\')"></div></td>');
            if (isIE) {
                document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'spellcheck.gif" width="25" height="24" alt="Spell Check" title="Spell Check" onClick="checkspell()"></td>');
            }
    //        document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
    //        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'cut.gif" width="25" height="24" alt="Cut" title="Cut" onClick="rteCommand(\'' + rte + '\',  \'cut\')"></td>');
    //        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'copy.gif" width="25" height="24" alt="Copy" title="Copy" onClick="rteCommand(\'' + rte + '\',  \'copy\')"></td>');
    //        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'paste.gif" width="25" height="24" alt="Paste" title="Paste" onClick="rteCommand(\'' + rte + '\',  \'paste\')"></td>');
    //        document.writeln('        <td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
    //        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'undo.gif" width="25" height="24" alt="Undo" title="Undo" onClick="rteCommand(\'' + rte + '\',  \'undo\')"></td>');
    //        document.writeln('        <td><img class="rteImage" src="' + imagesPath + 'redo.gif" width="25" height="24" alt="Redo" title="Redo" onClick="rteCommand(\'' + rte + '\',  \'redo\')"></td>');
            document.writeln('        <td width="100%"></td>');
            document.writeln('    </tr>');
            document.writeln('</table>');
        }
        document.writeln('<iframe bgcolor="white" id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px" src="' + includesPath + 'blank.htm"></iframe>');
        if (!readOnly) document.writeln('<br /><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\', ' + buttons + ');" />&nbsp;<label for="chkSrc' + rte + '">View Source</label>');
        document.writeln('<iframe width="154" height="104" id="cp' + rte + '" src="' + includesPath + 'palette.htm" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; position: absolute;"></iframe>');
        document.writeln('<input type="hidden" id="hdn' + rte + '" name="' + rte + '" value="">');
        document.writeln('</div>');
        
        document.getElementById('hdn' + rte).value = html;
        enableDesignMode(rte,  html,  readOnly);
    } else {
        if (!readOnly) {
            document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="background-color: white; width: ' + width + 'px; height: ' + height + 'px;">' + html + '</textarea>');
        } else {
            document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="background-color: white; width: ' + width + 'px; height: ' + height + 'px;" readonly>' + html + '</textarea>');
        }
    }
}

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";
    } else {
        frameHtml += "<style>\n";
        frameHtml += "body {\n";
        frameHtml += "    background-color: #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";
            frames[rte].document.attachEvent("onkeypress",  function evt_ie_keypress(event) {ieKeyPress(event,  rte);});
        }
    } 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",  geckoKeyPress,  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 updateRTE(rte) {
    if (!isRichText) return;
    
    //check for readOnly mode
    var readOnly = false;
    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).click();
        setHiddenVal(rte);
    }
}

function setHiddenVal(rte) {
    //set hidden form field value for current rte
    var oHdnField = document.getElementById('hdn' + rte);
    
    //convert html output to xhtml (thanks Timothy Bell and Vyacheslav Smolin!)
    if (oHdnField.value == null) oHdnField.value = "";
    if (document.all) {
        if (generateXHTML) {
            oHdnField.value = get_xhtml(frames[rte].document.body,  lang,  encoding);
        } else {
            oHdnField.value = frames[rte].document.body.innerHTML;
        }
    } else {
        if (generateXHTML) {
            oHdnField.value = get_xhtml(document.getElementById(rte).contentWindow.document.body,  lang,  encoding);
        } else {
            oHdnField.value = document.getElementById(rte).contentWindow.document.body.innerHTML;
        }
    }
	
    
    //if there is no content (other than formatting) set value to nothing
    if (stripHTML(oHdnField.value.replace("&nbsp	;",  " ")) == "" &&
        oHdnField.value.toLowerCase().search("<hr") == -1 &&
        oHdnField.value.toLowerCase().search("<img") == -1) oHdnField.value = "";
}

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

function rteCommand(rte,  command,  option) {
    //function to perform command
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
    } else {
        oRTE = document.getElementById(rte).contentWindow;
    }
    
    try {
        oRTE.focus();
          oRTE.document.execCommand(command,  false,  option);
        oRTE.focus();
    } catch (e) {
//        alert(e);
//        setTimeout("rteCommand('" + rte + "',  '" + command + "',  '" + option + "');",  10);
    }
}

function toggleHTMLSrc(rte,  buttons) {
    //contributed by Bob Hutzel (thanks Bob!)
    var oHdnField = document.getElementById('hdn' + rte);
    
    if (document.getElementById("chkSrc" + rte).checked) {
        //we are checking the box
        if (buttons) {
            showHideElement("Buttons1_" + rte,  "hide");
            showHideElement("Buttons2_" + rte,  "hide");
        }
        setHiddenVal(rte);
        if (document.all) {
            frames[rte].document.body.innerText = oHdnField.value;
        } else {
            var oRTE = document.getElementById(rte).contentWindow.document;
            var htmlSrc = oRTE.createTextNode(oHdnField.value);
            oRTE.body.innerHTML = "";
            oRTE.body.appendChild(htmlSrc);
        }
    } else {
        //we are unchecking the box
        if (buttons) {
            showHideElement("Buttons1_" + rte,  "show");
            showHideElement("Buttons2_" + rte,  "show");
        }
        if (document.all) {
            //fix for IE
            var output = escape(frames[rte].document.body.innerText);
            output = output.replace("%3CP%3E%0D%0A%3CHR%3E",  "%3CHR%3E");
            output = output.replace("%3CHR%3E%0D%0A%3C/P%3E",  "%3CHR%3E");
            frames[rte].document.body.innerHTML = unescape(output);
        } else {
            var oRTE = document.getElementById(rte).contentWindow.document;
            var htmlSrc = oRTE.body.ownerDocument.createRange();
            htmlSrc.selectNodeContents(oRTE.body);
            oRTE.body.innerHTML = htmlSrc.toString();
        }
    }
}

function dlgColorPalette(rte,  command) {
    //function to display or hide color palettes
    setRange(rte);
    
    //get dialog position
    var oDialog = document.getElementById('cp' + rte);
    var buttonElement = document.getElementById(command + '_' + rte);
    var iLeftPos = getOffsetLeft(buttonElement);
    var iTopPos = getOffsetTop(buttonElement) + (buttonElement.offsetHeight + 4);
    oDialog.style.left = (iLeftPos) + "px";
    oDialog.style.top = (iTopPos) + "px";
    
    if ((command == parent.command) && (rte == currentRTE)) {
        //if current command dialog is currently open,  close it
        if (oDialog.style.visibility == "hidden") {
            showHideElement(oDialog,  'show');
        } else {
            showHideElement(oDialog,  'hide');
        }
    } else {
        //if opening a new dialog,  close all others
        var vRTEs = allRTEs.split(";");
        for (var i = 0; i < vRTEs.length; i++) {
            showHideElement('cp' + vRTEs[i],  'hide');
        }
        showHideElement(oDialog,  'show');
    }
    
    //save current values
    parent.command = command;
    currentRTE = rte;
}

function dlgInsertTable(rte,  command) {
    //function to open/close insert table dialog
    //save current values
    parent.command = command;
    currentRTE = rte;
    InsertTable = popUpWin(includesPath + 'insert_table.htm',  'InsertTable',  360,  180,  '');
}

function dlgInsertLink(rte,  command) {
    //function to open/close insert table dialog
    //save current values
    parent.command = command;
    currentRTE = rte;
    InsertLink = popUpWin(includesPath + 'insert_link.htm',  'InsertLink',  360,  180,  '');
    
    //get currently highlighted text and set link text value
    setRange(rte);
    var linkText = '';
    if (isIE) {
        linkText = stripHTML(rng.htmlText);
    } else {
        linkText = stripHTML(rng.toString());
    }
    setLinkText(linkText);
}

function setLinkText(linkText) {
    //set link text value in insert link dialog
    try {
        window.InsertLink.document.linkForm.linkText.value = linkText;
    } catch (e) {
        //may take some time to create dialog window.
        //Keep looping until able to set.
        setTimeout("setLinkText('" + linkText + "');",  10);
    }
}

function popUpWin (url,  win,  width,  height,  options) {
    var leftPos = (screen.availWidth - width) / 2;
    var topPos = (screen.availHeight - height) / 2;
    options += 'width=' + width + ', height=' + height + ', left=' + leftPos + ', top=' + topPos;
    return window.open(url,  win,  options);
}

function setColor(color) {
    //function to set color
    var rte = currentRTE;
    var parentCommand = parent.command;
    
    if (document.all) {
        if (parentCommand == "hilitecolor") parentCommand = "backcolor";
        
        //retrieve selected range
        rng.select();
    }
    
    rteCommand(rte,  parentCommand,  color);
    showHideElement('cp' + rte,  "hide");
}

function addImage(rte) {
    //function to add image
    imagePath = prompt('Enter Image URL:',  'http://');                
    if ((imagePath != null) && (imagePath != "")) {
        rteCommand(rte,  'InsertImage',  imagePath);
    }
}

// Ernst de Moor: Fix the amount of digging parents up,  in case the RTE editor itself is displayed in a div.
// KJR 11/12/2004 Changed to position palette based on parent div,  so palette will always appear in proper location regardless of nested divs
function getOffsetTop(elm) {
    var mOffsetTop = elm.offsetTop;
    var mOffsetParent = elm.offsetParent;
    var parents_up = 2; //the positioning div is 2 elements up the tree
    
    while(parents_up > 0) {
        mOffsetTop += mOffsetParent.offsetTop;
        mOffsetParent = mOffsetParent.offsetParent;
        parents_up--;
    }
    
    return mOffsetTop;
}

// Ernst de Moor: Fix the amount of digging parents up,  in case the RTE editor itself is displayed in a div.
// KJR 11/12/2004 Changed to position palette based on parent div,  so palette will always appear in proper location regardless of nested divs
function getOffsetLeft(elm) {
    var mOffsetLeft = elm.offsetLeft;
    var mOffsetParent = elm.offsetParent;
    var parents_up = 2;
    
    while(parents_up > 0) {
        mOffsetLeft += mOffsetParent.offsetLeft;
        mOffsetParent = mOffsetParent.offsetParent;
        parents_up--;
    }
    
    return mOffsetLeft;
}

function selectFont(rte,  selectname) {
    //function to handle font changes
    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,  '');
        rteCommand(rte,  cmd,  selected);
        document.getElementById(selectname).selectedIndex = 0;
    }
}

function insertHTML(html) {
    //function to add HTML -- thanks dannyuk1982
    var rte = currentRTE;
    
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
    } else {
        oRTE = document.getElementById(rte).contentWindow;
    }
    
    oRTE.focus();
    if (document.all) {
        var oRng = oRTE.document.selection.createRange();
        oRng.pasteHTML(html);
        oRng.collapse(false);
        oRng.select();
    } else {
        oRTE.document.execCommand('insertHTML',  false,  html);
    }
}

function showHideElement(element,  showHide) {
    //function to show or hide elements
    //element variable can be string or object
    if (document.getElementById(element)) {
        element = document.getElementById(element);
    }
    
    if (showHide == "show") {
        element.style.visibility = "visible";
    } else if (showHide == "hide") {
        element.style.visibility = "hidden";
    }
}

function setRange(rte) {
    //function to store range of current selection
    var oRTE;
    if (document.all) {
        oRTE = frames[rte];
        var selection = oRTE.document.selection; 
        if (selection != null) rng = selection.createRange();
    } else {
        oRTE = document.getElementById(rte).contentWindow;
        var selection = oRTE.getSelection();
        rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
    }
    return rng;
}

function stripHTML(oldString) {
    //function to strip all html
    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
}

//********************
//Gecko-Only Functions
//********************
function geckoKeyPress(evt) {
    //function to add bold,  italic,  and underline shortcut commands to gecko RTEs
    //contributed by Anti Veeranna (thanks Anti!)
    var rte = evt.target.id;
    
    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) {
            rteCommand(rte,  cmd,  null);
            
            // stop the event bubble
            evt.preventDefault();
            evt.stopPropagation();
        }
     }
}

//*****************
//IE-Only Functions
//*****************
function ieKeyPress(evt,  rte) {
    var key = (evt.which || evt.charCode || evt.keyCode);
    var stringKey = String.fromCharCode(key).toLowerCase();
    
//the following breaks list and indentation functionality in IE (don't use)
//    switch (key) {
//        case 13:
//            //insert <br> tag instead of <p>
//            //change the key pressed to null
//            evt.keyCode = 0;
//            
//            //insert <br> tag
//            currentRTE = rte;
//            insertHTML('<br>');
//            break;
//    };
}

function checkspell() {
    //function to perform spell check
    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 raiseButton(e) {
    var el = window.event.srcElement;
    
    className = el.className;
    if (className == 'rteImage' || className == 'rteImageLowered') {
        el.className = 'rteImageRaised';
    }
}

function normalButton(e) {
    var el = window.event.srcElement;
    
    className = el.className;
    if (className == 'rteImageRaised' || className == 'rteImageLowered') {
        el.className = 'rteImage';
    }
}

function lowerButton(e) {
    var el = window.event.srcElement;
    
    className = el.className;
    if (className == 'rteImage' || className == 'rteImageRaised') {
        el.className = 'rteImageLowered';
    }
}