// Cross-Browser Rich Text Editor

//init variables
var isRichText = true;
var rng;
var currentRTE;
var allRTEs = "";

var isIE;
var isGecko;
var isSafari;
var isKonqueror;

var imagesPath;
var includesPath;
var cssFile;
if( sitetheme == undefined ) var sitetheme = "default";

var rteSelection;

initRTE("images/rte/", "templates/", "css/default.css.php", sitetheme);

function initRTE(imgPath, incPath, css, theme) {
	//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.onmouseover = raiseButton;
		document.onmouseout  = normalButton;
		document.onmousedown = lowerButton;
		document.onmouseup   = raiseButton;
	}
	
	//set paths vars
	imagesPath = imgPath;
	includesPath = incPath;
	cssFile = css;
	sitetheme = theme;
	
	if (isRichText) document.writeln('<style type="text/css">@import "' + includesPath + 'rte.css";</style>');
	
	//for testing standard textarea, uncomment the following line
	//isRichText = false;
}

function initialiseRTEs() 
{	
	rtes = document.getElementsByTagName('IFRAME');
	
	for( i=0; i<rtes.length; i++ ) 
	{
		if( rtes[i].id.substring(0,4) == 'RTE_' ) {
			rte = rtes[i].id.substring(4);
			
			htmlbox = document.getElementById('Form_'+rte);
			html = htmlbox.value;

			var frameHtml = "<html id=\"" + rte + "\">\n";
			frameHtml += "<head>\n";
			frameHtml += "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">";
			frameHtml += "<link href=\"themes/"+sitetheme+"/themeframe.css\" rel=\"stylesheet\" type=\"text/css\">";

			frameHtml += "</head>\n";
			frameHtml += "<body style=\"padding:15px\">\n";
			frameHtml += html + "\n";
			frameHtml += "</body>\n";
			frameHtml += "</html>";
			
			if (document.all) {
				var oRTE = rtes[i].contentWindow.document;
				oRTE.open();
				oRTE.write(frameHtml);
				oRTE.close();
				oRTE.designMode = "On";
			} else {
				try {
					document.getElementById(rte).contentDocument.designMode = "on";
					try {
						var oRTE = document.getElementById(rte).contentWindow.document;
						oRTE.open();
						oRTE.write(frameHtml);
						oRTE.close();
					} catch (e) {
						alert("Error preloading content.");
					}
				} catch (e) {
					return false;
				}
			}
		}
	}
}

function updateRTEs() {
	if( allRTEs.length > 0 )
	{
		var vRTEs = allRTEs.split(";");
		for (var i = 0; i < vRTEs.length; i++) {
			updateRTE(vRTEs[i]);
		}
	}
}

