//Copyright 2011 Virtual Interconnect Software, LLC.  All rights reserved.

var browser = "unknown";
var browserVersion = 0;
var toolSize = 160;
var margin = 5;
var presetsAvailable = new Array();
var goWebSpotURL = "http://www.data.virtualinterconnect.com/";
var editorPath = "";
var pageName = "";

function HTMLEditorChangeNewlines(editorName)
{
	var iframe = document.getElementById(editorName + "_IFrame");
	var e = iframe.contentWindow.event;
	var range, rangeText;
	var brIndex;
	
	if(e.keyCode == 13)
	{
		//see if there's a br tag just before the selection
		if(iframe.contentWindow)
		{
			range = iframe.contentWindow.document.selection.createRange();
		}
		else
		{
			range = iframe.document.selection.createRange();
		}
		range.moveStart("character", -1);
		rangeText = range.htmlText.toLowerCase();
		if((brIndex = rangeText.indexOf("<br>")) >= 0 || (brIndex = rangeText.indexOf("<br/>")) >= 0 || (brIndex = rangeText.indexOf("<br />")) >= 0)
		{
			//get rid of the <br> and continue on
			range.moveStart("character", brIndex);
			range.collapse(true);
			range.moveEnd("character", 1); //rangeText.indexOf(">", brIndex));
			range.select();
			iframe.contentWindow.document.execCommand("delete", false, 0);
			//let IE start a new paragraph
		}
		else
		{
			//insert a <br /> instead
			HTMLEditorInsertHTML(editorName, "<br />");
			range = iframe.contentWindow.document.selection.createRange();
			range.collapse(true);
			range.select();
			return false;
		}
	}
	return true;
}

function HTMLEditorDisplayColorName(editorName, tableID, colorName)
{
	document.getElementById(editorName + tableID + "ColorName").innerHTML = (colorName != "" ? colorName : "Pick a color");
}

function HTMLEditorColorPalette(editorName, tableID, tableStyle, tableTitle, functionToCall)
{
	var outputHTML = "";
	var colorBases = "0369cf";
	var colors = new Array();
	var numColors = 0;
	var colorsPerRow = 0;
	var numSimple = 18;
	
	//add simple colors
	colors[0] = "Black";
	colors[1] = "Gray";
	colors[2] = "DarkRed";
	colors[3] = "SaddleBrown";
	colors[4] = "GoldenRod";
	colors[5] = "DarkGreen";
	
	colors[6] = "Navy";
	colors[7] = "Purple";
	colors[8] = "DeepPink";
	colors[9] = "White";
	colors[10] = "Silver";
	colors[11] = "Red";
	
	colors[12] = "Orange";
	colors[13] = "Yellow";
	colors[14] = "Green";
	colors[15] = "Blue";
	colors[16] = "Magenta";
	colors[17] = "Bisque";
	
	numColors += 18;
	
	//generate a color table
	for(var r=0; r<colorBases.length; ++r)
	{
		for(var g=0; g<colorBases.length; ++g)
		{
			for(var b=0; b<colorBases.length; ++b)
			{
				colors[numColors] = colorBases.charAt(r) + colorBases.charAt(r) + colorBases.charAt(g) + colorBases.charAt(g) + colorBases.charAt(b) + colorBases.charAt(b);
				numColors++;
			}
		}
	}
	colorsPerRow = colorBases.length * 3;
	
	//output the colors
	outputHTML = "<div id=\"" + editorName + tableID + "\" style=\"background-color: #999; border: 1px solid #000000;" + tableStyle + "\">";
	outputHTML += "<table cellpadding=\"0\" cellspacing=\"0\">";
	outputHTML += "<tr><td style=\"text-align: left; padding-left: 4px; color: #fff; font-family: sans-serif; font-size: 70%;\" colspan=\"" + (colorsPerRow-5) + "\">" + tableTitle + "</td><td style=\"text-align: right;\" colspan=\"5\"><a style=\"font-family: sans-serif; font-size: 70%; text-decoration: none; color: #fff; padding-bottom: 4px; padding-right: 4px; padding-left: 4px;\" href=\"javascript: void(0);\" onclick=\"HTMLEditorPopupPalette('" + editorName + "', '" + tableID + "'); return false;\">x</a></td></tr>";
	for(var i=0; i<numColors; ++i)
	{
		if(i % colorsPerRow == 0)
		{
			//end of a row
			if(i > 0)
			{
				outputHTML += "</tr>";
			}
			if(i == numSimple)
			{
				outputHTML += "<tr><td colspan=\"" + colorsPerRow + "\">&nbsp;</td></tr>";
			}
			outputHTML += "<tr>";
		}
		if(i < numSimple)
		{
			if(i % (colorsPerRow / 3) == 0 && i % colorsPerRow != 0)
			{
				outputHTML += "</tr><tr>";
			}
			outputHTML += "<td colspan=\"3\" style=\"background-color: " + colors[i] + ";\"><a href=\"javascript: void(0);\" style=\"text-decoration: none; display: block; width: 21px; height: 14px; font-size: 14px; line-height: 14px;\" onmouseover=\"HTMLEditorDisplayColorName('" + editorName + "', '" + tableID + "', '" + colors[i] + "');\" \" onclick=\"" + functionToCall + "('" + editorName + "', '" + colors[i] + "'); HTMLEditorPopupPalette('" + editorName + "', '" + tableID + "'); return false;\">&nbsp;</a></td>";
		}
		else
		{
			outputHTML += "<td style=\"background-color: #" + colors[i] + ";\"><a href=\"javascript: void(0);\" style=\"text-decoration: none; display: block; width: 7px; height: 7px; font-size: 7px; line-height: 7px;\" onmouseover=\"HTMLEditorDisplayColorName('" + editorName + "', '" + tableID + "', 'RGB #" + colors[i] + "');\" \" onclick=\"" + functionToCall + "('" + editorName + "', '#" + colors[i] + "'); HTMLEditorPopupPalette('" + editorName + "', '" + tableID + "'); return false;\">&nbsp;</a></td>";
		}
	}
	outputHTML += "</tr></table>";
	outputHTML += "<div id=\"" + editorName + tableID + "ColorName\" style=\"background-color: #000; font-size: small; font-family: monospace; color: #fff;\">Pick a color</div>";
	outputHTML += "</div>";
	
	return outputHTML;
}

