

// HtmlEditor Class
var HtmlEditor = function(htmlValue, instanceName, width, height, toolbarSet, fields, linkBrowserURL, imageBrowserURL, flashBrowserURL, videoBrowserURL)
{
	// Properties
	this.InstanceName	= instanceName	|| 'editor';
	this.Width			= width			|| '100%' ;
	this.Height			= height		|| '100%' ;
	this.ToolbarSet		= toolbarSet	|| 'Basic' ;
	this.Value			= htmlValue		|| '';
	this.BasePath		= '/cms/jeaf/htmleditor/' ;
	this.FieldList		= fields; //use when insert "input" element
	this.CheckBrowser	= true ;
	this.DisplayErrors	= true ;
	this.EnableSafari	= false ;		// This is a temporary property, while Safari support is under development.
	this.EnableOpera	= false ;		// This is a temporary property, while Opera support is under development.
	this.Config			= new Object() ;
	if(linkBrowserURL) {
		this.Config["LinkBrowserURL"] = linkBrowserURL;
		this.Config["LinkBrowser"] = true;
	}
	if(imageBrowserURL) {
		this.Config["ImageBrowserURL"] = imageBrowserURL;
		this.Config["ImageBrowser"] = true;
	}
	if(flashBrowserURL) {
		this.Config["FlashBrowserURL"] = flashBrowserURL;
		this.Config["FlashBrowser"] = true;
	}
	if(videoBrowserURL) {
		this.Config["VideoBrowserURL"] = videoBrowserURL;
		this.Config["VideoBrowser"] = true;
	}
	// Events
	this.OnError		= null ;	// function( source, errorNumber, errorDescription )
}

HtmlEditor.prototype.Create = function()
{
	// Check for errors
	if ( !this.InstanceName || this.InstanceName.length == 0 )
	{
		this._ThrowError( 701, 'You must specify an instance name.' ) ;
		return ;
	}

	document.write( '<div>' ) ;

	if ( !this.CheckBrowser || this._IsCompatibleBrowser() )
	{
		document.write( '<input type="hidden" id="' + this.InstanceName + '" name="' + this.InstanceName + '" value="' + this._HTMLEncode( this.Value ) + '" style="display:none" />' ) ;
		if(this.FieldList)
		{
			document.write( '<input type="hidden" id="editorFields" name="editorFields" value="' + this.FieldList + '" style="display:none" />' ) ;
		}
		document.write( this._GetConfigHtml() ) ;
		document.write( this._GetIFrameHtml() ) ;
	}
	else {
		var sWidth  = this.Width.toString().indexOf('%')  > 0 ? this.Width  : this.Width  + 'px' ;
		var sHeight = this.Height.toString().indexOf('%') > 0 ? this.Height : this.Height + 'px' ;
		document.write('<textarea name="' + this.InstanceName + '" rows="4" cols="40" style="WIDTH: ' + sWidth + '; HEIGHT: ' + sHeight + '">' + this._HTMLEncode( this.Value ) + '</textarea>') ;
	}

	document.write( '</div>' ) ;
}

HtmlEditor.prototype.ReplaceTextarea = function()
{
	if ( !this.CheckBrowser || this._IsCompatibleBrowser() )
	{
		// We must check the elements firstly using the Id and then the name.
		var oTextarea = document.getElementById( this.InstanceName ) ;
		var colElementsByName = document.getElementsByName( this.InstanceName ) ;
		var i = 0;
		while ( oTextarea || i == 0 )
		{
			if ( oTextarea && oTextarea.tagName == 'TEXTAREA' )
				break ;
			oTextarea = colElementsByName[i++] ;
		}
		
		if ( !oTextarea )
		{
			alert( 'Error: The TEXTAREA with id or name set to "' + this.InstanceName + '" was not found' ) ;
			return ;
		}

		oTextarea.style.display = 'none' ;
		this._InsertHtmlBefore( this._GetConfigHtml(), oTextarea ) ;
		this._InsertHtmlBefore( this._GetIFrameHtml(), oTextarea ) ;
	}
}

HtmlEditor.prototype._InsertHtmlBefore = function( html, element )
{
	if ( element.insertAdjacentHTML )	// IE
		element.insertAdjacentHTML( 'beforeBegin', html ) ;
	else								// Gecko
	{
		var oRange = document.createRange() ;
		oRange.setStartBefore( element ) ;
		var oFragment = oRange.createContextualFragment( html );
		element.parentNode.insertBefore( oFragment, element ) ;
	}
}

HtmlEditor.prototype._GetConfigHtml = function()
{
	var sConfig = '' ;
	for ( var o in this.Config )
	{
		if ( sConfig.length > 0 ) sConfig += '&amp;' ;
		sConfig += escape(o) + '=' + escape( this.Config[o] ) ;
	}

	return '<input type="hidden" id="' + this.InstanceName + '___Config" value="' + sConfig + '" style="display:none" />' ;
}

HtmlEditor.prototype._GetIFrameHtml = function()
{
	var sFile = (/fcksource=true/i).test( window.top.location.search ) ? 'fckeditor.original.html' : 'fckeditor.html' ;

	var sLink = this.BasePath + 'editor/' + sFile + '?InstanceName=' + this.InstanceName ;
	if (this.ToolbarSet) sLink += '&Toolbar=' + this.ToolbarSet ;
	return '<iframe id="' + this.InstanceName + '___Frame" src="' + sLink + '" width="' + this.Width + '" height="' + this.Height + '" frameborder="no" scrolling="no"></iframe>' ;
}

