var editor;
$(function(){
	// When the user double-clicks on a "content" element, replace it with the CKEditor and surround it with a form.
	$('.content').dblclick( function() {
		if( editor )
			editor.destroy();

		//$(this).ckeditor().wrap( '<form action="https://www.theatreonthesteps.co.uk/scripts/ajax/ajax.update_content.php" method="post" />' );

		$(this).ckeditor(function(){}).wrap( '<form action="https://www.theatreonthesteps.co.uk/scripts/ajax/ajax.update_content.php" method="post" />' );
		$(this).before( '<input type="hidden" name="id" value="' + $(this).val() + '" />' );

		editor = $(this).ckeditorGet();
	});

	//$(editor).bind('click',function(){alert("OIOIOIOI!!");})
	// $(editor).setData.ckeditor('TESTESTEST!!'); --- was using this - thought it was working....

	//.updateElement();

	$(editor).bind('destroy',function(){alert("OIOIOIOI!!");})
});

/*
var editor;
$(function() {
	$('.content').dblclick( function() {
		if( editor )
			editor.destroy();
		editor = CKEDITOR.replace( this );
	});
});
*/

/*
var editor;
function replaceDiv( div )
{
	if ( editor )
		editor.destroy();
	editor = CKEDITOR.replace( div );
}
*/