function HTMLEditorDisplay(outputDiv, editorName, inHTML, showInsertField)
{
	var outputEl, browserDetectIFrame;
	var htmlToEdit = "";
	var editorHTML = "", toolsHTML = "";
	var offBG = "#6a970d url('http://www.data.jumpwebspot.com/images/buttons/20x20greenoff.jpg') repeat-x";
	var onBG = "#ffff0d url('http://www.data.jumpwebspot.com/images/buttons/20x20greenon.jpg') repeat-x"
	var btnText = "width: 140px; line-height: 22px; margin-bottom: 4px; border: 1px solid #360; text-decoration: none; font-family: Arial, Verdana, sans-serif; font-size: 75%; font-weight: bold; color: #fff; background: "+offBG;
	var versionStart;
	
	//display an HTML editor to the div with id specified as a parameter
	if(outputEl = document.getElementById(outputDiv))
	{
		//figure out which browser is being used
		if(document.designMode)
		{
			/*-----TO-DO-----
			Inprove this section - this is really REALLY basic
			---------------*/
			//supports designMode, at least to a certain extent
			if(navigator.appName.indexOf("Microsoft") >= 0)
			{
				browser = "ie";
				versionStart = navigator.appVersion.indexOf("MSIE ");
				if(versionStart >= 0)
				{
					versionStart += ("MSIE ").length;
					browserVersion = navigator.appVersion.charAt(versionStart) * 1;
				}
			}
			else if(navigator.userAgent && navigator.userAgent.indexOf("AppleWebKit") >= 0)
			{
				browser = "webkit";
			}
			else if(navigator.appName.indexOf("Netscape") >= 0)
			{
				//probably firefox
				browserDetectIFrame = document.createElement("iframe");
				if(browserDetectIFrame)
				{
					browserDetectIFrame.style.position = "absolute";
					browserDetectIFrame.style.left = "-1000px";
					browserDetectIFrame.style.top = "-1000px";
					browserDetectIFrame.style.width = "1px";
					browserDetectIFrame.style.height = "1px";
					browserDetectIFrame = document.body.insertBefore(browserDetectIFrame, null);
					if(browserDetectIFrame)
					{
						try
						{
							browserDetectIFrame.contentWindow.document.designMode = "on";
							browserDetectIFrame.contentWindow.document.execCommand("Undo", false, "");
							browser = "mozilla";
						}
						catch(e)
						{
							browser = "unknown";
						}
						browserDetectIFrame.parentNode.removeChild(browserDetectIFrame);
					}
				}
			}
			else if(navigator.appName.indexOf("Opera") >= 0)
			{
				browser = "opera";
			}
		}
		//display a different style of editor depending on the browser used
		if(inHTML)
		{
			htmlToEdit = inHTML;
		}
		else
		{
			htmlToEdit = outputEl.innerHTML;
		}
		if(htmlToEdit == "")
		{
			htmlToEdit = "\n\t\n";
		}
		if(htmlToEdit.toLowerCase().indexOf("<form") >= 0 || htmlToEdit.toLowerCase().indexOf("</form") >= 0 || htmlToEdit.toLowerCase().indexOf("<iframe") >= 0)
		{
			browser = "unknown";
			toolsHTML = "Welcome to the HTML Editor!  The reason you're seeing this window instead of the normal graphical editor is that there are elements in this field that the graphical editor does not support.  Reasons for this could be:<br /><ul><li>It contains a form</li><li>It contains an IFrame</li></ul>";
		}
		outputEl.innerHTML = "";
		switch(browser)
		{
			case "ie":
			case "mozilla":
			case "opera":
			case "webkit":
			{
				editorHTML = "<iframe style=\"width: " + (browser == "ie" && browserVersion < 7 ? "auto" : "100%") + "; height: 100%;\" id=\"" + editorName + "_IFrame\" src=\"" + window.location.href + (window.location.href.indexOf("?") >= 0 ? "&amp;" : "?") + "HTMLEditorBlank=yes\" onload=\"HTMLEditorActivate('" + editorName + "');\">Please upgrade to a newer browser</iframe>";
				toolsHTML = "<fieldset id=\"" + editorName + "GraphicModeTools\" style=\"width: 100%; text-align: center; padding-bottom: 5px;\"" + (browser != "webkit" ? " onmousedown=\"return false;\"" : "") + " onselectstart=\"return false;\"><legend>Text tools</legend>";
				toolsHTML += "<select id=\"" + editorName + "TextStyle\" style=\"width: 142px; margin-bottom: 4px;\" onclick=\"HTMLEditorChangeTextStyle('" + editorName + "')\" onchange=\"HTMLEditorChangeTextStyle('" + editorName + "')\">";
				toolsHTML += "<option value=\"p\" selected=\"selected\">Normal text</option>";
				toolsHTML += "<option value=\"h1\">Main heading</option>";
				toolsHTML += "<option value=\"h2\">Subheading</option>";
				toolsHTML += "<option value=\"h3\">Sub-subheading</option>";
				toolsHTML += "<option value=\"address\">Address</option>";
				toolsHTML += "</select>";
				toolsHTML += "<select id=\"" + editorName + "TextFont\" style=\"width: 142px; margin-bottom: 4px;\" onclick=\"HTMLEditorChangeTextFont('" + editorName + "')\" onchange=\"HTMLEditorChangeTextFont('" + editorName + "')\">";
				toolsHTML += "<option value=\"Arial\" style=\"font-family: Arial, Helvetica, sans-serif;\">Arial</option>";
				toolsHTML += "<option value=\"Comic Sans\" style=\"font-family: Comic Sans, Comic Sans MS, sans-serif;\">Comic Sans</option>";
				toolsHTML += "<option value=\"Georgia\" style=\"font-family: Georgia, serif;\">Georgia</option>";
				toolsHTML += "<option value=\"Monospace\" style=\"font-family: Courier New, Courier, monospace;\">Monospace</option>";
				toolsHTML += "<option value=\"Times New Roman\" style=\"font-family: Times New Roman, Times, serif\" selected=\"selected\">Times New Roman</option>";
				toolsHTML += "<option value=\"Trebuchet\" style=\"font-family: Trebuchet, Verdana, sans-serif\">Trebuchet</option>";
				toolsHTML += "<option value=\"Verdana\" style=\"font-family: Verdana, Trebuchet, sans-serif\">Verdana</option></select>";
				toolsHTML += "<select id=\"" + editorName + "TextSize\" style=\"width: 142px; margin-bottom: 4px;\" onclick=\"HTMLEditorChangeTextSize('" + editorName + "');\" onchange=\"HTMLEditorChangeTextSize('" + editorName + "');\"><option value=\"1\">XX-Small</option><option value=\"2\">Small</option><option value=\"3\" selected=\"selected\">Medium size</option><option value=\"4\">Large</option><option value=\"5\">X-Large</option><option value=\"6\">XX-Large</option></select>";
				toolsHTML += "<br />";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorBoldText('" + editorName + "'); return false;\"><img id=\"" + editorName + "Bold\" src=\"" + goWebSpotURL + "images/htmleditor/boldoutoff.jpg\" style=\"border: 0\" alt=\"Bold\" title=\"Bold\" /></a>";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorItalicText('" + editorName + "'); return false;\"><img id=\"" + editorName + "Italic\" src=\"" + goWebSpotURL + "images/htmleditor/italicoutoff.jpg\" style=\"border: 0\" alt=\"Italic\" title=\"Italic\" /></a>";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorUnderlineText('" + editorName + "'); return false;\"><img id=\"" + editorName + "Underline\" src=\"" + goWebSpotURL + "images/htmleditor/underlineoutoff.jpg\" style=\"border: 0\" alt=\"Underline\" title=\"Underline\" /></a>";
				toolsHTML += "&nbsp;&nbsp;";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorAlign('" + editorName + "', 'Left'); return false;\"><img id=\"" + editorName + "AlignLeft\" src=\"" + goWebSpotURL + "images/htmleditor/aleftoutoff.jpg\" style=\"border: 0\" alt=\"Left justify\" title=\"Left justify\" /></a>";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorAlign('" + editorName + "', 'Center'); return false;\"><img id=\"" + editorName + "AlignCenter\" src=\"" + goWebSpotURL + "images/htmleditor/acenteroutoff.jpg\" style=\"border: 0\" alt=\"Center justify\" title=\"Center justify\" /></a>";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorAlign('" + editorName + "', 'Right'); return false;\"><img id=\"" + editorName + "AlignRight\" src=\"" + goWebSpotURL + "images/htmleditor/arightoutoff.jpg\" style=\"border: 0\" alt=\"Right justify\" title=\"Right justify\" /></a>";
				toolsHTML += "<br />";
				toolsHTML += "<div style=\"position: relative;\">";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorPopupPalette('" + editorName + "', 'FGPalette'); return false;\"><img id=\"" + editorName + "TextColor\" src=\"" + goWebSpotURL + "images/htmleditor/textcoloroutoff.jpg\" style=\"border: 0\" alt=\"Text color\" title=\"Text color\" /></a>";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorPopupPalette('" + editorName + "', 'BGPalette'); return false;\"><img id=\"" + editorName + "TextHilite\" src=\"" + goWebSpotURL + "images/htmleditor/texthiliteoutoff.jpg\" style=\"border: 0\" alt=\"Highlight color\" title=\"Highlight color\" /></a>";
				toolsHTML += "&nbsp;";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorToggleOrderedList('" + editorName + "'); return false;\"><img id=\"" + editorName + "OrderedList\" src=\"" + goWebSpotURL + "images/htmleditor/oloutoff.jpg\" style=\"border: 0\" alt=\"Ordered list\" title=\"Ordered list\" /></a>";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorToggleUnorderedList('" + editorName + "'); return false;\"><img id=\"" + editorName + "UnorderedList\" src=\"" + goWebSpotURL + "images/htmleditor/uloutoff.jpg\" style=\"border: 0\" alt=\"Unordered list\" title=\"Unordered list\" /></a>";
				toolsHTML += "&nbsp;";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorOutdentText('" + editorName + "'); return false;\"><img id=\"" + editorName + "Outdent\" src=\"" + goWebSpotURL + "images/htmleditor/outdentoutoff.jpg\" style=\"border: 0\" alt=\"Outdent\" title=\"Outdent\" /></a>";
				toolsHTML += "<a href=\"javascript: void(0);\" onclick=\"HTMLEditorIndentText('" + editorName + "'); return false;\"><img id=\"" + editorName + "Indent\" src=\"" + goWebSpotURL + "images/htmleditor/indentoutoff.jpg\" style=\"border: 0\" alt=\"Indent\" title=\"Indent\" /></a>";
				toolsHTML += HTMLEditorColorPalette(editorName, "FGPalette", "position: absolute; left: 0px; top: 22px; display: none;", "text color", "HTMLEditorSetTextColor");
				toolsHTML += HTMLEditorColorPalette(editorName, "BGPalette", "position: absolute; left: 22px; top: 22px; display: none;", "highlight color", "HTMLEditorSetHighlightColor");
				toolsHTML += "</div>";
				toolsHTML += "<a href=\"javascript: void(0);\" style=\"display: block;" + btnText + "\" onmouseover=\"this.style.background = &quot;" + onBG + "&quot;\" onmouseout=\"this.style.background = &quot;" + offBG + "&quot;\" onclick=\"HTMLEditorViewSource('" + editorName + "'); return false;\">edit html</a>";
				toolsHTML += "<a href=\"javascript: void(0);\" style=\"display: block;" + btnText + "\" onmouseover=\"this.style.background = &quot;" + onBG + "&quot;\" onmouseout=\"this.style.background = &quot;" + offBG + "&quot;\" onclick=\"HTMLEditorCleanUp('" + editorName + "'); return false;\">clean up text</a>";
				toolsHTML += "</fieldset><br /><br />";
				toolsHTML += "<fieldset id=\"" + editorName + "InsertTools\" style=\"width: 100%; text-align: center;\"><legend>Insert</legend>";
				toolsHTML += "<ul style=\"list-style: none; margin: 0; padding: 0; width: 142px;\">";
				toolsHTML += "<li><a href=\"javascript: void(0);\" style=\"display: block;" + btnText + "\" onmouseover=\"this.style.background = &quot;" + onBG + "&quot;\" onmouseout=\"this.style.background = &quot;" + offBG + "&quot;\" onclick=\"HTMLEditorInsertLink('" + editorName + "'); return false;\">insert link</a></li>";
				toolsHTML += "<li><a href=\"javascript: void(0);\" style=\"display: block;" + btnText + "\" onmouseover=\"this.style.background = &quot;" + onBG + "&quot;\" onmouseout=\"this.style.background = &quot;" + offBG + "&quot;\" onclick=\"HTMLEditorInsertPicture('" + editorName + "'); return false;\">insert picture</a></li>";
				toolsHTML += "<li><a href=\"javascript: void(0);\" style=\"display: block;" + btnText + "\" onmouseover=\"this.style.background = &quot;" + onBG + "&quot;\" onmouseout=\"this.style.background = &quot;" + offBG + "&quot;\" onclick=\"HTMLEditorInsertHR('" + editorName + "'); return false;\">insert line</a></li>";
				toolsHTML += "<li><a href=\"javascript: void(0);\" style=\"display: block;" + btnText + "\" onmouseover=\"this.style.background = &quot;" + onBG + "&quot;\" onmouseout=\"this.style.background = &quot;" + offBG + "&quot;\" onclick=\"HTMLEditorInsertTable('" + editorName + "'); return false;\">insert table</a></li>";
				//toolsHTML += "<li><a href=\"javascript: void(0);\" style=\"display: block;" + btnText + "\" onmouseover=\"this.style.background = &quot;" + onBG + "&quot;\" onmouseout=\"this.style.background = &quot;" + offBG + "&quot;\" onclick=\"HTMLEditorInsertPreset('" + editorName + "'); return false;\">insert text idea</a></li>";
				if(showInsertField)
				{
					toolsHTML += "<li><a href=\"javascript: void(0);\" style=\"display: block;" + btnText + "\" onmouseover=\"this.style.background = &quot;" + onBG + "&quot;\" onmouseout=\"this.style.background = &quot;" + offBG + "&quot;\" onclick=\"HTMLEditorInsertField('" + editorName + "'); return false;\">insert field</a></li>";
				}
				toolsHTML += "</ul>";
				toolsHTML += "</fieldset>";
				toolsHTML += "<fieldset id=\"" + editorName + "SourceModeTools\" style=\"display: none; width: 100%; text-align: center;\">";
				toolsHTML += "<legend>html editor</legend>";
				toolsHTML += "<p>You are currently in HTML edit mode.  If you want to go back to the graphical editor, click the green button below.</p>";
				toolsHTML += "<a href=\"javascript: void(0);\" style=\"display: block;" + btnText + "\" onmouseover=\"this.style.background = &quot;" + onBG + "&quot;\" onmouseout=\"this.style.background = &quot;" + offBG + "&quot;\" onclick=\"HTMLEditorViewGraphics('" + editorName + "'); return false;\">edit text</a>";
				toolsHTML += "</fieldset>";
				editorHTML += "<textarea style=\"display: none; width: " + (browser == "ie" && browserVersion < 7 ? "auto" : "100%") + "; height: 100%;\" name=\"" + editorName + "\" id=\"" + editorName + "\" cols=\"60\" rows=\"20\">" + htmlToEdit + "</textarea>";
				setTimeout("HTMLEditorActivate('" + editorName + "');", 1000);
			} break;
			default:
			{
				editorHTML = "<textarea style=\"width: " + (outputEl.clientWidth - toolSize - margin * 4) + "px; height: " + (outputEl.clientHeight - margin * 2 - 8) + "px;\" name=\"" + editorName + "\" id=\"" + editorName + "\" cols=\"60\" rows=\"20\">" + htmlToEdit + "</textarea>";
				if(toolsHTML == "")
				{
					toolsHTML = "Welcome to the text editor!  You can edit your text in the box on the left.  For more options, like bold, underline, and fonts, please use a newer browser.";
				}
				if(loadingEl = document.getElementById(editorName + "Loading"))
				{
					loadingEl.style.display = "none";
				}
			} break;
		}
		//output the html
		outputEl.innerHTML = "<div style=\"height: 100%;\"><div style=\"float: right; width: " + (toolSize - (browser == "mozilla" ? 20 : 0)) + "px;\">" + toolsHTML + "</div><div style=\"margin-right: " + (toolSize - (browser == "mozilla" ? 20 : 0) + margin * 2) + "px; height: 100%;\"><div style=\"height: 100%;\">" + editorHTML + "</div></div></div>";
	}
}

