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

document.writeln('<input type=hidden name=hidrte>');
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 && !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 ) {
	
	if (isRichText) {
		if (allRTEs.length > 0) allRTEs += ";";
		allRTEs += rte;
		
		if (readOnly) buttons = false;
		
		//adjust minimum table widths
		if (isIE) {
			if (buttons && (width < 540)) width = 540;
			var tablewidth = width;
		} else {
			if (buttons && (width < 540)) width = 540;
			var tablewidth = width + 4;
		}
		
		document.writeln('<div class="rteDiv">');
		if (buttons == true) {
			
			document.writeln('<table class="rteBack" cellpadding=2 cellspacing=0 id="Buttons1_' + 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>');
			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>');
					
			//CommonDialog control......
			document.writeln('<OBJECT id=dialog');
			document.writeln('classid=clsid:F9043C85-F6F2-101A-A3C9-08002B2F49FB>')
			document.writeln('<PARAM NAME="_ExtentX" VALUE="847">')
			document.writeln('<PARAM NAME="_ExtentY" VALUE="847">')
			document.writeln('<PARAM NAME="_Version" VALUE="393216">')
			document.writeln('<PARAM NAME="CancelError" VALUE="0">')
			document.writeln('<PARAM NAME="Color" VALUE="0">')
			document.writeln('<PARAM NAME="Copies" VALUE="1">')
			document.writeln('<PARAM NAME="DefaultExt" VALUE="">')
			document.writeln('<PARAM NAME="DialogTitle" VALUE="Select File">')
			document.writeln('<PARAM NAME="FileName" VALUE="">')
			document.writeln('<PARAM NAME="Filter" VALUE="All files (*.*)">')
			document.writeln('<PARAM NAME="FilterIndex" VALUE="0">')
			document.writeln('<PARAM NAME="Flags" VALUE="0">')
			document.writeln('<PARAM NAME="FontBold" VALUE="0">')
			document.writeln('<PARAM NAME="FontItalic" VALUE="0">')
			document.writeln('<PARAM NAME="FontName" VALUE="">')
			document.writeln('<PARAM NAME="FontSize" VALUE="8">')
			document.writeln('<PARAM NAME="FontStrikeThru" VALUE="0">')
			document.writeln('<PARAM NAME="FontUnderLine" VALUE="0">')
			document.writeln('<PARAM NAME="FromPage" VALUE="0">')
			document.writeln('<PARAM NAME="HelpCommand" VALUE="0">')
			document.writeln('<PARAM NAME="HelpContext" VALUE="0">')
			document.writeln('<PARAM NAME="HelpFile" VALUE="">')
			document.writeln('<PARAM NAME="HelpKey" VALUE="">')
			document.writeln('<PARAM NAME="InitDir" VALUE="">')
			document.writeln('<PARAM NAME="Max" VALUE="0">')
			document.writeln('<PARAM NAME="Min" VALUE="0">')
			document.writeln('<PARAM NAME="MaxFileSize" VALUE="260">')
			//document.writeln('<PARAM NAME="MaxFileSize" VALUE="30">')
			document.writeln('<PARAM NAME="PrinterDefault" VALUE="1">')
			document.writeln('<PARAM NAME="ToPage" VALUE="0">')
			document.writeln('<PARAM NAME="Orientation" VALUE="1"></OBJECT>')			
			document.writeln('		<td width="100%"></td>');
			document.writeln('	</tr>');
			document.writeln('</table>');
		}
		document.writeln('<iframe id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px" src="' + includesPath + 'blank.htm"></iframe>');
		//document.writeln('<iframe id="' + rte + '" name="' + rte + '" width="' + width + 'px" height="' + height + 'px" src="tstRte2.asp"></iframe>');
	
		//document.writeln('<textarea name="rte" id="rte" style="width:300 px; height:300 px;" maxLength="30" onKeyPress="taLimit()"  onKeyUp="taCount(myCounter)"></textarea>');
		//document.writeln('<SPAN id="myCounter">30</SPAN>characters remaining </div>')
		document.writeln('<input type="hidden" id="hdn' + rte + '" name="' + rte + '" value="">');
		
		document.writeln('</div>');
		document.getElementById('hdn' + rte).value = html;
		enableDesignMode(rte, html, readOnly);
	} else {
		if (!readOnly) {
			document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;" maxLength="30" onKeyPress="taLimit()"  onKeyUp="taCount(myCounter)">' + html + '</textarea>');
			//document.writeln('<textarea name="rte1" id="rte1" style="width:300 px; height:300 px;" maxLength="30" onKeyPress="taLimit()"  onKeyUp="taCount(myCounter)">' + html + '</textarea>');
		} else {
			document.writeln('<textarea name="' + rte + '" id="' + rte + '" style="width: ' + width + 'px; height: ' + height + 'px;" readonly  maxLength="30" onKeyPress="taLimit()" onKeyUp="taCount(myCounter)">' + html + '</textarea>');
		}		
	}
	
}


function test()
{
	alert("test")
}




function enableDesignMode(rte, html, readOnly) {
	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";
		frameHtml += "	background: #FFFFFF;\n";
		frameHtml += "	margin: 0px;\n";
		frameHtml += "	padding: 0px;\n";
		frameHtml += "}\n";
		frameHtml += "</style>\n";
	}
	frameHtml += "<script language='JavaScript' type='text/javascript' src='KeyPress.js'>\n"
	frameHtml += "</script>\n"
	frameHtml += "</head>\n";
	frameHtml += "<body onload='show_key(event.which)'>\n";
	frameHtml += html + "\n";
	frameHtml += "</body>\n";
	frameHtml += "</html>";
	
	if (document.all) {
		var oRTE = frames[rte].document;
		//var oRTE = document.getElementById("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() {
	//alert("all "+allRTEs);
	var vRTEs = allRTEs.split(";");
	for (var i = 0; i < vRTEs.length; i++) {
		updateRTE(vRTEs[i]);
		//extra
		if(updateRTE(vRTEs[i]) == 0)
		{return 0;}
		//alert("in upd "+updateRTE(vRTEs[i]))
		//extra
	}
	
}
function updateRTEs1() {
	//alert("all "+allRTEs);
	var vRTEs = allRTEs.split(";");
	for (var i = 0; i < vRTEs.length; i++) {
		updateRTE(vRTEs[i]);
		//extra
		if(updateRTE1(vRTEs[i]) == 0)
		{return 0;}
		//alert("in upd "+updateRTE(vRTEs[i]))
		//extra
	}
	
}
function updateRTE1(rte) {
	//alert(frames[rte].document.body.innerHTML)
	if(frames[rte].document.body.innerHTML == "")
	{
		//alert("should not be blank")
		return 0;		
	}
	else
	{
		if (!isRichText) return;
		
		//set message value
		var oHdnMessage = document.getElementById('hdn' + rte);
		var oRTE = document.getElementById(rte);
		var readOnly = false;
		
		//alert(document.getElementById(rte).innerHTML)
		//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;
				var myCnt = document.getElementById("myCounter1").innerHTML
				if (parseInt(oHdnMessage.value.length)>parseInt(myCnt))
				{
					//alert(oHdnMessage.value.length)
					//alert(myCnt)
					frames[rte].document.body.innerHTML = (frames[rte].document.body.innerHTML).substring(0,myCnt)
					//return false;
					//document.getElementById("SRte1").innerHTML = "First "+myCnt+" chars only will be saved"
					alert("Your Character Length exceeded "+myCnt+". Should not be allowed more than "+myCnt);										
				}
			} else {
				oHdnMessage.value = oRTE.contentWindow.document.body.innerHTML;
				//alert(oHdnMessage.value)
			}
			
			//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 = "";
			//alert("check")
		}
	}
}

