//<![CDATA[

	//pre-load all images
	
	var aFocusImage = new Array(8)
	var aUnselImage = new Array(8)
	var aSelImage = new Image(8)
	var aSelFocusImage = new Image(8)
	
	for (var i = 0; i < 8; i++)
	{
		aFocusImage[i] = new Image()
		aUnselImage[i] = new Image()
		aSelImage[i] = new Image()
		aSelFocusImage[i] = new Image()
	}
	
	aFocusImage[0].src = "/images/Toolbar/FocusBold.gif"
	aUnselImage[0].src = "/images/Toolbar/UnselBold.gif"
	aSelImage[0].src = "/images/Toolbar/SelBold.gif"
	aSelFocusImage[0].src = "/images/Toolbar/SelFocusBold.gif"
	
	aFocusImage[1].src = "/images/Toolbar/FocusItalic.gif"
	aUnselImage[1].src = "/images/Toolbar/UnselItalic.gif"
	aSelImage[1].src = "/images/Toolbar/SelItalic.gif"
	aSelFocusImage[1].src = "/images/Toolbar/SelFocusItalic.gif"
	
	aFocusImage[2].src = "/images/Toolbar/FocusUnderline.gif"
	aUnselImage[2].src = "/images/Toolbar/UnselUnderline.gif"
	aSelImage[2].src = "/images/Toolbar/SelUnderline.gif"
	aSelFocusImage[2].src = "/images/Toolbar/SelFocusUnderline.gif"
	
	aFocusImage[3].src = "/images/Toolbar/FocusLeft.gif"
	aUnselImage[3].src = "/images/Toolbar/UnselLeft.gif"
	aSelImage[3].src = "/images/Toolbar/SelLeft.gif"
	aSelFocusImage[3].src = "/images/Toolbar/SelFocusLeft.gif"
	
	aFocusImage[4].src = "/images/Toolbar/FocusCenter.gif"
	aUnselImage[4].src = "/images/Toolbar/UnselCenter.gif"
	aSelImage[4].src = "/images/Toolbar/SelCenter.gif"
	aSelFocusImage[4].src = "/images/Toolbar/SelFocusCenter.gif"
	
	aFocusImage[5].src = "/images/Toolbar/FocusRight.gif"
	aUnselImage[5].src = "/images/Toolbar/UnselRight.gif"
	aSelImage[5].src = "/images/Toolbar/SelRight.gif"
	aSelFocusImage[5].src = "/images/Toolbar/SelFocusRight.gif"
	
	aFocusImage[6].src = "/images/Toolbar/FocusNumber.gif"
	aUnselImage[6].src = "/images/Toolbar/UnselNumber.gif"
	aSelImage[6].src = "/images/Toolbar/SelNumber.gif"
	aSelFocusImage[6].src = "/images/Toolbar/SelFocusNumber.gif"
	
	aFocusImage[7].src = "/images/Toolbar/FocusBullet.gif"
	aUnselImage[7].src = "/images/Toolbar/UnselBullet.gif"
	aSelImage[7].src = "/images/Toolbar/SelBullet.gif"
	aSelFocusImage[7].src = "/images/Toolbar/SelFocusBullet.gif"
	
	var oElement = null				//Global variables, hold the current focus editalbe element
	var arrElements = new Array()	//Global variables, hold the list of editalbe elements
	
function EditContent()
{
	//Get all Editable div elements
	
	var j = 0
	var oTempElement = null
	
	//Retrieve all editable elements
	for (var i = 0; i < document.all.length; i++)
	{
		oTempElement = document.all[i]
		if (oTempElement.getAttribute("contenteditable") == "false")
		{
			arrElements[j] = oTempElement
			j++
		}
	}

	//Display the hidden elements
	var arrHiddenElements = document.getElementsByName("divHidden")

	for (j = 0; j < arrHiddenElements.length; j++)
	{
		arrHiddenElements[j].style.display = "block"
	}
	
	//initialize
	if (arrElements.length != 0)
	{
		tblToolbar.style.display = "block"
		tblEditCommand.style.display = "block"
	
		SetEditable()
		
		oElement = arrElements[0]
		SelectElement(oElement)
		
		oElement.focus()
	}
}
			
function Cancel()
{
	document.location.href = document.location.href
}

function PublishContent()
{
	if (oElement.isContentEditable)
	{
		var sSplit = "[|]"
		var sContent = ""
		
		for (var i = 0; i < arrElements.length; i++)
			sContent += arrElements[i].id + sSplit + PatchCloseTag(arrElements[i].innerHTML) + sSplit
		
		sContent = sContent.substring(0, sContent.length - sSplit.length)
		
		//alert(sContent)
		
		document.forms[0].method = "post"
		document.forms[0].txtContent.value = sContent
		document.forms[0].submit()
	}
}