function HTMLEditorSetEditorPath(editorName, newPath)
{
	editorPath = newPath;
}

function HTMLEditorActivate(editorName)
{
	var iframeEl;
	
	//try to activate the specified iframe for editing
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		//activate it
		try
		{
			iframeEl.contentWindow.document.designMode = "on";
			if(browser == "ie" || browser == "opera")
			{
				//iframeEl.document.onkeydown = "HTMLEditorChangeNewlines('" + editorName + "', event.keyCode);";
				iframeEl.contentWindow.document.attachEvent("onkeypress", function() { return eval("HTMLEditorChangeNewlines('" + editorName + "');"); });
			}
			else if(browser == "mozilla")
			{
				iframeEl.contentWindow.document.execCommand("bold", false, null);
				iframeEl.contentWindow.document.execCommand("undo", false, null);
			}
			setTimeout("HTMLEditorUpdateIFrame('" + editorName + "');", 1500);
			//start the update cycle
			HTMLEditorUpdateButtons(editorName);
		}
		catch(e)
		{
			//try it again later
			setTimeout("HTMLEditorActivate('" + editorName + "');", 100);
		}
	}
	else
	{
		//try again in another tenth of a second
		setTimeout("HTMLEditorActivate('" + editorName + "');", 100);
	}
}

