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


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 { cursor: pointer; cursor: hand;}');
		document.writeln('.btnImageRaised {background-color:white; cursor: pointer; cursor: hand;}');
		document.writeln('.btnImageLowered {background-color:silver; cursor: pointer; cursor: hand;}');
		
		document.writeln('.vertSep { background-color:silver; border:1px inset;font-size:0px; width:1px; height:20px; }');
		document.writeln('.btnBack { border:1px; letter-spacing:0; padding-top:1px; padding-bottom:1px }');
		document.writeln('.tblStd {background-color:F1EDEC; border:1px; letter-spacing:0; padding-top:1px; padding-bottom:1px }');
		document.writeln('img { border-style:none; }');
		document.writeln('</style>');
		
		//document.writeln('<table border=0 cellpadding=5 cellspacing=0 width=200><tr><td>');
		
		document.writeln('<table class="tblStd" background="' + imagesPath + 'background.gif" border=0 cellpadding=0 cellspacing=0 id="Buttons1_' + rte + '" >');
		document.writeln('	<tr>');
		document.writeln('		<td>');
		document.writeln('			<select style="font-size:10;" id="formatblock_' + rte + '" onchange="Select(\'' + rte + '\', this.id);">');
		document.writeln('				<option value="">[Format]</option>');
		document.writeln('				<option value="<p>">Absatz</option>');
		document.writeln('				<option value="<h1>">Überschrift 1 <h1></option>');
		document.writeln('				<option value="<h2>">Überschrift 2 <h2></option>');
		document.writeln('				<option value="<h3>">Überschrift 3 <h3></option>');
		document.writeln('				<option value="<h4>">Überschrift 4 <h4></option>');
		document.writeln('				<option value="<h5>">Überschrift 5 <h5></option>');
		document.writeln('				<option value="<h6>">Überschrift 6 <h6></option>');
		document.writeln('				<option value="<address>">Adresse <ADDR></option>');
		document.writeln('				<option value="<pre>">Formatierter Text <pre></option>');
		document.writeln('			</select>');
		document.writeln('		</td>');
		document.writeln('		<td>&nbsp;');
		document.writeln('			<select style="font-size:10;" id="fontname_' + rte + '" onchange="Select(\'' + rte + '\', this.id)">');
		document.writeln('				<option value="Font" selected>[Schriftart]</option>');
		document.writeln('				<option value="Arial, Helvetica, sans-serif">Arial</option>');
		document.writeln('				<option value="Courier New, Courier, monospace, mono">Courier New</option>');
		document.writeln('				<option value="Times New Roman, Times, serif">Times New Roman</option>');
		document.writeln('				<option value="Trebuchet MS, Arial, Helvetica, sans-serif">Trebuchet MS</option>');
		document.writeln('				<option value="Verdana, Geneva, Arial, Helvetica, sans-serif">Verdana</option>');
		
		document.writeln('			</select>');
		document.writeln('		</td>');
		document.writeln('		<td>&nbsp;');
		document.writeln('			<select style="font-size:10;" unselectable="on" id="fontsize_' + rte + '" onchange="Select(\'' + rte + '\', this.id);">');
		document.writeln('				<option value="Size">[Größe]</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>&nbsp;</td>');
		
		document.writeln('		<td width="100%">');
		document.writeln('		</td>');
		document.writeln('		<td><span class="vertSep"></span></td>');
		// Ausschneiden, Kopieren, Einfügen
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'cut.gif" width="23" height="22" alt="Ausschneiden" title="Ausschneiden" onClick="FormatText(\'' + rte + '\', \'cut\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'copy.gif" width="23" height="22" alt="Kopieren" title="Kopieren" onClick="FormatText(\'' + rte + '\', \'copy\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'paste.gif" width="23" height="22" alt="Einfügen" title="Einfügen" onClick="FormatText(\'' + rte + '\', \'paste\')"></td>');
		document.writeln('		<td>&nbsp;</td>');//Abstand
		document.writeln('		<td><span class="vertSep"></span></td>');
		// Spellchecker
		if (isIE) document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'spellcheck.gif" width="23" height="22" alt="Rechtschreibprüfung" title="Rechtschreibprüfung" onClick="checkspell()"></td>');
		// Undo, Redo
		document.writeln('		<td><span class="vertSep"></span></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'undo.gif" width="23" height="22" alt="Undo" title="Rückgängig" onClick="FormatText(\'' + rte + '\', \'undo\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'redo.gif" width="23" height="22" alt="Redo" title="Wiederherstellen" onClick="FormatText(\'' + rte + '\', \'redo\')"></td>');
		document.writeln('	</tr>');
		document.writeln('</table>');
		document.writeln('<table class="tblStd" background="' + imagesPath + 'background.gif" border=0 cellpadding="0" cellspacing="0" id="Buttons2_' + rte + '" width="' + tablewidth + '">');
		document.writeln('	<tr>');
		// Fett, Kursiv, Unterstrichen		
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'bold.gif" width="23" height="22" alt="Fett" title="Fett" onClick="FormatText(\'' + rte + '\', \'bold\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'italic.gif" width="23" height="22" alt="Kursiv" title="Kursiv" onClick="FormatText(\'' + rte + '\', \'italic\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'underline.gif" width="23" height="22" alt="Unterstrichen" title="Unterstrichen" onClick="FormatText(\'' + rte + '\', \'underline\', \'\')"></td>');
		//document.writeln('		<td>&nbsp;</td>');//Abstand
		document.writeln('		<td><span class="vertSep"></span></td>');
		// Ausrichtung
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'left_just.gif" width="23" height="22" alt="Linksbündig" title="Linksbündig" onClick="FormatText(\'' + rte + '\', \'justifyleft\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'centre.gif" width="23" height="22" alt="Zentriert" title="Zentriert" onClick="FormatText(\'' + rte + '\', \'justifycenter\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'right_just.gif" width="23" height="22" alt="Rechtsbündig" title="Rechtsbündig" onClick="FormatText(\'' + rte + '\', \'justifyright\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'justifyfull.gif" width="23" height="22" alt="Blocksatz" title="Blocksatz" onclick="FormatText(\'' + rte + '\', \'justifyfull\', \'\')"></td>');
		//document.writeln('		<td>&nbsp;</td>');//Abstand
		document.writeln('		<td><span class="vertSep"></span></td>');
		// Linie
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'hr.gif" width="23" height="22" alt="Linie" title="Linie" onClick="FormatText(\'' + rte + '\', \'inserthorizontalrule\', \'\')"></td>');
		//document.writeln('		<td>&nbsp;</td>');//Abstand
		document.writeln('		<td><span class="vertSep"></span></td>');
		// Aufzählung, Nummerierung
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'numbered_list.gif" width="23" height="22" alt="Nummerierung" title="Nummerierung" onClick="FormatText(\'' + rte + '\', \'insertorderedlist\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'list.gif" width="23" height="22" alt="Aufzählungszeichen" title="Aufzählungszeichen" onClick="FormatText(\'' + rte + '\', \'insertunorderedlist\', \'\')"></td>');
		//document.writeln('		<td>&nbsp;</td>');//Abstand
		document.writeln('		<td><span class="vertSep"></span></td>');
		// Einzug
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'outdent.gif" width="23" height="22" alt="Einzug verkleinern" title="Einzug verkleinern" onClick="FormatText(\'' + rte + '\', \'outdent\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'indent.gif" width="23" height="22" alt="Einzug vergrößern" title="Einzug vergrößern" onClick="FormatText(\'' + rte + '\', \'indent\', \'\')"></td>');
		//document.writeln('		<td>&nbsp;</td>');//Abstand
		document.writeln('		<td><span class="vertSep"></span></td>');
		// Schriftfarbe, Hervorhebung
		document.writeln('		<td><div id="forecolor_' + rte + '"><img class="btnImage" src="' + imagesPath + 'textcolor.gif" width="23" height="22" alt="Schriftfarbe" title="Schriftfarbe" onClick="FormatText(\'' + rte + '\', \'forecolor\', \'\')"></div></td>');
		document.writeln('		<td><div id="hilitecolor_' + rte + '"><img class="btnImage" src="' + imagesPath + 'bgcolor.gif" width="23" height="22" alt="Hervorheben" title="Hervorheben" onClick="FormatText(\'' + rte + '\', \'hilitecolor\', \'\')"></div></td>');
		//document.writeln('		<td>&nbsp;</td>');//Abstand
		document.writeln('		<td><span class="vertSep"></span></td>');
		// Hyperlink, BildURL
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'hyperlink.gif" width="23" height="22" alt="Link einfügen" title="Link einfügen" onClick="FormatText(\'' + rte + '\', \'createlink\')"></td>');
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'image.gif" width="23" height="22" alt="Bild einfügen" title="Bild einfügen" onClick="AddImage(\'' + rte + '\')"></td>');
		document.writeln('		<td><span class="vertSep"></span></td>');
		// Tabelle einfügen
		document.writeln('		<td><div id="addtable_' + rte + '"><img class="btnImage" src="' + imagesPath + 'table.gif" width="23" height="22" alt="Tabelle einfügen" title="Tabelle einfügen" onClick="InsertTable(\'' + rte + '\', \'addtable\', \'\')"></td>');


		// Word-Formatierung bereinigen
		document.writeln('		<td><img class="btnImage" src="' + imagesPath + 'noformat.gif" width="23" height="22" alt="Word-Formatierung bereinigen" title="Word-Formatierung bereinigen" onClick="if(confirm(\'Sind Sie sicher, dass Sie alle Word-Formatierungen bereinigen wollen?\'))formatCleaner(\'' + rte + '\');"></td>');

		
		document.writeln('		<td width="100%"></td>');
		document.writeln('	</tr>');
		document.writeln('</table>');
		
	//	document.writeln('</td></tr></table>');

		
	}
	document.writeln('<iframe id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px"></iframe>');
	if (!readOnly) document.writeln('<br /><div align=right style="font-size:10"><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" /><label for="chkSrc' + rte + '">&nbsp;HTML Ansicht</label>&nbsp;</div>');
	document.writeln('<iframe width="254" height="209" 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="">');

	//Table
	document.writeln('<iframe width="200" height="200" id="tb' + rte + '" src="' + includesPath + 'tabelle.htm" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; display: none; position: absolute;"></iframe>');


	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 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.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 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) {
			//fix for IE
			var output = escape(oRTE.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");
			
			oRTE.body.innerHTML = unescape(output);
		} 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;
	//Farbfester schließen (wenn notwendig)****
	document.getElementById('tb' + rte).style.visibility = "hidden";
	document.getElementById('tb' + rte).style.display = "none";
	
	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") {
			
			oRTE.document.execCommand("CreateLink");
			
		} 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('URL des Bildes eingeben:', 'http://');				
	if ((imagePath != null) && (imagePath != "")) {
		oRTE.focus();
		oRTE.document.execCommand('InsertImage', false, imagePath);
		oRTE.focus();
	}
}

