// conceptuel Rich Text Editor
// http://www.conceptuel.co.uk
//
// version 1.02
// Improve compatibility with Mozilla Browser
// Replace Link picker from a javascript prompt to a popup window
//
// version 1.01
// Replace Image picker from a javascript prompt to a popup window
//
// version 1.00
// change core application to support multiple languages
// Add Smiley picker

var isRichText = false;
var rng;
var currentRTE;
var allRTEs = "";

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

var imagesPath;
var includesPath;
var cssFile;

var language;

function initRTE(imgPath, incPath, css, lang) {
	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);

	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;

	imagesPath = imgPath;
	includesPath = incPath;
	cssFile = css;
        language = lang;

}
function writeRichText(rte, html, width, height, buttons, readOnly) {
	if (isRichText) {
		if (allRTEs.length > 0) allRTEs += ";";
		allRTEs += rte;
		writeRTE(rte, html, width, height, buttons, readOnly, language);
	} 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,language) {
	if (isIE) {
		var tablewidth = width;
	} else {
		var tablewidth = width + 4;
	}
        switch(language) {
            case 'FR' :
               var styleWord     = 'Style';
               var fontWord      = 'Fontes';
               var sizeWord      = 'Taille';
               var boldWord      = 'Gras';
               var italicWord    = 'Italique';
               var underlineWord = 'Souligné';
               var alignLWord    = 'Alignement à gauche';
               var alignCWord    = 'Alignement au centre';
               var alignRWord    = 'Alignement à droite';
               var alignFWord    = 'Alignement justifié';
               var rulerWord     = 'Ajouter une barre horizontale';
               var orderWord     = 'Numerotation'
               var unorderWord   = 'Puces'
               var outdentWord   = 'Diminuer le retrait'
               var indentWord    = 'Augmenter le retrait'
               var textColorWord = 'Couleur du texte'
               var backColorWord = 'Couleur de fond du texte'
               var linkWord      = 'Ajouter un hyperlien'
               var imageWord     = 'Ajouter une image'
               break;
            case 'EN' :
            default   :
               var styleWord     = 'Style';
               var fontWord      = 'Font';
               var sizeWord      = 'Size';
               var boldWord      = 'Bold';
               var italicWord    = 'Italic';
               var underlineWord = 'Underline';
               var alignLWord    = 'Align Left';
               var alignCWord    = 'Center';
               var alignRWord    = 'Align Right';
               var alignFWord    = 'Justify Full';
               var rulerWord     = 'Horizontal Rule';
               var orderWord     = 'Ordered List'
               var unorderWord   = 'Unordered List'
               var outdentWord   = 'Outdent'
               var indentWord    = 'Indent'
               var textColorWord = 'Text Color'
               var backColorWord = 'Background Color'
               var linkWord      = 'Insert Link'
               var imageWord     = 'Add Image'
               break;
            }
	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('.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);" style="font-family:verdana; font-size: 10px;">');
		document.writeln('				<option value="">' + styleWord + '</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('			</select>');
		document.writeln('		</td>');
		document.writeln('		<td>');
		document.writeln('			<select id="fontname_' + rte + '" onchange="Select(\'' + rte + '\', this.id)" style="font-family:verdana; font-size: 10px;">');
		document.writeln('				<option value="Font" selected>' + fontWord + '</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="Select(\'' + rte + '\', this.id);" style="font-family:verdana; font-size: 10px;">');
		document.writeln('				<option value="Size">' + sizeWord + '</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="http://www.habbowow.com/images/concept/bold.gif" width="25" height="24" alt="' + boldWord + '" title="' +boldWord + '" onClick="FormatText(\'' + rte + '\', \'bold\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/italic.gif" width="25" height="24" alt="' + italicWord + '" title="' + italicWord + '" onClick="FormatText(\'' + rte + '\', \'italic\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/underline.gif" width="25" height="24" alt="' + underlineWord + '" title="' + underlineWord + '" onClick="FormatText(\'' + rte + '\', \'underline\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/left_just.gif" width="25" height="24" alt="' + alignLWord + '" title="' + alignLWord + '" onClick="FormatText(\'' + rte + '\', \'justifyleft\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/centre.gif" width="25" height="24" alt="' + alignCWord + '" title="' + alignCWord + '" onClick="FormatText(\'' + rte + '\', \'justifycenter\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/right_just.gif" width="25" height="24" alt="' + alignRWord + '" title="' + alignRWord + '" onClick="FormatText(\'' + rte + '\', \'justifyright\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/hr.gif" width="25" height="24" alt="' + rulerWord + '" title="' + rulerWord + '" onClick="FormatText(\'' + rte + '\', \'inserthorizontalrule\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/numbered_list.gif" width="25" height="24" alt="' + orderWord + '" title="' + orderWord + '" onClick="FormatText(\'' + rte + '\', \'insertorderedlist\', \'\')"></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/list.gif" width="25" height="24" alt="' + unorderWord + '" title="' + unorderWord + '" onClick="FormatText(\'' + rte + '\', \'insertunorderedlist\', \'\')"></td>');
		document.writeln('		<td><div id="forecolor_' + rte + '"><img class="btnImage" src="http://www.habbowow.com/images/concept/textcolor.gif" width="25" height="24" alt="' + textColorWord + '" title="' + textColorWord + '" onClick="popup(\'http://www.habbowow.com/ct_palette.html?language=' + language + '&rte=' + rte + '&command=forecolor\', \'palette\',170,250)"></div></td>');
		document.writeln('		<td><div id="hilitecolor_' + rte + '"><img class="btnImage" src="http://www.habbowow.com/images/concept/bgcolor.gif" width="25" height="24" alt="' + backColorWord + '" title="' + backColorWord + '" onClick="popup(\'http://www.habbowow.com/ct_palette.html?language=' + language + '&rte=' + rte + '&command=hilitecolor\', \'palette\',170,250)"></div></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/hyperlink.gif" width="25" height="24" alt="' + linkWord + '" title="' + linkWord + '" onClick="popup(\'http://www.habbowow.com/ct_url.html?language=' + language + '&rte=' + rte + '\', \'selectUrl\',310,310)"></td>');
		document.writeln('		<td><img class="btnImage" src="http://www.habbowow.com/images/concept/image.gif" width="25" height="24" alt="' + imageWord + '" title="' + imageWord + '" onClick="popup(\'http://www.habbowow.com/ct_image.html?language=' + language + '&rte=' + rte + '\', \'selectImage\',310,310)"></td>');
		document.writeln('		<td width="100%"></td>');
		document.writeln('	</tr>');
		document.writeln('</table>');
	}
	document.writeln('<iframe id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px"></iframe>');
	document.writeln('<input type="hidden" id="hdn' + rte + '" name="' + rte + '" value="">');
	document.getElementById('hdn' + rte).value = html;
	enableDesignMode(rte, html, readOnly);
}
function enableDesignMode(rte, html, readOnly) {
	var frameHtml = "<html id=\"" + rte + "\">\n";
	frameHtml += "<head>\n";
	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 class=rte>\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)
{
   oRTE.addEventListener("keypress", kb_handler, true);
}
}
catch (e)
{
   alert("Error preloading content.");
}
}
catch (e)
{
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;
   var oHdnMessage = document.getElementById('hdn' + rte);
   var oRTE = document.getElementById(rte);
   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 (oHdnMessage.value == null) oHdnMessage.value = "";
if (document.all)
{
   oHdnMessage.value = frames[rte].document.body.innerHTML;
}
else
{
   oHdnMessage.value = oRTE.contentWindow.document.body.innerHTML;
}
if (stripHTML(oHdnMessage.value.replace("&nbsp;", " ")) == ""
   && oHdnMessage.value.toLowerCase().search("<hr") == -1
   && oHdnMessage.value.toLowerCase().search("<img") == -1) oHdnMessage.value = "";
if (escape(oHdnMessage.value) == "%3Cbr%3E%0D%0A%0D%0A%0D%0A") oHdnMessage.value = "";
}
}
function FormatText(rte, command, option)
{
   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();
}
try
{
   oRTE.focus();
   oRTE.document.execCommand(command, false, option);
   oRTE.focus();
}
catch (e)
{
   alert(e);
}
}
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];
   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();
}
   var idx = document.getElementById(selectname).selectedIndex;
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;
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.preventDefault();
   evt.stopPropagation();
}
}
}
function stripHTML(oldString)
{
   var newString = oldString.replace(/(<([^>]+)>)/ig,"");
   newString = newString.replace(/\r/g," ");
   newString = newString.replace(/\n/g," ");
   newString = newString.replace(/\r/g," ");
   newString = trim(newString);
   return newString;
}
function trim(inputString)
{
   if (typeof inputString != "string") return inputString;
   var retValue = inputString;
   var ch = retValue.substring(0, 1);
while (ch == " ")
{
   retValue = retValue.substring(1, retValue.length);
   ch = retValue.substring(0, 1);
}
   ch = retValue.substring(retValue.length-1, retValue.length);
while (ch == " ")
{
   retValue = retValue.substring(0, retValue.length-1);
   ch = retValue.substring(retValue.length-1, retValue.length);
}
while (retValue.indexOf("  ") != -1)
{
   retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ")+1, retValue.length);
}
   return retValue;
}

function popup(page,popupname,height,width)
{
   var topPosition = (screen.height - height) / 2;
   var leftPosition = (screen.width - width) / 2;
   var windowprops = "width=" + width + ",height=" + height + ",top=" + topPosition + ",left=" + leftPosition + ",location=no,menubar=no,toolbar=no,scrollbars=no,resizable=no,status=no";
   newWindow = window.open(page,popupname,windowprops);
}