function HTMLEditorUpdateIFrame(editorName)
{
	var iframeEl, sourceEl, loadingEl;
	
	//update the source code
	iframeEl = document.getElementById(editorName + "_IFrame");
	sourceEl = document.getElementById(editorName);
	//if(iframeEl && iframeEl.contentWindow && iframeEl.contentWindow.document && iframeEl.contentWindow.document.body && iframeEl.contentWindow.document.body.innerHTML && sourceEl && sourceEl.value)
	{
		if(iframeEl.contentWindow.document.designMode.toLowerCase() == "on")
		{
			if(iframeEl.contentWindow.document.body)
			{
				iframeEl.contentWindow.document.body.innerHTML = sourceEl.value;
			}
			else
			{
				iframeEl.contentWindow.innerHTML = sourceEl.value;
			}
			if(browser == "mozilla")
			{
				//execute a command to finalize editing in FireFox
				try
				{
					iframeEl.contentWindow.document.execCommand("bold", false, null);
					iframeEl.contentWindow.document.execCommand("undo", false, null);
				}
				catch(e)
				{
					//don't worry about it
				}
			}
			if(loadingEl = document.getElementById(editorName + "Loading"))
			{
				loadingEl.style.display = "none";
			}
		}
		else
		{
			HTMLEditorActivate(editorName);
		}
	}
}

