// Javascript routines for the page editor

// Idle time required for autosave, in seconds

var AUTOSAVE_TIMEOUT = 15;

var AutosaveTimeoutObj = null;

var editor_img_path = cdnPath + '/images/editor';

var editor_save_lock = false;

var editor_wikitext_transform_enable = true;

window.ajaxEditor = function(revid)

{

	if ( KILL_SWITCH )

		return true;

	if ( editor_open )

		return true;

	load_component(['l10n', 'template-compiler', 'messagebox', 'fadefilter', 'flyin', 'toolbar']);

	selectButtonMinor('edit');

	selectButtonMajor('article');

	setAjaxLoading();

	var rev_id_uri = ( revid ) ? '&revid=' + revid : '';

	ajaxGet(stdAjaxPrefix + '&_mode=getsource' + rev_id_uri, function(ajax)

		{

			if ( ajax.readyState == 4 && ajax.status == 200 )

			{

				unsetAjaxLoading();

				var response = String(ajax.responseText + '');

				if ( !check_json_response(response) )

				{

					handle_invalid_json(response);

					return false;

				}

				response = parseJSON(response);

				if ( response.mode == 'error' )

				{

					unselectAllButtonsMinor();

					new MessageBox(MB_OK | MB_ICONSTOP, $lang.get('editor_err_server'), response.error);

					return false;

				}

				if ( !response.auth_view_source )

				{

					unselectAllButtonsMinor();

					new MessageBox(MB_OK | MB_ICONSTOP, $lang.get('editor_err_access_denied_title'), $lang.get('editor_err_access_denied_body'));

					return false;

				}

				// do we need to enter a captcha before saving the page?

				var captcha_hash = ( response.require_captcha ) ? response.captcha_id : false;

				ajaxBuildEditor((!response.auth_edit), response.time, response.allow_wysiwyg, captcha_hash, response.revid, response.undo_info, response);

			}

		});

}

window.ajaxBuildEditor = function(readonly, timestamp, allow_wysiwyg, captcha_hash, revid, undo_info, response)