//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 wurde nicht gefunden.  Wählen Sie OK um zur Downloadseite zu gelangen."))
				window.open("http://www.iespell.com/download.php","DownLoad");
		} else {
			alert("Fehler beim Laden von 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
}
function formatCleaner(editor)
{

	var found = true;
	while (found)
	{
		found = false;
		var els = window.frames[editor].document.body.all;
		for (i=0; i<els.length; i++)
		{
			// remove tags with urns set
			if (els[i].tagUrn != null && els[i].tagUrn != '')
			{
				els[i].removeNode(false);
				found = true;
			}
			// remove font and span tags
			if (els[i].tagName != null && (els[i].tagName == "FONT" || els[i].tagName == "SPAN" || els[i].tagName == "DIV"))
			{
				els[i].removeNode(false);
				found = true;
			}
		}
	}
	// remove styles
	var els = window.frames[editor].document.body.all;
	for (i=0; i<els.length; i++)
	{
		// remove style and class attributes from all tags
		els[i].removeAttribute("className",0);
		els[i].removeAttribute("style",0);
	}
}

//Function to format text in the text box
function InsertTable(rte, command, option) {
	var oRTE;
	
	//Farbfester schließen (wenn notwendig)****
	document.getElementById('cp' + rte).style.visibility = "hidden";
	document.getElementById('cp' + rte).style.display = "none";
	
	rng=null;
	
	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 {
	
		
			//save current values
			parent.command = command;
			currentRTE = rte;
			
			//position and show color palette
			buttonElement = document.getElementById(command + '_' + rte);
			document.getElementById('tb' + rte).style.left = getOffsetLeft(buttonElement) + "px";
			document.getElementById('tb' + rte).style.top = (getOffsetTop(buttonElement) + buttonElement.offsetHeight) + "px";
			if (document.getElementById('tb' + rte).style.visibility == "hidden") {
				document.getElementById('tb' + rte).style.visibility = "visible";
				document.getElementById('tb' + rte).style.display = "inline";
			} else {
				document.getElementById('tb' + rte).style.visibility = "hidden";
				document.getElementById('tb' + rte).style.display = "none";
			}
	} catch (e) {
		alert(e);
	}
	
}

function insertTableHTML(sHTML)
{
//frames[rte]
	frames[currentRTE].focus();
	if (rng!=null)
		rng.pasteHTML(sHTML);
	
	
	document.getElementById('tb' + currentRTE).style.visibility = "hidden";
	document.getElementById('tb' + currentRTE).style.display = "none";
	
	
}