HtmlEditor.prototype._IsCompatibleBrowser = function()
{
	var sAgent = navigator.userAgent.toLowerCase() ;
	
	// Internet Explorer
	if ( sAgent.indexOf("msie") != -1 && sAgent.indexOf("mac") == -1 && sAgent.indexOf("opera") == -1 )
	{
		var sBrowserVersion = navigator.appVersion.match(/MSIE (.\..)/)[1] ;
		return ( sBrowserVersion >= 5.5 ) ;
	}
	
	// Gecko
	if ( navigator.product == "Gecko" && navigator.productSub >= 20030210 )
		return true ;
	
	// Opera
	if ( this.EnableOpera )
	{
		var aMatch = sAgent.match( /^opera\/(\d+\.\d+)/ ) ;
		if ( aMatch && aMatch[1] >= 9.0 )
			return true ;
	}
	
	// Safari
	if ( this.EnableSafari && sAgent.indexOf( 'safari' ) != -1 )
		return ( sAgent.match( /safari\/(\d+)/ )[1] >= 312 ) ;	// Build must be at least 312 (1.3)
	
	return false ;
}

HtmlEditor.prototype._ThrowError = function( errorNumber, errorDescription )
{
	this.ErrorNumber		= errorNumber ;
	this.ErrorDescription	= errorDescription ;

	if ( this.DisplayErrors )
	{
		document.write( '<div style="COLOR: #ff0000">' ) ;
		document.write( '[ FCKeditor Error ' + this.ErrorNumber + ': ' + this.ErrorDescription + ' ]' ) ;
		document.write( '</div>' ) ;
	}

	if ( typeof( this.OnError ) == 'function' )
		this.OnError( this, errorNumber, errorDescription ) ;
}

HtmlEditor.prototype._HTMLEncode = function( text )
{
	if ( typeof( text ) != "string" )
		text = text.toString() ;

	text = text.replace(/&/g, "&amp;") ;
	text = text.replace(/"/g, "&quot;") ;
	text = text.replace(/</g, "&lt;") ;
	text = text.replace(/>/g, "&gt;") ;
	text = text.replace(/'/g, "&#39;") ;

	return text ;
}
HtmlEditor.prototype.Show = function() {
	document.write('<iframe id="htmlViewer" src="about:blank" width="' + this.Width + '" height="' + this.Height + '" frameborder="no"></iframe>');
	frames['htmlViewer'].document.open();
    var C = '<html><head><title></title><link href="' + this.HtmlViewerCSS + '" rel="stylesheet" type="text/css" />';
    C += '</head><body>' + this.Value + '</body></html>';
	frames['htmlViewer'].document.write(C);
	frames['htmlViewer'].document.close();
	frames['htmlViewer'].document.body.contentEditable = false;
}
//创建编辑器
HtmlEditor.CreateEditor = function(htmlValue, instanceName, width, height, toolbarSet, fields, applicationName, browserURL, recordId, lazyCreate) {
	var linkBrowserURL, imageBrowserURL, falshBrowserURL, videoBrowserURL;
	if(applicationName && recordId) {
		var url = '/cms/' + applicationName + "/" + browserURL;
		url += (url.lastIndexOf('?')==-1 ? '?' : '&') + 'id=' + recordId + 
			   '&attachmentSelector.scriptRunAfterSelect=SetUrl("URL")';
		linkBrowserURL =  url + '&attachmentSelector.type=attachments'
		imageBrowserURL = url + '&attachmentSelector.type=images';
		falshBrowserURL = url + '&attachmentSelector.type=flashs';
		videoBrowserURL = url + '&attachmentSelector.type=videos';
	}
	var editor = new HtmlEditor(htmlValue, instanceName, width, height, toolbarSet, fields, linkBrowserURL, imageBrowserURL, falshBrowserURL, videoBrowserURL);
	if(!lazyCreate) {
		editor.Create();
	}
	return editor;
}
//显示HTML内容
HtmlEditor.ShowHtmlContent = function(htmlValue, width, height) {
	new HtmlEditor(htmlValue, 'htmlViewer', width, height, '').Show();
}
//获取文本内容
HtmlEditor.GetTextContent = function(editorInstanceName) {
	var editorDocument = FCKeditorAPI.GetInstance(editorInstanceName || 'editor').EditorDocument;
	if (editorDocument.all) {
		return editorDocument.body.innerText;
	}
	else {
		var html = editorDocument.body.ownerDocument.createRange();
		html.selectNodeContents(editorDocument.body);
		return html.toString();
	}
}
//获取HTML内容
HtmlEditor.GetHtmlContent = function(editorInstanceName) {
	return FCKeditorAPI.GetInstance(editorInstanceName || 'editor').GetXHTML(true);
}
//获取HTML内容
HtmlEditor.GetHtmlBody = function(editorInstanceName) {
	return FCKeditorAPI.GetInstance(editorInstanceName || 'editor').EditorDocument.body.innerHTML;
}
