﻿// Cross-Browser Rich Text Editor
// http://www.kevinroth.com/rte/demo.htm
// Written by Kevin Roth (kevin@NOSPAMkevinroth.com - remove NOSPAM)
// Visit the support forums at http://www.kevinroth.com/forums/index.php?c=2

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

var editZ = 201;
var divZ = 301;

function selectColor(color) {
		self.parent.setColor(color);
}


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 && !isKonqueror) {
//	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;

	if (isRichText) document.writeln('<style type="text/css">@import "' + includesPath + 'rte.css";</style>');
	
	//for testing standard textarea, uncomment the following line
	//isRichText = false;
}


function writeRichText(rte, html, width, height, buttons, readOnly, orientation, specialBgColor) {

// test:fail
//alert('OK to rt65');


	if (isRichText) {
		if (allRTEs.length > 0) allRTEs += ";";
		allRTEs += rte;
		
		if (readOnly) buttons = false;
		
		//adjust minimum table widths
		if(orientation == 'vertical')
			width = width;
			else if (isIE) {
			if (buttons && (width < 540)) width = 540;
			var tablewidth = width;
		} else {
			if (buttons && (width < 540)) width = 540;
			var tablewidth = width + 4;
		}
		
		var divID = rte+"RTE";

		divZ--;

// test:fail
//alert('OK to rt86');
				
		document.writeln('<div  class="rteDiv" style="z-index:'+divZ+';width:' + (width + 10) + 'px;">');
//		document.writeln('<div  class="rteDiv" style="z-index:'+divZ+'">');
//		document.writeln('<div  class="rteDiv" >');
		if (buttons == true) {
		
			editZ--;
			
//			if(orientation == 'vertical' && rte == 'headline')
//			document.writeln('		<div id="edit_' + rte + '" style="position:absolute;left:-112px;top:0px;z-index:'+editZ+';">');
//			else 
//			if(orientation == 'vertical' && rte == 'story_text')
//			document.writeln('		<div id="edit_' + rte + '" style="position:absolute;left:-112px;top:100px;z-index:'+editZ+';">');
//			else 
			if(orientation == 'vertical')
//			document.writeln('		<div id="edit_' + rte + '" style="position:absolute;left:-112px;z-index:1000;">');
///			document.writeln('		<div id="edit_' + rte + '" style="position:absolute;left:-112px;z-index:'+editZ+';">');
			document.writeln('		<div id="edit_' + rte + '" style="position:absolute;left:' + width + 'px;top:14px;z-index:'+editZ+';">');
		
			//if(orientation == 'vertical')
			//document.writeln('	<a href="javascript:void();" onClick="showHideElement(\'Buttons1_' + rte + '\',\'show\');showHideElement(\'Buttons2_' + rte + '\',\'show\')">' + rte + '</a>');

			 	

			if(orientation == 'vertical')
			document.writeln('<div class="rteBack" style="visibility:hidden;z-index:'+editZ+';" cellpadding=2 cellspacing=0 id="Buttons1_' + rte + '" width="110">');
			else
			document.writeln('<table class="rteBack" cellpadding=2 cellspacing=0 id="Buttons1_' + rte + '" width="' + tablewidth + '">');
			if(orientation != 'vertical')
			document.writeln('	<tr>');
			if(orientation != 'vertical')
			document.writeln('		<td>');
			if(orientation == 'vertical')
			document.writeln('	<span style="font-size:9px;background-color:#ccffcc;color:green;" align=center >' + rte + '</span><br />');
			document.writeln('			<select style="font-size:9px;" id="formatblock_' + rte + '" onchange="selectFont(\'' + rte + '\', this.id);">');
			document.writeln('				<option value="">[Style]</option>');
			document.writeln('				<option value="<p>">Paragraph &lt;p&gt;</option>');
			document.writeln('				<option value="<h1>">Heading 1 &lt;h1&gt;</option>');
			document.writeln('				<option value="<h2>">Heading 2 &lt;h2&gt;</option>');
			document.writeln('				<option value="<h3>">Heading 3 &lt;h3&gt;</option>');
			document.writeln('				<option value="<h4>">Heading 4 &lt;h4&gt;</option>');
			document.writeln('				<option value="<h5>">Heading 5 &lt;h5&gt;</option>');
			document.writeln('				<option value="<h6>">Heading 6 &lt;h6&gt;</option>');
			document.writeln('				<option value="<address>">Addr. &lt;address&gt;</option>');
			document.writeln('				<option value="<pre>">Formatted &lt;pre&gt;</option>');
			document.writeln('			</select>');
			if(orientation != 'vertical')
			document.writeln('		</td>');
			if(orientation == 'vertical')
			document.writeln('		<br />');
//			document.writeln('		</tr><tr>');
			if(orientation != 'vertical')
			document.writeln('		<td>');
			document.writeln('			<select style="font-size:9px;" id="fontname_' + rte + '" onchange="selectFont(\'' + rte + '\', this.id)">');
			document.writeln('				<option value="Font" selected>[Font]</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 Roman</option>');
			document.writeln('				<option value="Verdana, Arial, Helvetica, sans-serif">Verdana</option>');
			document.writeln('			</select>');
			if(orientation != 'vertical')
			document.writeln('		</td>');
			if(orientation == 'vertical')
			document.writeln('		<br />');
//			document.writeln('		</tr><tr>');
			if(orientation != 'vertical')
			document.writeln('		<td>');
			document.writeln('			<select style="font-size:9px;" unselectable="on" id="fontsize_' + rte + '" onchange="selectFont(\'' + rte + '\', this.id);">');
			document.writeln('				<option value="Size">[Size]</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>');
			if(orientation != 'vertical')
			document.writeln('		</td>');
			if(orientation != 'vertical')
			document.writeln('		<td width="100%">');
			if(orientation != 'vertical')
			document.writeln('		</td>');
			if(orientation != 'vertical')
			document.writeln('	</tr>');
			if(orientation != 'vertical')
			document.writeln('</table>');
			else
			document.writeln('</div>');
			
			if(orientation == 'vertical')
			document.writeln('<table class="rteBack" cellpadding="0" cellspacing="0" id="Buttons2_' + rte + '" width="110" style="visibility:hidden;">');
			else
			document.writeln('<table class="rteBack" cellpadding="0" cellspacing="0" id="Buttons2_' + rte + '" width="' + tablewidth + '">');
			document.writeln('	<tr>');
			document.writeln('		<td><img id="bold" class="rteImage" src="' + imagesPath + 'bold.gif" width="25" height="24" alt="Bold" title="Bold" onClick="rteCommand(\'' + rte + '\', \'bold\', \'\')"></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'italic.gif" width="25" height="24" alt="Italic" title="Italic" onClick="rteCommand(\'' + rte + '\', \'italic\', \'\')"></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'underline.gif" width="25" height="24" alt="Underline" title="Underline" onClick="rteCommand(\'' + rte + '\', \'underline\', \'\')"></td>');
			if(orientation == 'vertical')
			document.writeln('		</tr><tr>');
//			document.writeln('		<td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'left_just.gif" width="25" height="24" alt="Align Left" title="Align Left" onClick="rteCommand(\'' + rte + '\', \'justifyleft\', \'\')"></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'centre.gif" width="25" height="24" alt="Center" title="Center" onClick="rteCommand(\'' + rte + '\', \'justifycenter\', \'\')"></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'right_just.gif" width="25" height="24" alt="Align Right" title="Align Right" onClick="rteCommand(\'' + rte + '\', \'justifyright\', \'\')"></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'justifyfull.gif" width="25" height="24" alt="Justify Full" title="Justify Full" onclick="rteCommand(\'' + rte + '\', \'justifyfull\', \'\')"></td>');
			if(orientation == 'vertical')
			document.writeln('		</tr><tr>');
//			document.writeln('		<td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
			if(orientation == 'vertical')
			document.writeln('		</tr><tr>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'hr.gif" width="25" height="24" alt="Horizontal Rule" title="Horizontal Rule" onClick="rteCommand(\'' + rte + '\', \'inserthorizontalrule\', \'\')"></td>');
			if(orientation != 'vertical')
			document.writeln('		<td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'numbered_list.gif" width="25" height="24" alt="Ordered List" title="Ordered List" onClick="rteCommand(\'' + rte + '\', \'insertorderedlist\', \'\')"></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'list.gif" width="25" height="24" alt="Unordered List" title="Unordered List" onClick="rteCommand(\'' + rte + '\', \'insertunorderedlist\', \'\')"></td>');
			if(orientation == 'vertical')
			document.writeln('		</tr><tr>');
//			document.writeln('		<td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'outdent.gif" width="25" height="24" alt="Outdent" title="Outdent" onClick="rteCommand(\'' + rte + '\', \'outdent\', \'\')"></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'indent.gif" width="25" height="24" alt="Indent" title="Indent" onClick="rteCommand(\'' + rte + '\', \'indent\', \'\')"></td>');
			if(orientation == 'vertical')
			document.writeln('		<td><div id="forecolor_' + rte + '"><img class="rteImage" src="' + imagesPath + 'textcolor.gif" width="25" height="24" alt="Text Color" title="Text Color" onClick="dlgColorPalette(\'' + rte + '\', \'forecolor\', \'vertical\')"></div></td>');
			else
			document.writeln('		<td><div id="forecolor_' + rte + '"><img class="rteImage" src="' + imagesPath + 'textcolor.gif" width="25" height="24" alt="Text Color" title="Text Color" onClick="dlgColorPalette(\'' + rte + '\', \'forecolor\', \'\')"></div></td>');
			if(orientation == 'vertical')
			document.writeln('		<td><div id="hilitecolor_' + rte + '"><img class="rteImage" src="' + imagesPath + 'bgcolor.gif" width="25" height="24" alt="Background Color" title="Background Color" onClick="dlgColorPalette(\'' + rte + '\', \'hilitecolor\', \'vertical\')"></div></td>');
			else
			document.writeln('		<td><div id="hilitecolor_' + rte + '"><img class="rteImage" src="' + imagesPath + 'bgcolor.gif" width="25" height="24" alt="Background Color" title="Background Color" onClick="dlgColorPalette(\'' + rte + '\', \'hilitecolor\', \'\')"></div></td>');
			if(orientation == 'vertical')
			document.writeln('		</tr><tr>');
//			document.writeln('		<td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'hyperlink.gif" width="25" height="24" alt="Insert Link" title="Insert Link" onClick="insertLink(\'' + rte + '\')"></td>');
			document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'image.gif" width="25" height="24" alt="Add Image" title="Add Image" onClick="addImage(\'' + rte + '\')"></td>');
			document.writeln('		<td><div id="table_' + rte + '"><img class="rteImage" src="' + imagesPath + 'insert_table.gif" width="25" height="24" alt="Insert Table" title="Insert Table" onClick="dlgInsertTable(\'' + rte + '\', \'table\', \'\')"></div></td>');
			if (isIE) {
				document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'spellcheck.gif" width="25" height="24" alt="Spell Check" title="Spell Check" onClick="checkspell()"></td>');
			}
	//		document.writeln('		<td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
	//		document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'cut.gif" width="25" height="24" alt="Cut" title="Cut" onClick="rteCommand(\'' + rte + '\', \'cut\')"></td>');
	//		document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'copy.gif" width="25" height="24" alt="Copy" title="Copy" onClick="rteCommand(\'' + rte + '\', \'copy\')"></td>');
	//		document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'paste.gif" width="25" height="24" alt="Paste" title="Paste" onClick="rteCommand(\'' + rte + '\', \'paste\')"></td>');
	//		document.writeln('		<td><img class="rteVertSep" src="' + imagesPath + 'blackdot.gif" width="1" height="20" border="0" alt=""></td>');
	//		document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'undo.gif" width="25" height="24" alt="Undo" title="Undo" onClick="rteCommand(\'' + rte + '\', \'undo\')"></td>');
	//		document.writeln('		<td><img class="rteImage" src="' + imagesPath + 'redo.gif" width="25" height="24" alt="Redo" title="Redo" onClick="rteCommand(\'' + rte + '\', \'redo\')"></td>');
			document.writeln('		<td width="100%"></td>');
			document.writeln('	</tr>');
	//		if(orientation == 'vertical')
	//		document.writeln('<tr><td colspan=4 style="font-size:12px;"><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" />&nbsp;View Source</td></tr>');

			document.writeln('</table>');

			if(orientation == 'vertical')
			{
			document.writeln('<div id="cp' + rte + '"  style="width:96px;height:117px;margin:0px;visibility:hidden;position:absolute;z-index:100;">');
document.writeln('<table width="90" height="110" cellpadding="0" cellspacing="0" border="1" align="center">');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" bgcolor="#FFFFFF" width="10" height="10"><img id="#FFFFFF" onclick="selectColor(this.id)" src="colors/FFFFFF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" bgcolor="#CCCCCC" width="10" height="10"><img id="#CCCCCC" onclick="selectColor(this.id)" src="colors/CCCCCC.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" bgcolor="#C0C0C0" width="10" height="10"><img id="#C0C0C0" onclick="selectColor(this.id)" src="colors/C0C0C0.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" bgcolor="#999999" width="10" height="10"><img id="#999999" onclick="selectColor(this.id)" src="colors/999999.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" bgcolor="#666666" width="10" height="10"><img id="#666666" onclick="selectColor(this.id)" src="colors/666666.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" bgcolor="#333333" width="10" height="10"><img id="#333333" onclick="selectColor(this.id)" src="colors/333333.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" bgcolor="#000000" width="10" height="10"><img id="#000000" onclick="selectColor(this.id)" src="colors/000000.jpg"></td>');
document.writeln('	</tr>');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFCCCC" onclick="selectColor(this.id)" src="colors/FFCCCC.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FF6666" onclick="selectColor(this.id)" src="colors/FF6666.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FF0000" onclick="selectColor(this.id)" src="colors/FF0000.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#CC0000" onclick="selectColor(this.id)" src="colors/CC0000.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#990000" onclick="selectColor(this.id)" src="colors/990000.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#660000" onclick="selectColor(this.id)" src="colors/660000.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#330000" onclick="selectColor(this.id)" src="colors/330000.jpg"></td>');
document.writeln('	</tr>');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFCC99" onclick="selectColor(this.id)" src="colors/FFCC99.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FF9966" onclick="selectColor(this.id)" src="colors/FF9966.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FF9900" onclick="selectColor(this.id)" src="colors/FF9900.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FF6600" onclick="selectColor(this.id)" src="colors/FF6600.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#CC6600" onclick="selectColor(this.id)" src="colors/CC6600.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#993300" onclick="selectColor(this.id)" src="colors/993300.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#663300" onclick="selectColor(this.id)" src="colors/663300.jpg"></td>');
document.writeln('	</tr>');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFFF99" onclick="selectColor(this.id)" src="colors/FFFF99.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFFF66" onclick="selectColor(this.id)" src="colors/FFFF66.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFCC66" onclick="selectColor(this.id)" src="colors/FFCC66.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFCC33" onclick="selectColor(this.id)" src="colors/FFCC33.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#CC9933" onclick="selectColor(this.id)" src="colors/CC9933.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#996633" onclick="selectColor(this.id)" src="colors/996633.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#663333" onclick="selectColor(this.id)" src="colors/663333.jpg"></td>');
document.writeln('	</tr>');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFFFCC" onclick="selectColor(this.id)" src="colors/FFFFCC.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFFF33" onclick="selectColor(this.id)" src="colors/FFFF33.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFFF00" onclick="selectColor(this.id)" src="colors/FFFF00.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFCC00" onclick="selectColor(this.id)" src="colors/FFCC00.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#999900" onclick="selectColor(this.id)" src="colors/999900.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#666600" onclick="selectColor(this.id)" src="colors/666600.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#333300" onclick="selectColor(this.id)" src="colors/333300.jpg"></td>');
document.writeln('	</tr>');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#99FF99" onclick="selectColor(this.id)" src="colors/99FF99.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#66FF99" onclick="selectColor(this.id)" src="colors/66FF99.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#33FF33" onclick="selectColor(this.id)" src="colors/33FF33.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#33CC00" onclick="selectColor(this.id)" src="colors/33CC00.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#009900" onclick="selectColor(this.id)" src="colors/009900.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#006600" onclick="selectColor(this.id)" src="colors/006600.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#003300" onclick="selectColor(this.id)" src="colors/003300.jpg"></td>');
document.writeln('	</tr>');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#99FFFF" onclick="selectColor(this.id)" src="colors/99FFFF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#33FFFF" onclick="selectColor(this.id)" src="colors/33FFFF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#66CCCC" onclick="selectColor(this.id)" src="colors/66CCCC.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#00CCCC" onclick="selectColor(this.id)" src="colors/00CCCC.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#339999" onclick="selectColor(this.id)" src="colors/339999.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#336666" onclick="selectColor(this.id)" src="colors/336666.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#003333" onclick="selectColor(this.id)" src="colors/003333.jpg"></td>');
document.writeln('	</tr>');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#CCFFFF" onclick="selectColor(this.id)" src="colors/CCFFFF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#66FFFF" onclick="selectColor(this.id)" src="colors/66FFFF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#33CCFF" onclick="selectColor(this.id)" src="colors/33CCFF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#3366FF" onclick="selectColor(this.id)" src="colors/3366FF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#3333FF" onclick="selectColor(this.id)" src="colors/3333FF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#000099" onclick="selectColor(this.id)" src="colors/000099.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#000066" onclick="selectColor(this.id)" src="colors/000066.jpg"></td>');
document.writeln('	</tr>');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#CCCCFF" onclick="selectColor(this.id)" src="colors/CCCCFF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#9999FF" onclick="selectColor(this.id)" src="colors/9999FF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#6666CC" onclick="selectColor(this.id)" src="colors/6666CC.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#6633FF" onclick="selectColor(this.id)" src="colors/6633FF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#6600CC" onclick="selectColor(this.id)" src="colors/6600CC.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#333399" onclick="selectColor(this.id)" src="colors/333399.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#330099" onclick="selectColor(this.id)" src="colors/330099.jpg"></td>');
document.writeln('	</tr>');

document.writeln('	<tr>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FFCCFF" onclick="selectColor(this.id)" src="colors/FFCCFF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#FF99FF" onclick="selectColor(this.id)" src="colors/FF99FF.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#CC66CC" onclick="selectColor(this.id)" src="colors/CC66CC.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#CC33CC" onclick="selectColor(this.id)" src="colors/CC33CC.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#993399" onclick="selectColor(this.id)" src="colors/993399.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#663366" onclick="selectColor(this.id)" src="colors/663366.jpg"></td>');
document.writeln('		<td onmouseover="this.style.border=\'1px dotted white\'" onmouseout="this.style.border=\'1px solid gray\'" width="10" height="10"><img id="#330033" onclick="selectColor(this.id)" src="colors/330033.jpg"></td>');
document.writeln('	</tr>');

document.writeln('</table>');

			document.writeln('</div>');
			}
//			document.writeln('<iframe width="96" height="117" id="cp' + rte + '" src="' + includesPath + 'paletteV.htm" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; position: absolute;z-index:100;"></iframe>');
			
			if(orientation == 'vertical')
			document.writeln('</div>');
		
		/*
			// show source for vertical
			if(orientation == 'vertical' && rte == 'headline')
			document.writeln('<div style="position:absolute;left:-112px;top:215px;width:110px;z-index:110;background-color:#cccccc;font-size:12px;"><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" title="toggle ' + rte + ' view source/hide formatting" />&nbsp;View Source</div>');
			else if(orientation == 'vertical' && rte == 'story_text')
			document.writeln('<div style="position:absolute;left:-112px;top:415px;width:110px;z-index:111;background-color:#cccccc;font-size:12px;"><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" title="toggle ' + rte + ' view source/hide formatting" />&nbsp;View Source</div>');
			else 
			if(orientation == 'vertical')
			document.writeln('<div style="position:absolute;left:-112px;top:215px;width:110px;z-index:112;background-color:#cccccc;font-size:12px;"><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" title="toggle ' + rte + ' view source/hide formatting" />&nbsp;View Source</div>');
		*/	

		}

//		if(orientation == 'vertical')
//		document.writeln('<iframe bgcolor="inherit" id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px" src="' + includesPath + 'blankV.htm"></iframe>');
//		else

		document.writeln('<iframe id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px" src="' + includesPath + 'blank.htm"></iframe>');



		if(orientation == 'vertical')
//		if (!readOnly) document.writeln('<div style="position:absolute;font-size:9px;color:green;background-color:#ccffcc;padding:1px;"><input type="checkbox" id="chkSrcV' + rte + '" onclick="toggleShowHide(\'Buttons1_' + rte + '\', \'cp' + rte + '\');toggleShowHide(\'Buttons2_' + rte + '\');" title="Check to show the ' + rte + ' formatting panel"  style="height:7px;width:7px;margin-bottom:1px;vertical-align:top;" /></div>');
		if (!readOnly) document.writeln('<span style="font-size:9px;color:green;background-color:#ccffcc;padding:1px;"><input type="checkbox" id="chkSrcV' + rte + '" onclick="toggleShowHide(\'Buttons1_' + rte + '\', \'cp' + rte + '\');toggleShowHide(\'Buttons2_' + rte + '\');" title="Check to show the ' + rte + ' formatting panel"  style="height:9px;width:9px;margin-bottom:1px;margin-top:5px;vertical-align:top;" /></span>');
		// needs this
		if(orientation == 'vertical')
		document.writeln(' <input type="hidden" id="chkSrc' + rte + '" />');
//		if (!readOnly) document.writeln(' <input type="hidden" id="chkSrc' + rte + '" />');
//		if (!readOnly) document.writeln(' <input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" />&nbsp;View Source');
		else
		document.writeln('<br /><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" />&nbsp;View Source');
//		if (!readOnly) document.writeln('<br /><input type="checkbox" id="chkSrc' + rte + '" onclick="toggleHTMLSrc(\'' + rte + '\');" />&nbsp;View Source');
		if(orientation != 'vertical')
//		document.writeln('<iframe width="154" height="84" id="cp' + rte + '" src="' + includesPath + 'palette.htm" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; position: absolute;"></iframe>');
		document.writeln('<iframe width="154" height="104" id="cp' + rte + '" src="' + includesPath + 'palette.htm" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; position: absolute;"></iframe>');
		document.writeln('<input type="hidden" id="hdn' + rte + '" name="' + rte + '" value="">');
		document.writeln('</div>');
	//	if(orientation == 'vertical')
	//	document.writeln('<img src="' + imagesPath + 'blackdot.gif" width="25" height="24" onClick="showHideElement(\'edit_' + rte + '\',\'show\')"><br />');	
		document.getElementById('hdn' + rte).value = html;

		// test, ok
		//if(rte.indexOf('sidebars') > -1)
		//alert(specialBgColor);

		if(specialBgColor)
		cssFile += "&special_bg_color=" + specialBgColor;
//		if(specialFontColor)
//		cssFile += "&special_font_color=" + specialFontColor;
		if(orientation == 'vertical')
		cssFile += "&inside_rte=Yes";
		if(rte)
		cssFile += "&rte_field=" + rte;
		
// test:blank 2x in story editing, correct currently;ok;
//if(rte == 'cutline')
//{
//document.writeln("cssFile at rt404: " + cssFile);
//}
		// test,ok; ok, from style.php
//		if(rte.indexOf('headline') > -1)
//		alert("cssFile at rt408: " + cssFile);


		enableDesignMode(rte, html, readOnly, orientation, cssFile);
	} else {
		if (!readOnly) {
		//	if(orientation == 'vertical')
		//	document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;background-color:#ccffcc;">' + html + '</textarea>');
		//	else
			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>');
		}
	}

// trial - breaks page or doesn't work
//if(rte == 'sidebar_sidebars103')
//document.dragDrop.initElement('sidebars103');

}

function enableDesignMode(rte, html, readOnly, orientation, cssFile, allRTEsPHP) {

//	html = decodeURIComponent(html);
	html = unescape(html);

	// try?
//	document.getElementById('hdn' + rte).value = html;

	// new
	allRTEs = allRTEsPHP;
	
	var frameHtml = html;

// test:ok
//alert("frameHtml at rt450: " + frameHtml);
	
	/*
	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";
	} else {
		frameHtml += "<style>\n";
		frameHtml += "body {\n";
//		if($orientation == 'vertical')
//		frameHtml += "	background: transparent;\n";
//		else
		frameHtml += "	background: #FFFFFF;\n";
		frameHtml += "	margin: 0px;\n";
		frameHtml += "	padding: 0px;\n";
		frameHtml += "}\n";

		frameHtml += "P {\n";
		frameHtml += "	margin-top: 0px;\n";
		frameHtml += "	margin-bottom: 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() {

// test:ok

// test:blank
//alert("allRTEs at rt511: " + allRTEs);

	var vRTEs = allRTEs.split(";");

// test:empty
//alert("vRTEs: " + vRTEs);


	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 rteCommand(rte, command, option) {
	//function to perform command
	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 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,orientation) {
	//function to display or hide color palettes
	setRange(rte);

// test:ok
//alert("rte at rt634: " + rte);

	//get dialog position
	var oDialog = document.getElementById('cp' + rte);
	var buttonElement = document.getElementById(command + '_' + rte);
	if(orientation == 'vertical')
	var iLeftPos = getOffsetLeft(buttonElement) - 65;
	else
	var iLeftPos = getOffsetLeft(buttonElement);
	if(orientation == 'vertical')
	var iTopPos = getOffsetTop(buttonElement) + (buttonElement.offsetHeight);
//	var iTopPos = 0;
	else
	var iTopPos = getOffsetTop(buttonElement) + (buttonElement.offsetHeight + 4);

	// test:ok
//	alert("iLeftPos at rt650: " + iLeftPos);
//	alert("iTopPos: " + iTopPos);

	oDialog.style.left = (iLeftPos) + "px";
	oDialog.style.top = (iTopPos) + "px";

// test:ok, story_text, but 
//alert("allRTEs at rt657: " + allRTEs);
	
	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');
	}

// test:fail
//alert("allRTEs at rt673: " + allRTEs);
	
	//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 toggleShowHide(element,colorPanel) {
	//function to show or hide elements
	//element variable can be string or object
	if (document.getElementById(element)) {
		element = document.getElementById(element);
	}

// also
if(colorPanel)
var oDialog = document.getElementById(colorPanel);


		if (element.style.visibility == "hidden") {
			showHideElement(element, 'show');
		} else {
			showHideElement(element, 'hide');
		if(oDialog)
			showHideElement(oDialog, 'hide');
		}

	// current status
//	var status = element.style.visibility;
	
//	alert("status: " + status);
	
//	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';
	}
}