function updateRTE(rte) {
	//alert(frames[rte].document.body.innerHTML)
	if(frames[rte].document.body.innerHTML == "")
	{
		//alert("should not be blank")
		return 0;		
	}
	else
	{
		if (!isRichText) return;
		
		//set message value
		var oHdnMessage = document.getElementById('hdn' + rte);
		var oRTE = document.getElementById(rte);
		var readOnly = false;
		
		//alert(document.getElementById(rte).innerHTML)
		//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;
				var myCnt = document.getElementById("myCounter").innerHTML
				if (parseInt(oHdnMessage.value.length)>parseInt(myCnt))
				{
					//alert(oHdnMessage.value.length)
					//alert(myCnt)
					frames[rte].document.body.innerHTML = (frames[rte].document.body.innerHTML).substring(0,myCnt)
					//return false;
					//document.getElementById("SRte1").innerHTML = "First "+myCnt+" chars only will be saved"
					alert("Your Character Length exceeded "+myCnt+". Should not be allowed more than "+myCnt);										
				}
			} else {
				oHdnMessage.value = oRTE.contentWindow.document.body.innerHTML;
				//alert(oHdnMessage.value)
			}
			
			//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 = "";
			//alert("check")
		}
	}
}

function rteCommand(rte, command, option) {
	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("error"+e);
		//setTimeout("rteCommand('" + rte + "', '" + command + "', '" + option + "');", 10);
	}
}

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 setImag(imag) {
	//function to set color
	//alert(imag)
	var rte = currentRTE;
	var parentCommand = parent.command;
	//alert(parent.command)
	if (document.all) {
		//retrieve selected range
		var sel = frames[rte].document.selection; 
	//	alert("sel "+sel)
		//if (parentCommand == "smiley") parentCommand = "smiley";
		
		if ((imag != null) && (imag != ""))
		{
			//alert("in"+imag)
			//rteCommand(hidrte.value, 'InsertImage', imag);
			rteCommand(rte, 'InsertImage', imag);
		}
		if (parentCommand == "smiley") 
			parentCommand = imag;
		if (sel != null) 
		{
			var newRng = sel.createRange();
			newRng = rng;
			newRng.select();
		}
	}
	
	rteCommand(rte, parentCommand, imag);
	showHideElement('smp' + rte, "hide");
}

