var editor;

function OpenEditor(id)
{
	if ( editor )
		return;

	var html = document.getElementById( 'editorcontents'+id).innerHTML;

	// Create a new editor inside the <div id="editor">
	editor = CKEDITOR.appendTo( 'editor'+id );
	editor.setData( html );

	// This sample may break here if the ckeditor_basic.js is used. In such case, the following code should be used instead:
        document.getElementById( 'contents'+id ).style.display = 'none';
        document.getElementById( 'ButtonOpen'+id ).style.display = 'none';
        document.getElementById( 'ButtonPreview'+id ).style.display = 'inline';
        document.getElementById( 'ButtonSend'+id ).style.display = 'none';
        document.getElementById( 'ButtonBack'+id ).style.display = 'inline';
        document.getElementById( 'ButtonDelete'+id ).style.display = 'none';
        document.getElementById( 'editorcontentsbis'+id).style.display='none';



	if ( editor.setData )
		editor.setData( html );
	else
	{
		CKEDITOR.on( 'loaded', function()
			{
				editor.setData( html );
			});
	}

}



function PreviewEditor(id)
{
	if ( !editor )
		return;

	// Retrieve the editor contents. In an Ajax application, this data would be
	// sent to the server or used in any other way.
        document.getElementById( 'editorcontents'+id ).innerHTML = editor.getData();
        document.getElementById( 'editorcontentsbis'+id ).innerHTML = editor.getData();
        document.getElementById( 'editorcontentsbis'+id ).style.display = 'inline';
	document.getElementById( 'contents'+id ).style.display = '';
	document.getElementById( 'ButtonSend'+id ).style.display = 'inline';
	document.getElementById( 'ButtonPreview'+id ).style.display = 'none';
	document.getElementById( 'ButtonOpen'+id ).style.display = 'inline';
        document.getElementById( 'ButtonDelete'+id ).style.display = 'none';
	// Destroy the editor.
	editor.destroy();
	editor = null;
}


function BackEntry(content,id)
{


	// Retrieve the editor contents. In an Ajax application, this data would be
	// sent to the server or used in any other way.

	document.getElementById( 'result' ).style.display = 'none';
}