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) {
	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.onmouseover = raiseButton;
		document.onmouseout  = normalButton;
		document.onmouseup   = raiseButton;
	}
	
	imagesPath = imgPath;
	includesPath = incPath;
	cssFile = css;
	
	if (isRichText) document.writeln('<style type="text/css">@import "' + includesPath + 'richtext.css";</style>');
}

function writeRichText(rte, html, width, height, buttons, readOnly) {
	if (height < 200)
		height = 200;
	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 + '" >' + html + '</textarea>');
	} else {
		document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;" readonly>' + html + '</textarea>');
	}
}

function raiseButton(e) {
	var el = window.event.srcElement;
	
	className = el.className;
	if (className == 'butClass') {
		el.className = 'butClassOver';
	}
}

function normalButton(e) {
	var el = window.event.srcElement;
	
	className = el.className;
	if (className == 'butClassOver') {
		el.className = 'butClass';
	}
}

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

function writeRTE(rte, html, width, height, buttons, readOnly) {
	if (readOnly) buttons = false;
	
	document.writeln("<TABLE align='center' class='tblTable' cellpadding=0 cellspacing=0 height='" + height + "px' width='100%'>");
    document.writeln("<TR>");
    document.writeln("<TD class='tdToolBar'>");
	if (buttons == true) {
		document.writeln('<table class="tblTable" cellpadding=0 cellspacing=0  height="100%" width="100%" id="Buttons1_' + rte + '">');
		document.writeln('	<tr>');
		document.writeln(		'<td class="tdClass">');
		document.writeln(			'<select class="listStyle" id="formatblock_' + rte + '" onchange="Select(\'' + rte + '\', this.id);">');
		document.writeln(				'<option value="">[ Estilo ]</option>');
		document.writeln(				'<option value="<p>">Paragrafo</option>');
		document.writeln(				'<option value="<h1>">Titulo 1</option>');
		document.writeln(				'<option value="<h2>">Titulo 2</option>');
		document.writeln(				'<option value="<h3>">Titulo 3</option>');
		document.writeln(				'<option value="<h4>">Titulo 4</option>');
		document.writeln(				'<option value="<h5>">Titulo 5</option>');
		document.writeln(				'<option value="<h6>">Titulo 6</option>');
		document.writeln(				'<option value="<address>">Endereco</option>');
		document.writeln(				'<option value="<pre>">Formatado</option>');
		document.writeln(			'</select>');
		document.writeln(	'<img id="bold" class="butClass" src="' + imagesPath + 'bold_off.gif" alt="Negrito" title="Negrito" onClick="FormatText(\'' + rte + '\', \'bold\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'italic_off.gif" alt="Italico" title="Italico" onClick="FormatText(\'' + rte + '\', \'italic\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'underline_off.gif" alt="Sublinhado" title="Sublinhado" onClick="FormatText(\'' + rte + '\', \'underline\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'alignleft_off.gif" alt="Alinhar a esquerda" title="Alinhar a esquerda" onClick="FormatText(\'' + rte + '\', \'justifyleft\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'aligncenter_off.gif" alt="Centralizar" title="Centralizar" onClick="FormatText(\'' + rte + '\', \'justifycenter\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'alignright_off.gif" alt="Alinhar a direita" title="Alinhar a direita" onClick="FormatText(\'' + rte + '\', \'justifyright\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'alignjustify_off.gif" alt="Justificar" title="Justificar" onclick="FormatText(\'' + rte + '\', \'justifyfull\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'orderedlist_off.gif" alt="Numeracao" title="Numeracao" onClick="FormatText(\'' + rte + '\', \'insertorderedlist\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'unorderedlist_off.gif" alt="Marcacao" title="Marcacao" onClick="FormatText(\'' + rte + '\', \'insertunorderedlist\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'outdent_off.gif" alt="Diminuir recuo" title="Diminuir recuo" onClick="FormatText(\'' + rte + '\', \'outdent\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'indent_off.gif" alt="Aumentar recuo" title="Aumentar recuo" onClick="FormatText(\'' + rte + '\', \'indent\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'line_off.gif" alt="Linha horizontal" title="Linha horizontal" onClick="FormatText(\'' + rte + '\', \'inserthorizontalrule\', \'\')">');
		document.writeln(	'<img class="butClass" src="' + imagesPath + 'link_off.gif" alt="Inserir Link" title="Inserir Link" onClick="FormatText(\'' + rte + '\', \'createlink\')">');
		document.writeln(	'</td></tr>');
		document.writeln('</table>');
		document.writeln('</td></tr>');
	}
	
    document.writeln("	<TR class='tdClass'>");
    document.writeln("		<TD class='tdClass' >");
    document.writeln("			<TABLE id='table3' class='tblTable' cellpadding=0 cellspacing=0  height='100%' width='100%'>");
    document.writeln("				<TR>");
    document.writeln("					<TD class='tdClass'>");
	document.writeln("						<iframe id='" + rte + "' class='EditControl' frameborder='0' scrolling='yes' name='"+ rte +"'></iframe>");
	document.writeln("						<input type='hidden' id='hdn"+ rte +"' name='"+ rte +"' value=''>");
    document.writeln("					</TD>");
    document.writeln("				</TR>");
    document.writeln("			</TABLE>");
    document.writeln("		</TD>");
    document.writeln("	</TR>");
    document.writeln("	</table>");
    document.close();
    document.open();
	
	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";
	} else {
		frameHtml += "<style>\n";
		frameHtml += "body {\n";
		frameHtml += "	background: #FFFFFF;\n";
		frameHtml += "	margin: 0px;\n";
		frameHtml += "	padding: 2px;\n";
		frameHtml += "}\n";
		frameHtml += "</style>\n";
	}
	frameHtml += "</head>\n";
	frameHtml += "<body class='document'>\n";
	if (isIE && html == "")
		html = "<p></p>"; 
	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);
					oRTE.addEventListener("blur", updateRTEs, false);
				}
			} 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 toggleHTMLSrc(rte) {
	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) {
			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 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 {
		if (command == "createlink") {
			var szURL = prompt("Informe a URL:", "");
			try {
				oRTE.document.execCommand("Unlink", false, null);
				oRTE.document.execCommand("CreateLink", false, szURL);
			} catch (e) {
			}
		} else {
			oRTE.focus();
		  	oRTE.document.execCommand(command, false, option);
			oRTE.focus();
		}
	} catch (e) {
		alert(e);
	}
}

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) {
		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 AddImage(rte) {
	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();
	}
	
	imagePath = prompt('Informe a URL da Imagem:', 'http://');				
	if ((imagePath != null) && (imagePath != "")) {
		oRTE.focus();
		oRTE.document.execCommand('InsertImage', false, imagePath);
		oRTE.focus();
	}
}

function getOffsetTop(elm) {
	var mOffsetTop = elm.offsetTop;
	var mOffsetParent = elm.offsetParent;
	var parents_up = 2; 
	
	while(parents_up > 0) {
		mOffsetTop += mOffsetParent.offsetTop;
		mOffsetParent = mOffsetParent.offsetParent;
		parents_up--;
	}
	
	return mOffsetTop;
}

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 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 docChanged (evt) {
}

function stripHTML(oldString) {
	var newString = oldString.replace(/(<([^>]+)>)/ig,"");
	
   newString = newString.replace(/\r\n/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; 
}