function addImage(rte) {
	//alert(rte);
	//function to add image
	//imagePath = prompt('Enter Image URL:', 'http://');				

	//ImgFname.value = imagePath;
	//if ((imagePath != null) && (imagePath != "")) {
	//	rteCommand(rte, 'InsertImage', imagePath);
	//}
	//objNewDoc = window.open("ImgSlector.asp","Select Image","widht=600,height=600,scrollbars=no");	
	hidrte.value=rte;
	window.open("ImgSlector.asp?tmp="+rte,"windowName","width=800,height=400,scrollbars=no");
	//alert("hello")
	//dialog.Flags = 0x1000 ;
	//dialog.ShowOpen();
	//imagePath = dialog.FileName ;
}

function addImage12(filePath) {
	//function to add image
	imagePath = "images/"+filePath;				
	//alert(imagePath);
	//ImgFname.value = imagePath;
	if ((imagePath != null) && (imagePath != "")) {
		rteCommand(hidrte.value, 'InsertImage', imagePath);
	}
	//objNewDoc = window.open("ImgSlector.asp","Select Image","widht=600,height=600,scrollbars=no");	
	
	
	//window.open("ImgSlector.asp","windowName","width=800,height=400,scrollbars=no");
	//dialog.Flags = 0x1000 ;
	//dialog.ShowOpen();
	//imagePath = dialog.FileName ;
}




// 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 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
	//alert(element)
	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
	//alert(rte)
	var oRTE;
	if (document.all) {
		oRTE = frames[rte];
		var selection = oRTE.document.selection; 
		if (selection != null) rng = selection.createRange();
	} else {
		oRTE = document.getElementById(rte).contentWindow;
		var selection = oRTE.getSelection();
		rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
	}
	//alert(rng)
}

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
}



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';
	}
}