function HTMLEditorUpdateSource(editorName)
{
	var iframeEl, sourceEl;
	
	//update the source code
	iframeEl = document.getElementById(editorName + "_IFrame");
	sourceEl = document.getElementById(editorName);
	if(sourceEl.style.display && sourceEl.style.display.toLowerCase() == "block")
	{
		return;
	}
	if(iframeEl && iframeEl.contentWindow && iframeEl.contentWindow.document && iframeEl.contentWindow.document.body && iframeEl.contentWindow.document.body.innerHTML && sourceEl && sourceEl.value)
	{
		sourceEl.value = iframeEl.contentWindow.document.body.innerHTML;
	}
}

function HTMLEditorChangeTextStyle(editorName)
{
	var iframeEl, textStyle;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	textStyle = document.getElementById(editorName + "TextStyle");
	if(iframeEl && textStyle)
	{
		iframeEl.contentWindow.document.execCommand("FormatBlock", false, "<" + textStyle.options[textStyle.selectedIndex].value + ">");
	}
}

function HTMLEditorChangeTextFont(editorName)
{
	var iframeEl, textFont, newFont = "";
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	textFont = document.getElementById(editorName + "TextFont");
	if(iframeEl && textFont)
	{
		switch(textFont.options[textFont.selectedIndex].value)
		{
			case "Arial":
			{
				newFont = "Arial, Helvetica, sans-serif";
			} break;
			case "Comic Sans":
			{
				newFont = "Comic Sans, Comic Sans MS, sans-serif";
			} break;
			case "Georgia":
			{
				newFont = "Georgia, serif";
			} break;
			case "Monospace":
			{
				newFont = "Courier New, Courier, monospace";
			} break;
			case "Times New Roman":
			{
				newFont = "Times New Roman, Times, serif";
			} break;
			case "Trebuchet":
			{
				newFont = "Trebuchet, Verdana, sans-serif";
			} break;
			case "Verdana":
			{
				newFont = "Verdana, Trebuchet, sans-serif";
			} break;
			default:
			{
				newFont = "serif";
			}
		}
		iframeEl.contentWindow.document.execCommand("FontName", false, newFont);
	}
}