function updateRTE(rte) {
	//set message value
	var oHdnMessage = document.getElementById('Form_' + rte);
	var oRTE = document.getElementById('RTE_' + rte);
	
	if (oHdnMessage.value == null) oHdnMessage.value = "";
	oHdnMessage.value = oRTE.contentWindow.document.body.innerHTML;
	
	//if there is no content (other than formatting) set value to nothing
	if (stripHTML(oHdnMessage.value.replace(" ", " ")) == "" 
		&& 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 rteCommand(rte, command, option) {
	//function to perform command
	
	rte = "RTE_"+rte;
	
	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 rteGetTop(oElement)
{
	var iReturnValue = 0;
	while( oElement != null ) {
		iReturnValue += oElement.offsetTop;
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function rteGetLeft(oElement)
{
	var iReturnValue = 0;
	while( oElement != null ) {
		iReturnValue += parseInt(oElement.offsetTop);
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
}

function rteDialog(rteo, question, callback, ajax)
{
	var oRTE;
	rte = "RTE_"+rteo;	
	if (document.all) oRTE = frames[rte];
	else oRTE = document.getElementById(rte).contentWindow;

	rteSelection = oRTE.document.selection.createRange();
	
	dlg = document.createElement('div');
	dlg.className = 'webDialog';
	dlg.id = 'rteDialog';
	
	q = document.createElement('h1');
	q.innerHTML = question;
	
	var i;
	if( ajax == undefined )
	{	
		i = document.createElement('input');
		i.type = "text";
		i.name = "rteAnswer";
		i.id = "rteAnswer";
	}
	else
	{
		i = document.createElement('div');
		i.id = "rtePicker";
		i.innerHTML = '<img src="themes/'+sitetheme+'/images/wait.gif" alt="Please Wait" />';
	}
	
	a = document.createElement('p');
	a.id = "rteAnswerContent";
	a.appendChild(i);
	
	btnCancel = document.createElement('a');
	btnCancel.onclick = function() {
		el = document.getElementById('rteDialog');
		if( el ) document.body.removeChild(el);
		rteSelection.select();
	}
	btnCancel.href = "#";
	btnCancel.innerHTML = "Cancel";
	
	btnSave = document.createElement('a');
	btnSave.onclick = function() {
		elAnswer = document.getElementById("rteAnswer");
		answer = elAnswer.value;
		
		el = document.getElementById('rteDialog');
		if( el ) document.body.removeChild(el);
		rteSelection.select();
		callback(rteo, answer);
	}
	btnSave.href = "#";
	btnSave.innerHTML = "OK";
	
	dlg.appendChild(q);
	dlg.appendChild(a);
	dlg.appendChild(btnSave);
	dlg.appendChild(btnCancel);
	
	document.body.appendChild(dlg);	
		
	if( ajax != undefined ) 
		callAjaxFunction( "?ajax="+ajax, rteOnPopulatePicker, "rteAnswerContent", false, null );
}

function rteOnPopulatePicker( response, id )
{
	el = document.getElementById(id);
	if( el ) el.innerHTML = response;
}

function rteInsertHyperlink(rte)
{
	rteDialog(rte, "Please enter a URL for the hyperlink below (remember to include the protocol, i.e. mailto:, http:// or https://).", rteOnHyperlink, null);
}

function rteOnHyperlink(rte, answer)
{
	rteCommand(rte, "Unlink", null);
	if( answer.length > 0 ) rteCommand(rte, "CreateLink", answer);
}

function rteInsertGallery(rte)
{
	rteDialog(rte, "Please select the gallery you wish to insert from the list below.", rteOnInsertGallery, "GalleryList");
}

function rteOnInsertGallery(rteo, gallery)
{	
	var oRTE;
	rte = "RTE_"+rteo;	
	if (document.all) oRTE = frames[rte];
	else oRTE = document.getElementById(rte).contentWindow;

	rteCommand(rteo, "InsertIFrame", "rteGallery_"+gallery);
	el = oRTE.document.getElementById("rteGallery_"+gallery);
	
	if( el )
	{
		el.src = "?ajax=WebGallery&id="+gallery;
		el.frameBorder = 0;
		el.className = "WebGallery";
	}
}

function rteInsertImage(rte)
{
	rteDialog(rte, "Please select the image you wish to insert from the list below.", rteOnInsertImage, "ImagePicker");
}

function rteOnInsertImage(rte, image)
{
	rteCommand(rte, "InsertImage", "?ajax=Image&file="+image);
}

function rteSelectImage(e, image)
{
	elImages = document.getElementsByTagName('img');
	elAnswer = document.getElementById("rteAnswer");
	if( elAnswer ) {
		elAnswer.value = image;
		for( i=0; i<elImages.length; i++ )
			elImages[i].style.border = "none"; 
	}
	
	if (window.event) e = window.event;  
	var elPicked = e.srcElement? e.srcElement : e.target; 
	if( elPicked ) elPicked.style.border = "solid 1px #FF0000"; 
}

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) {
		showHideElement("Buttons1_" + rte, "hide");
		showHideElement("Buttons2_" + rte, "hide");
		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 {
		showHideElement("Buttons1_" + rte, "show");
		showHideElement("Buttons2_" + rte, "show");
		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 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
	setRange(rte);
	parent.command = command;
	currentRTE = rte;
	var windowOptions = 'history=no,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=no,resizable=no,width=360,height=200';
	window.open(includesPath + 'insert_table.htm', 'InsertTable', windowOptions);
}

function insertLink(rte) {
	//function to insert link
	var szURL = prompt("Enter a URL:", "");
	try {
		//ignore error for blank urls
		rteCommand(rte, "Unlink", null);
		rteCommand(rte, "CreateLink", szURL);
	} catch (e) {
		//do nothing
	}
}

function setColor(color) {
	//function to set color
	var rte = currentRTE;
	var parentCommand = parent.command;
	
	if (document.all) {
		//retrieve selected range
		var sel = frames[rte].document.selection; 
		if (parentCommand == "hilitecolor") parentCommand = "backcolor";
		if (sel != null) {
			var newRng = sel.createRange();
			newRng = rng;
			newRng.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 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) {
			rteCommand(rte, cmd, null);
			
			// stop the event bubble
			evt.preventDefault();
			evt.stopPropagation();
		}
 	}
}

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) {
		oRTE.document.selection.createRange().pasteHTML(html);
	} 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();
	}
}

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
}

//*****************
//IE-Only Functions
//*****************
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) {
	//IE-Only Function
	var el = window.event.srcElement;
	
	className = el.className;
	if (className == 'rteImage' || className == 'rteImageLowered') {
		el.className = 'rteImageRaised';
	}
}

function normalButton(e) {
	//IE-Only Function
	var el = window.event.srcElement;
	
	className = el.className;
	if (className == 'rteImageRaised' || className == 'rteImageLowered') {
		el.className = 'rteImage';
	}
}

function lowerButton(e) {
	//IE-Only Function
	var el = window.event.srcElement;
	
	className = el.className;
	if (className == 'rteImage' || className == 'rteImageRaised') {
		el.className = 'rteImageLowered';
	}
}