{

	// Set flags

	// We don't want the fancy confirmation framework to trigger if the user is only viewing the page source

	if ( !readonly )

	{

		editor_open = true;

		disableUnload();

	}

	// Destroy existing contents of page container

	if ( editor_use_modal_window )

	{

		darken(true, 70, 'enano_editor_darkener');

		// Build a div with 80% width, centered, and 10px from the top of the window

		var edcon = document.createElement('div');

		edcon.style.position = 'absolute';

		edcon.style.backgroundColor = '#FFFFFF';

		edcon.style.padding = '10px';

		edcon.style.width = '80%';

		edcon.style.zIndex = getHighestZ() + 1;

		edcon.id = 'ajaxEditContainerModal';

		// Positioning

		var top = getScrollOffset() + 10;

		var left = ( getWidth() / 10 ) - 10; // 10% of window width on either side - 10px for padding = perfect centering effect

		edcon.style.top = String(top) + 'px';

		edcon.style.left = String(left) + 'px';

		var body = document.getElementsByTagName('body')[0];

		// Set opacity to 0

		domObjChangeOpac(0, edcon);

		body.appendChild(edcon);

	}

	else

	{

		var edcon = document.getElementById('ajaxEditContainer');

		for ( var i = edcon.childNodes.length - 1; i >= 0; i-- )

		{

			edcon.removeChild(edcon.childNodes[i]);

		}

	}

	var content = response.src;

	//

	// BUILD EDITOR

	//

	var heading = document.createElement('h3');

	heading.style.cssFloat = 'left';

	heading.style.styleFloat = 'left';

	heading.style.marginTop = '0px';

	heading.style.marginBottom = '0px';

	heading.appendChild(document.createTextNode($lang.get('editor_msg_editor_heading')));

	// Plaintext/wikitext toggler

	// Only build the editor if using TinyMCE is allowed. THIS IS WEAK

	// AND CANNOT BE MADE ANY STRONGER.

	if ( allow_wysiwyg )

	{

		var toggler = document.createElement('p');

		toggler.style.marginLeft = '0';

		toggler.style.textAlign = 'right';

		var span_wiki = document.createElement('span');

		var span_mce  = document.createElement('span');

		span_wiki.id  = 'enano_edit_btn_pt';

		span_mce.id   = 'enano_edit_btn_mce';

		// to-wikitext button

		var a = document.createElement('a');

		a.href = '#';

		a.className = 'abutton image abutton_green';

		a.appendChild(gen_sprite(scriptPath + '/images/editor/sprite.png', 16, 16, 0, 96));

		a.appendChild(document.createTextNode(' ' + $lang.get('editor_btn_wikitext')));

		span_wiki.appendChild(a);

		toggler.appendChild(span_wiki);

		// to-HTML button

		var a = document.createElement('a');

		a.href = '#';

		a.className = 'abutton image abutton_blue';

		a.appendChild(gen_sprite(scriptPath + '/images/editor/sprite.png', 16, 16, 0, 112));

		a.appendChild(document.createTextNode(' ' + $lang.get('editor_btn_graphical')));

		span_mce.appendChild(a);

		toggler.appendChild(span_mce);

		if ( response.page_format == 'xhtml' )

		{

			// Current selection is TinyMCE - make span_wiki have the link and span_mce be plaintext

			span_mce.style.display = 'none';

		}

		else

		{

			// Current selection is wikitext - set span_wiki to plaintext and span_mce to link

			span_wiki.style.display = 'none';

		}

	}

	// Form (to allow submits from MCE to trigger a real save)

	var form = document.createElement('form');

	form.action = 'javascript:void(0);';

	form.onsubmit = function()

	{

		ajaxEditorSave();

		return false;

	}

	// Draft notice

	if ( response.have_draft && !readonly )

	{

		var dn = document.createElement('div');

		dn.className = 'warning-box';

		dn.id = 'ajax_edit_draft_notice';

		dn.innerHTML = '<b>' + $lang.get('editor_msg_have_draft_title') + '</b><br />';

		dn.innerHTML += $lang.get('editor_msg_have_draft_body', { author: response.draft_author, time: response.draft_time });

	}

	// Old-revision notice

	if ( revid > 0 )

	{

		var oldrev_box = document.createElement('div');

		oldrev_box.className = 'usermessage';

		oldrev_box.appendChild(document.createTextNode($lang.get('editor_msg_editing_old_revision')));

	}

	// Preview holder

	var preview_anchor = document.createElement('a');

	preview_anchor.name = 'ajax_preview';

	preview_anchor.id = 'ajax_preview';

	var preview_container = document.createElement('div');

	preview_container.id = 'enano_editor_preview';

	preview_container.style.clear = 'left';

	// Textarea containing the content

	var ta_wrapper = document.createElement('div');

	ta_wrapper.style.margin = '10px 0';

	// ta_wrapper.style.clear = 'both';

	var textarea = document.createElement('textarea');

	ta_wrapper.appendChild(textarea);

	textarea.id = 'ajaxEditArea';

	textarea.rows = '20';

	textarea.cols = '60';

	textarea.style.width = '98.7%';

	// Revision metadata controls

	var tblholder = document.createElement('div');

	tblholder.className = 'tblholder';

	var metatable = document.createElement('table');

	metatable.setAttribute('border', '0');

	metatable.setAttribute('cellspacing', '1');

	metatable.setAttribute('cellpadding', '4');

	if ( readonly )

	{

		// Close Viewer button

		var toolbar = '';

		var head = new templateParser(response.toolbar_templates.toolbar_start);

		var button = new templateParser(response.toolbar_templates.toolbar_button);

		var tail = new templateParser(response.toolbar_templates.toolbar_end);

		toolbar += head.run();

		button.assign_bool({

				show_title: true

			});

		// Button: close

		button.assign_vars({

				TITLE: $lang.get('editor_btn_closeviewer'),

				IMAGE: editor_img_path + '/discard.gif',

				SPRITE: gen_sprite_html(editor_img_path + '/sprite.png', 16, 16, 0, 16),

				FLAGS: 'href="#" onclick="ajaxReset(true); return false;"'

			});

		toolbar += button.run();

		toolbar += tail.run();

	}

	else

	{

		// First row: edit summary

		var tr1 = document.createElement('tr');

		var td1_1 = document.createElement('td');

		var td1_2 = document.createElement('td');

		td1_1.className = 'row2';

		td1_2.className = 'row1';

		td1_2.style.width = '70%';

		td1_1.appendChild(document.createTextNode($lang.get('editor_lbl_edit_summary')));

		td1_1.appendChild(document.createElement('br'));

		var small = document.createElement('small');

		small.appendChild(document.createTextNode($lang.get('editor_lbl_edit_summary_explain')));

		td1_1.appendChild(small);

		var field_es = document.createElement('input');

		field_es.id = 'enano_editor_field_summary';

		field_es.type = 'text';

		field_es.size = '40';

		field_es.style.width = '96%';

		if ( revid > 0 )

		{

			undo_info.last_rev_id = revid;

			field_es.value = $lang.get('editor_reversion_edit_summary', undo_info);

		}

		td1_2.appendChild(field_es);

		tr1.appendChild(td1_1);

		tr1.appendChild(td1_2);

		// Second row: minor edit

		var tr2 = document.createElement('tr');

		var td2_1 = document.createElement('td');

		var td2_2 = document.createElement('td');

		td2_1.className = 'row2';

		td2_2.className = 'row1';

		td2_1.appendChild(document.createTextNode($lang.get('editor_lbl_minor_edit')));

		td2_1.appendChild(document.createElement('br'));

		var small = document.createElement('small');

		small.appendChild(document.createTextNode($lang.get('editor_lbl_minor_edit_explain')));

		td2_1.appendChild(small);

		var label = document.createElement('label');

		var field_mi = document.createElement('input');

		field_mi.id = 'enano_editor_field_minor';

		field_mi.type = 'checkbox';

		label.appendChild(field_mi);

		label.appendChild(document.createTextNode(' '));

		label.appendChild(document.createTextNode($lang.get('editor_lbl_minor_edit_field')));

		td2_2.appendChild(label);

		tr2.appendChild(td2_1);

		tr2.appendChild(td2_2);

		if ( captcha_hash )

		{

			// generate captcha field (effectively third row)

			var tr4 = document.createElement('tr');

			var td4_1 = document.createElement('td');

			var td4_2 = document.createElement('td');

			td4_1.className = 'row2';

			td4_2.className = 'row1';

			td4_1.appendChild(document.createTextNode($lang.get('editor_lbl_field_captcha')));

			td4_1.appendChild(document.createElement('br'));

			var small2 = document.createElement('small');

			small2.appendChild(document.createTextNode($lang.get('editor_msg_captcha_pleaseenter')));

			small2.appendChild(document.createElement('br'));

			small2.appendChild(document.createElement('br'));

			small2.appendChild(document.createTextNode($lang.get('editor_msg_captcha_blind')));

			td4_1.appendChild(small2);

			var img = document.createElement('img');

			img.src = makeUrlNS('Special', 'Captcha/' + captcha_hash);

			img.setAttribute('enano:captcha_hash', captcha_hash);

			img.id = 'enano_editor_captcha_img';

			img.onclick = function()

			{

				this.src = makeUrlNS('Special', 'Captcha/' + this.getAttribute('enano:captcha_hash') + '/' + Math.floor(Math.random() * 100000));

			}

			img.style.cursor = 'pointer';

			td4_2.appendChild(img);

			td4_2.appendChild(document.createElement('br'));

			td4_2.appendChild(document.createTextNode($lang.get('editor_lbl_field_captcha_code') + ' '));

			var input = document.createElement('input');

			input.type = 'text';

			input.id = 'enano_editor_field_captcha';

			input.setAttribute('enano:captcha_hash', captcha_hash);

			input.size = '9';

			td4_2.appendChild(input);

			tr4.appendChild(td4_1);

			tr4.appendChild(td4_2);

		}

		// Third row: controls

		var toolbar = '';

		var head = new templateParser(response.toolbar_templates.toolbar_start);

		var button = new templateParser(response.toolbar_templates.toolbar_button);

		var label = new templateParser(response.toolbar_templates.toolbar_label);

		var tail = new templateParser(response.toolbar_templates.toolbar_end);

		button.assign_bool({

				show_title: true

			});

		toolbar += head.run();

		// Button: Save

		button.assign_vars({

				TITLE: $lang.get('editor_btn_save'),

				IMAGE: editor_img_path + '/save.gif',

				SPRITE: gen_sprite_html(editor_img_path + '/sprite.png', 16, 16, 0, 64),

				FLAGS: 'href="#" onclick="ajaxEditorSave(); return false;"'

			});

		toolbar += button.run();

		// Button: preview

		button.assign_vars({

				TITLE: $lang.get('editor_btn_preview'),

				IMAGE: editor_img_path + '/preview.gif',

				SPRITE: gen_sprite_html(editor_img_path + '/sprite.png', 16, 16, 0, 32),

				FLAGS: 'href="#" onclick="ajaxEditorGenPreview(); return false;"'

			});

		toolbar += button.run();

		// Button: revert

		button.assign_vars({

				TITLE: $lang.get('editor_btn_revert'),

					IMAGE: editor_img_path + '/revert.gif',

					SPRITE: gen_sprite_html(editor_img_path + '/sprite.png', 16, 16, 0, 48),

				FLAGS: 'href="#" onclick="ajaxEditorRevertToLatest(); return false;"'

			});

		toolbar += button.run();

		// Button: diff

		button.assign_vars({

				TITLE: $lang.get('editor_btn_diff'),

				IMAGE: editor_img_path + '/diff.gif',

				SPRITE: gen_sprite_html(editor_img_path + '/sprite.png', 16, 16, 0, 0),

				FLAGS: 'href="#" onclick="ajaxEditorShowDiffs(); return false;"'

			});

		toolbar += button.run();

		// Button: cancel

		button.assign_vars({

				TITLE: $lang.get('editor_btn_cancel'),

				IMAGE: editor_img_path + '/discard.gif',

				SPRITE: gen_sprite_html(editor_img_path + '/sprite.png', 16, 16, 0, 16),

				FLAGS: 'href="#" onclick="ajaxEditorCancel(); return false;"'

			});

		toolbar += button.run();

		// Separator

		label.assign_vars({

				TITLE: ' '

			});

		toolbar += label.run();

		// Button: Save draft

		button.assign_vars({

				TITLE: $lang.get('editor_btn_savedraft'),

				IMAGE: editor_img_path + '/savedraft.gif',

				// SPRITE: gen_sprite_html(editor_img_path + '/sprite.png', 16, 16, 0, 80),

				SPRITE: false,

				FLAGS: 'href="#" onclick="ajaxPerformAutosave(); return false;" id="ajax_edit_savedraft_btn"'

			});

		toolbar += button.run();

		toolbar += tail.run();

		metatable.appendChild(tr1);

		metatable.appendChild(tr2);

		if ( captcha_hash )

		{

			metatable.appendChild(tr4);

		}

		// metatable.appendChild(tr3);

	}

	tblholder.appendChild(metatable);

	// Edit disclaimer/notice

	if ( response.edit_notice )

	{

		var en_div = document.createElement('div');

		en_div.innerHTML = response.edit_notice;

		en_div.className = 'usermessage';

		en_div.style.margin = '10px 0 0 0';

	}

	// Put it all together...

	form.appendChild(heading);

	if ( allow_wysiwyg )

		form.appendChild(toggler);

	if ( dn )

		form.appendChild(dn);

	if ( oldrev_box )

		form.appendChild(oldrev_box);

	form.appendChild(preview_anchor);

	form.appendChild(preview_container);

	form.appendChild(ta_wrapper);

	if ( !readonly )

		form.appendChild(tblholder);

	form.innerHTML += '<div style="margin: 10px 0 0 0;">' + toolbar + '</div>';

	edcon.appendChild(form);

	if ( response.edit_notice && !readonly )

	{

		edcon.appendChild(en_div);

	}

	// more textarea attribs/init

	var textarea = document.getElementById('ajaxEditArea');

	textarea.as_last_save = 0;

	textarea.content_orig = content;

	textarea.used_draft = false;

	textarea.onkeyup = function()

	{

		if ( this.needReset )

		{

			var img = $dynano('ajax_edit_savedraft_btn').object.getElementsByTagName('img')[0];

			var lbl = $dynano('ajax_edit_savedraft_btn').object.getElementsByTagName('span')[0];

			img.src = editor_img_path + '/savedraft.gif';

			lbl.innerHTML = $lang.get('editor_btn_savedraft');

		}

		if ( window.AutosaveTimeoutObj )

			clearTimeout(window.AutosaveTimeoutObj);

		window.AutosaveTimeoutObj = setTimeout('ajaxAutosaveDraft();', ( AUTOSAVE_TIMEOUT * 1000 ));

	}

	if ( readonly )

	{

		textarea.className = 'mce_readonly';

		textarea.setAttribute('readonly', 'readonly');

	}

	$dynano('ajaxEditArea').object.focus();

	$dynano('ajaxEditArea').object._edTimestamp = timestamp;

	$dynano('ajaxEditArea').setContent(content);

	// If the editor preference is tinymce, switch the editor to TinyMCE now

	if ( response.page_format == 'xhtml' && allow_wysiwyg )

	{

		$dynano('ajaxEditArea').switchToMCE(false);