function PatchCloseTag(sHTML)
{
	var aOpenTags = sHTML.match(/<LI>/ig)	//returns an array of all matched open tags
	var aCloseTags = sHTML.match(/<\/LI>/ig)  //returns an array of all matched close tags
	
	//No match
	if (aOpenTags == null || aCloseTags == null)	
		return sHTML
		
	if (aCloseTags.length == aOpenTags.length)
		return sHTML
				
	var aTempStr
	var sResult = ""		//must be initialized
	
	aTempStr = sHTML.split("<LI>")
	if (aTempStr.length == 1)		//There is no such a seperator 
		return sHTML

	for (var i = 0; i < aTempStr.length - 1; i++)
	{
		if (aTempStr[i].indexOf("<UL") == -1 && aTempStr[i].indexOf("<OL") == -1)			
			sResult = sResult + aTempStr[i] + "</LI><LI>"
		else
			sResult = sResult + aTempStr[i] + "<LI>"
	}
	
	sResult = sResult + aTempStr[aTempStr.length - 1]
	return sResult
}
			
function ExecuteCommand(sCommand)
{
	if (oElement.isContentEditable)
	{
		if (sCommand == "CreateLink")
			document.execCommand(sCommand, true, "")	//It will popup a dialog box for you to enter the url.
		else
			document.execCommand(sCommand)
	}
	else
		alert("You must click Edit to activate the edit feature")
}

function SelectImage(iIndex)
{
	var oImage = document.imgToolbar[iIndex]
	if (iIndex == 3 || iIndex == 4 || iIndex == 5)
	{
		//Reset all related image back to unselected
		for (var i = 3; i <= 5; i++)
			document.imgToolbar[i].src = aUnselImage[i].src
			
		//Set current clicked image to selected 
		oImage.src = aSelImage[iIndex].src
	}
	else
	{
		if ( iIndex == 6)
			//Set bulleting image back to unselected
			document.imgToolbar[7].src = aUnselImage[7].src			
		else if ( iIndex == 7)
			//Set numbering image back to unselected
			document.imgToolbar[6].src = aUnselImage[6].src
		
		if ((oImage.src.indexOf("SelFocus") > 0) || (oImage.src.indexOf("Sel") > 0))
			oImage.src = aUnselImage[iIndex].src
		else if ((oImage.src.indexOf("Focus") > 0) || (oImage.src.indexOf("Unsel") > 0))
			oImage.src = aSelImage[iIndex].src
	}
		
	oElement.focus()
}

function MouseOut(iIndex)
{
	if (document.imgToolbar[iIndex].src.indexOf("Sel") < 0)
		document.imgToolbar[iIndex].src = aUnselImage[iIndex].src
	else
		document.imgToolbar[iIndex].src = aSelImage[iIndex].src
}

function MouseOver(iIndex)
{
	if (document.imgToolbar[iIndex].src.indexOf("Sel") < 0)
		document.imgToolbar[iIndex].src = aFocusImage[iIndex].src
	else
		document.imgToolbar[iIndex].src = aSelFocusImage[iIndex].src
}

function SetEditable()
{
	for (var i = 0; i < arrElements.length; i++)
	{
		arrElements[i].contentEditable = true
		arrElements[i].style.display = ""
		arrElements[i].style.borderWidth = 0
		arrElements[i].style.backgroundColor = "#EFEFEF"
		arrElements[i].style.overflow = "auto"
		arrElements[i].style.padding = 0
	}
}

function SelectElement(oElement)
{
	oElement.contentEditable = true
	oElement.style.borderWidth = 2
	oElement.style.borderStyle = "ridge"
	oElement.style.borderColor = "#FEF9F6"
	oElement.style.backgroundColor = "#FEF9F6"
	oElement.style.overflow = "auto"
	oElement.style.padding = 3
	oElement.style.width = 470
	//oElement.style.height = 200
}

//This function is for the onclick event of div editable element
function OnClick(oThis)
{
	if (arrElements.length != 0)
	{
		oElement = oThis
		for (var i = 0; i < 8; i++)
		{
			document.imgToolbar[i].src = aUnselImage[i].src
		}
	
		SetEditable()
	
		SelectElement(oElement)
	}
}

//This function is for the onbeforepaste event of div editable element
function OnBeforePaste(oThis)
{
	event.returnValue = false
}

//This function is for the onpaste event of div editable element
function OnPaste(oThis)
{
	event.returnValue = false
	document.selection.createRange().pasteHTML(window.clipboardData.getData("Text"))
}

function PrintContent(sXMLFile)
{
	document.forms[0].method = "POST"
	//txtXMLFile is a hidden input object in the page
	document.forms[0].txtXMLFile.value = sXMLFile
	document.forms[0].action = "/Common/Print.asp"
	document.forms[0].submit()
}

function Print(sXMLFile)
{
	document.forms[0].method = "post"
	//txtXMLFile is a hidden input field in the page
	document.forms[0].txtXMLFile.value = sXMLFile
	document.forms[0].action = "/Common/Print.asp"
	document.forms[0].submit()
}
//]]>