function HTMLEditorChangeTextSize(editorName)
{
	var iframeEl, textSize;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	textSize = document.getElementById(editorName + "TextSize");
	if(iframeEl && textSize)
	{
		iframeEl.contentWindow.document.execCommand("FontSize", false, textSize.options[textSize.selectedIndex].value);
	}
}

function HTMLEditorUpdateSingleButton(editorName, commandToQuery, buttonName, buttonImage)
{
	var iframeEl, curIMG, newSRC;
	var buttonState;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		try
		{
			buttonState = iframeEl.contentWindow.document.queryCommandValue(commandToQuery);
			curIMG = document.getElementById(editorName + buttonName);
			if(curIMG)
			{
				newSRC = "";
				if(buttonState)
				{
					//change the bold state to down
					newSRC = goWebSpotURL + "images/htmleditor/" + buttonImage + "inoff.jpg";
				}
				else
				{
					//change the bold state to up
					newSRC = goWebSpotURL + "images/htmleditor/" + buttonImage + "outoff.jpg";
				}
				if(curIMG.src != newSRC)
				{
					curIMG.src = newSRC;
				}
			}
		}
		catch(e)
		{
			//ignore it
		}
	}
}

function HTMLEditorUpdateButtons(editorName)
{
	HTMLEditorUpdateSingleButton(editorName, "Bold", "Bold", "bold");
	HTMLEditorUpdateSingleButton(editorName, "Italic", "Italic", "italic");
	HTMLEditorUpdateSingleButton(editorName, "Underline", "Underline", "underline");
	HTMLEditorUpdateSingleButton(editorName, "JustifyLeft", "AlignLeft", "aleft");
	HTMLEditorUpdateSingleButton(editorName, "JustifyCenter", "AlignCenter", "acenter");
	HTMLEditorUpdateSingleButton(editorName, "JustifyRight", "AlignRight", "aright");
	setTimeout("HTMLEditorUpdateButtons('" + editorName + "');", 40);
}

function HTMLEditorBoldText(editorName)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("Bold", false, null);
	}
}

function HTMLEditorItalicText(editorName)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("Italic", false, null);
	}
}

function HTMLEditorUnderlineText(editorName)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("Underline", false, null);
	}
}

function HTMLEditorAlign(editorName, whichSide)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("Justify" + whichSide, false, null);
	}
}

function HTMLEditorToggleOrderedList(editorName)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("InsertOrderedList", false, null);
	}
}

