// ---
var mpEditor;
var mpGray;
var mpCloser;
window.addEvent('domready', function() {
	mpEditor=new Element('div', {id:'editor', styles:{position:'absolute', zIndex:100, backgroundColor:'white', padding:'10px', paddingRight:'32px', border:'solid 10px #ddd', display:'none'}});
	mpGray=new Element('div', {id:'gray', styles:{backgroundColor:'black', opacity:0.7, position:'absolute', zIndex:50, display:'none', left:'0px', top:'0px', width:'100%'}});
	mpGray.addEvent('click', hideEditor);
	mpCloser=new Element('div', {id:'closer', styles:{position:'absolute', zIndex:150, width:'22px', height:'22px', cursor:'pointer', display:'none'}});
	mpCloser.addEvent('click', hideEditor);
	if (window.gecko) {
		mpEditor.setStyle('position', 'fixed');
		mpGray.setStyle('position', 'fixed');
		mpCloser.setStyle('position', 'fixed');
	} else {
		window.addEvent('scroll', onScrollEditor);
	}
	window.addEvent('resize', onScrollEditor);
	$('htmlBody').adopt(mpGray);
	$('htmlBody').adopt(mpEditor);
	$('htmlBody').adopt(mpCloser);
});
function onScrollEditor() {
	mpGray.setStyle('height', window.getHeight()+'px');
	if (!window.gecko) mpGray.setStyle('top', window.getScrollTop()+'px');
	var coo=mpEditor.getCoordinates();
	var editorTop=window.gecko ? 0 : window.getScrollTop();
	mpEditor.setStyles({top:(editorTop+(window.getHeight()-coo.height)/2)+'px', left:(window.getScrollLeft()+(window.getWidth()-coo.width)/2)+'px'});
	//
	var coo=mpEditor.getCoordinates();
	mpCloser.setStyles({left:(coo.right.toInt()-32)+'px', top:(mpEditor.getStyle('top').toInt()+12)+'px'});
}
function showEditor(s) {
	mpEditor.setHTML(s);
	onScrollEditor.delay(1);
	mpGray.setStyle('display', 'block');
	mpEditor.setStyle('display', 'block');
	mpCloser.setStyle('display', 'block');
}
function hideEditor() {
	mpEditor.setStyle('display', 'none');
	mpGray.setStyle('display', 'none');
	mpCloser.setStyle('display', 'none');
	mpCloser.fireEvent('close');
}