var editContentId = 0;
var url = "/editorWidget.jsp"; // The server-side script
var http = getHTTPObject(); // We create the XMLHTTPRequest Object

function FCKeditor_OnComplete( editorInstance )
{
	// Show the editor name and description in the browser status bar.
	document.getElementById('eMessage').innerHTML = 'Instance "' + editorInstance.Name + '" loaded - ' + editorInstance.Description ;

	// Show this sample buttons.
	document.getElementById('eButtons').style.visibility = '' ;
}

function handleHttpResponse() {
    if (http.readyState == 4) {
        if (http.status == 200) {
//            alert("handleHTTPResponse Good");            
          } else {
            alert ( "Unable to save content." );
        }
    }    
}

function getHTTPObject() {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } 
    return xmlhttp;
}

function doSave(contentId)
{
//	alert('do Save');

	var div = document.getElementById(contentId);
	var oEditor = FCKeditorAPI.GetInstance('editor' + div.id ) ;

	var strHTML = oEditor.GetXHTML();
		
	var customerIDValue = "2";

	var poststr = "contentID=" + escape(contentId ) +
	              "&rawContent=" + escape(strHTML);

   http.onreadystatechange = handleHttpResponse;
   http.open('POST', url, true);
   http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http.setRequestHeader("Content-length", poststr.length);
   http.setRequestHeader("Connection", "close");
   http.send(poststr);

	deleteEditor(contentId);
	div.innerHTML = strHTML;
}

function doCancel(contentId)
{
//	alert('do Cancel');
//	var div = document.getElementById(contentId);
//	var hiddenData = document.getElementById("prevContent");
	deleteEditor(contentId);
//	div.innerHTML = hiddenData.value; 	
}

function createEditor(contentId)
{
	var div = document.getElementById(contentId);
	var FCKdiv = document.getElementById('FCKeditor');
	var bar = document.getElementById("editBar" + contentId);
	bar.style.display = 'none';
	
	var textHTML = div.innerHTML;
	
	var sBasePath = '/fckeditor/' ; ;
	var oFCKeditor = new FCKeditor( 'editor' + div.id ) ;
	oFCKeditor.BasePath	= sBasePath ;
	oFCKeditor.Config['FlashUpload'] = false ;
	oFCKeditor.Config['EditorAreaCSS'] = ['/tlc.css'];
	oFCKeditor.Config['StylesXmlPath'] = ['/js/tlcstyles.xml'];
	oFCKeditor.Width	= 750 ;
	oFCKeditor.Height	= 400 ;
	oFCKeditor.Value	= textHTML ;
	FCKdiv.innerHTML = oFCKeditor.CreateHtml() + "<br><input type=button name='Save' value='Save' onclick='doSave(" + contentId + ");'> <input type=button name='Cancel' value='Cancel' onclick='doCancel(" + contentId + ");'>" +
	"<input type=hidden id='prevContent' value='" + textHTML + "'>";

}

function deleteEditor(contentId)
{
	var div = document.getElementById(contentId);
	var oEditor = FCKeditorAPI.GetInstance('editor' + div.id ) ;

	var FCKdiv = document.getElementById('FCKeditor');
	FCKdiv.innerHTML = '';

   delete FCKeditorAPI.__Instances['editor' + div.id];
    
	var bar = document.getElementById("editBar" + contentId);
	bar.style.display = 'block';
}