function HTMLEditorToggleUnorderedList(editorName)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("InsertUnorderedList", false, null);
	}
}

function HTMLEditorOutdentText(editorName)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("Outdent", false, null);
	}
}

function HTMLEditorIndentText(editorName)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("Indent", false, null);
	}
}

function HTMLEditorPopupPalette(editorName, paletteName)
{
	var palette, otherPalette;
	
	if(palette = document.getElementById(editorName + paletteName))
	{
		HTMLEditorDisplayColorName(editorName, paletteName, "");
		if(!palette.style.display || palette.style.display == "none")
		{
			//see if the other palette needs to be hidden
			if((paletteName.charAt(paletteName.length - ("FGPalette").length)) == "F")
			{
				otherPalette = paletteName.substring(0, paletteName.length - ("FGPalette").length) + "B" + paletteName.substring(paletteName.length - ("FGPalette").length + 1, paletteName.length);
			}
			else
			{
				otherPalette = paletteName.substring(0, paletteName.length - ("FGPalette").length) + "F" + paletteName.substring(paletteName.length - ("FGPalette").length + 1, paletteName.length);
			}
			otherPalette = document.getElementById(editorName + otherPalette);
			if(otherPalette && otherPalette.style.display && otherPalette.style.display == "block")
			{
				otherPalette.style.display = "none";
			}
			//display it
			palette.style.display = "block";
		}
		else
		{
			//hide the palette
			palette.style.display = "none";
		}
	}
}

function HTMLEditorSetTextColor(editorName, newColor)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("Forecolor", false, newColor);
	}
}

function HTMLEditorSetHighlightColor(editorName, newColor)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		if(browser.toLowerCase() == "ie")
		{
			iframeEl.contentWindow.document.execCommand("BackColor", false, newColor);
		}
		else
		{
			iframeEl.contentWindow.document.execCommand("HiliteColor", false, newColor);
		}
	}
}

function HTMLEditorCleanUp(editorName)
{
	var badTags = new Array("address", "blockquote", "div", "font", "h1", "h2", "h3", "h4", "h5", "h6", "h7", "p", "span");
	var iframeEl;
	var oldHTML = "", newHTML = "";
	
	//clean the tags out of the text
	if(confirm("This feature removes most of the formatting information (fonts, headings, etc.) from your text.  Doing this may help optimize your site for search engines, as well as repair the effects of some bugs in Internet Explorer.  However, you will have to put any formatting back in once it's done.  If you'd like to continue, click OK.  Otherwise, click Cancel."))
	{
		//clean up the text
		iframeEl = document.getElementById(editorName + "_IFrame");
		if(iframeEl && iframeEl.contentWindow && iframeEl.contentWindow.document && iframeEl.contentWindow.document.body && iframeEl.contentWindow.document.body.innerHTML)
		{
			/*look for bad tags*/
			oldHTML = iframeEl.contentWindow.document.body.innerHTML;
			for(var i=0; i<oldHTML.length; ++i)
			{
				if(oldHTML.charAt(i) == "<")
				{
					for(var j=0; j<badTags.length; ++j)
					{
						if(oldHTML.substring(i+(oldHTML.charAt(i+1) == "/" ? 2 : 1), i+(oldHTML.charAt(i+1) == "/" ? 2 : 1)+badTags[j].length).toLowerCase() == badTags[j].toLowerCase())
						{
							newHTML += "<" + oldHTML.charAt(i+1) + "p>";
							i = oldHTML.indexOf(">", i);
							break;
						}
					}
					if(j >= badTags.length)
					{
						newHTML += oldHTML.charAt(i);
					}
				}
				else
				{
					newHTML += oldHTML.charAt(i);
				}
			}
			//clean out redundant paragraph tags
			newHTML = "<p>" + newHTML + "</p>";
			/*for(var i=0; i<newHTML.length; ++i)
			{
				if(newHTML.substring(i, i + ("<p><p>").length).toLowerCase() == "<p><p>")
				{
					//redundant <p>
					newHTML = newHTML.substring(0, i) + newHTML.substring(i+("<p>").length, newHTML.length);
					--i;
				}
				else if(oldHTML.substring(i, i + ("</p></p>").length).toLowerCase() == "</p></p>")
				{
					//redundant </p>
					newHTML = newHTML.substring(0, i) + newHTML.substring(i+("</p>").length, newHTML.length);
					--i;
				}
			}
			alert("Just testing something: " + newHTML);*/
			//wrap it in a paragraph, since it probably is one already
			iframeEl.contentWindow.document.body.innerHTML = newHTML;
		}
	}
}

function HTMLEditorSaveRange(editorName)
{
	var iframeEl;
	
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl) // && ((iframeEl.document && iframeEl.document.selection) || (iframeEl.contentWindow && iframeEl.contentWindow.document && iframeEl.contentWindow.document.selection)))
	{
		if(browser.toLowerCase() == "ie")
		{
			if(iframeEl.contentWindow)
			{
				iframeEl.savedRange = iframeEl.contentWindow.document.selection.createRange();
			}
			else
			{
				iframeEl.savedRange = iframeEl.document.selection.createRange();
			}
			return (iframeEl.savedRange.htmlText ? iframeEl.savedRange.htmlText : iframeEl.savedRange.text);
		}
		else
		{
			iframeEl.savedRange = iframeEl.contentWindow.getSelection().getRangeAt(0);
			return iframeEl.contentWindow.getSelection().toString();
		}
	}
	return "";
}

function HTMLEditorInsertHTML(editorName, newHTML)
{
	var iframeEl;
	var range;
	var imageID = goWebSpotURL + "images/icons/boldoutoff.gif";
	var imageStart, imageEnd;
	
	//insert generic html into the document
	if(browser.toLowerCase() == "ie")
	{
		iframeEl = frames[editorName + "_IFrame"];
		if(iframeEl)
		{
			//insert the html
			iframeEl.focus();
			if(iframeEl.document.selection)
			{
				range = iframeEl.document.selection.createRange();
			}
			else if(iframeEl.savedRange)
			{
				range = iframeEl.savedRange;
			}
			if(range)
			{
				range.select();
				range.pasteHTML(newHTML);
				range.collapse(false);
			}
			//insert an image and then replace it with html
			//(old, not here anymore, but a cool technique to fall back on if needed)
		}
	}
	else
	{
		iframeEl = document.getElementById(editorName + "_IFrame");
		if(iframeEl)
		{
			iframeEl.contentWindow.document.execCommand("InsertHTML", false, newHTML);
		}
	}
}

function HTMLEditorViewSource(editorName)
{
	HTMLEditorUpdateSource(editorName);
	document.getElementById(editorName + "_IFrame").style.display = "none";
	document.getElementById(editorName).style.display = "block";
	document.getElementById(editorName + "GraphicModeTools").style.display = "none";
	document.getElementById(editorName + "InsertTools").style.display = "none";
	document.getElementById(editorName + "SourceModeTools").style.display = "block";
}

function HTMLEditorViewGraphics(editorName)
{
	HTMLEditorUpdateIFrame(editorName);
	document.getElementById(editorName).style.display = "none";
	document.getElementById(editorName + "_IFrame").style.display = "block";
	document.getElementById(editorName + "SourceModeTools").style.display = "none";
	document.getElementById(editorName + "GraphicModeTools").style.display = "block";
	document.getElementById(editorName + "InsertTools").style.display = "block";
}

function HTMLEditorInsertLink(editorName)
{
	var selectedText = "";
	
	//pop up the link editor
	selectedText = HTMLEditorSaveRange(editorName);
	
	window.open(editorPath + "edit.php?Type=HTMLEdit&Mode=InsertLink&Source=Parent_" + encodeURI(editorName) + "&LinkText=" + encodeURI(selectedText), "InsertLink", "location=no,menubar=no,resizable=no,toolbar=no,width=640,height=480").focus();
}

function HTMLEditorInsertPicture(editorName)
{
	//pop up the picture chooser
	HTMLEditorSaveRange(editorName);
	window.open(editorPath + "choosefile.php?Source=Parent_" + encodeURI(editorName) + "&FileTypes=jpg,gif,png&TypeDescription=Picture", "ChooseFile", "location=no,menubar=no,resizable=yes,toolbar=no,width=640,height=480").focus();
}

function HTMLEditorInsertPictureURL(editorName, newURL)
{
	var iframeEl;
	
	//insert a picture
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("InsertImage", false, newURL);
	}
}

function HTMLEditorInsertHR(editorName)
{
	var iframeEl;
	
	//insert a horizontal rule
	iframeEl = document.getElementById(editorName + "_IFrame");
	if(iframeEl)
	{
		iframeEl.contentWindow.document.execCommand("InsertHorizontalRule", false, null);
	}
}

function HTMLEditorInsertTable(editorName)
{
	//insert a table
	HTMLEditorSaveRange(editorName);
	window.open(editorPath + "edit.php?Type=HTMLEdit&Mode=InsertTable&Source=Parent_" + encodeURI(editorName), "InsertTable", "location=no,menubar=no,resizable=no,toolbar=no,width=320,height=240").focus();
}

function HTMLEditorInsertField(editorName)
{
	//pop up the "insert field" box
	HTMLEditorSaveRange(editorName);
	window.open(editorPath + "edit.php?Type=HTMLEdit&Mode=InsertField&Source=Parent_" + encodeURI(editorName), "InsertField", "location=no,menubar=no,resizable=no,toolbar=no,width=640,height=480").focus();
}

function HTMLEditorInsertPreset(editorName)
{
	//insert a text idea
	if(confirm("Please click OK to continue"))
	{
		document.getElementById("Presets").style.display = "block";
	}
	else
	{
		window.open(editorPath + "edit.php?Type=HTMLEdit&Mode=TextIdeas" + (pageName != "" ? "&PageName=" + encodeURI(pageName) : "") + "&EditorName=" + encodeURI(editorName), "InsertTable", "location=no,menubar=no,resizable=no,toolbar=no,width=640,height=480").focus();
	}
}