var newMessageTab = {
		'imapUid' : [], // Stores the imap email number of current tab
		'countFile' : [0,0,0,0,0,0,0,0,0,0], // Stores the number of files attached in current tab
		'imapBox' : [], // Stores the folder name
		'toPreserve' : [] // Check if the message should be removed from draft after send
		};

function cRichTextEditor(){
	this.emwindow   = new Array;
	this.editor;
	this.table;
	this.id;
	this.buildEditor();
	this.saveFlag = 0;
}

cRichTextEditor.prototype.loadEditor = function(ID) {
	this.id = ID;
	parentDiv = document.getElementById("body_position_"+this.id);
	this.editor = "body_"+this.id;
	
	if(this.table.parentNode)
		this.table.parentNode.removeChild(this.table);	

	if(parentDiv.firstChild){
		parentDiv.insertBefore(this.table,parentDiv.firstChild);
	}
	else
		parentDiv.appendChild(this.table);

	if(!Element(this.editor)){
		iframe = document.createElement("IFRAME");
		iframe.id = this.editor;
		iframe.name = this.editor;
		iframe.width = "99%";
		iframe.height = 300;
		iframe.setAttribute("unselectable","on");
		iframe.setAttribute("tabIndex","1");
		var checkbox = document.createElement("INPUT");
		checkbox.id = 'viewsource_rt_checkbox';
		checkbox.type = "checkbox";
		checkbox.setAttribute("tabIndex","-1");
		checkbox.onclick = function () {RichTextEditor.viewsource(this.checked)};
		var text = document.createTextNode(get_lang('View HTML source') + '.');
		parentDiv.appendChild(iframe);
		parentDiv.appendChild(checkbox);
		parentDiv.appendChild(text);
	}
	else{
		Element("viewsource_rt_checkbox").checked=false;
	}

	document.getElementById('fontname').selectedIndex = 1;
	document.getElementById('fontsize').selectedIndex = 1;
}

cRichTextEditor.prototype.viewsource = function(source) {
	var html;
	var mainField = document.getElementById(this.editor).contentWindow;
	if (source) {
		if (is_ie){
			connector.loadScript('html2xhtml');
			html = frames[this.editor].document.body;
			var xhtml = get_xhtml(html, 'en', 'iso-8859-1');
			frames[this.editor].document.body.innerText = xhtml;
			document.getElementById("table_richtext_toolbar").style.visibility="hidden";
		}
		else{
			html = document.createTextNode(document.getElementById(this.editor).contentWindow.document.body.innerHTML);
			document.getElementById(this.editor).contentWindow.document.body.innerHTML = "";
			html = document.getElementById(this.editor).contentWindow.document.importNode(html,false);
			document.getElementById(this.editor).contentWindow.document.body.appendChild(html);
			document.getElementById("table_richtext_toolbar").style.visibility="hidden";
		}		
	} else {
		if (is_ie){
			var output = escape(frames[this.editor].document.body.innerText);
			output = output.replace("%3CP%3E%0D%0A%3CHR%3E", "%3CHR%3E");
			output = output.replace("%3CHR%3E%0D%0A%3C/P%3E", "%3CHR%3E");
			frames[this.editor].document.body.innerHTML = unescape(output);
			document.getElementById("table_richtext_toolbar").style.visibility="visible";  
		}
		else{
			html = document.getElementById(this.editor).contentWindow.document.body.ownerDocument.createRange();
			html.selectNodeContents(document.getElementById(this.editor).contentWindow.document.body);
			document.getElementById(this.editor).contentWindow.document.body.innerHTML = html.toString();
			document.getElementById("table_richtext_toolbar").style.visibility="visible";  
		}
	}
}

cRichTextEditor.prototype.buildEditor = function() {
	this.table = document.createElement("TABLE");
	this.table.id = "table_richtext_toolbar";
	this.table.className = "richtext_toolbar";
	this.table.width = "100%";
	var tbody = document.createElement("TBODY");
	var tr = document.createElement("TR");
	var td = document.createElement("TD");
	var div_button_rt = document.createElement("DIV");
	
	selectBox=document.createElement("SELECT");
	selectBox.id="fontname";
	selectBox.setAttribute("tabIndex","-1");
	selectBox.onchange = function () {RichTextEditor.Select("fontname");};
	selectBox.className = 'select_richtext';
	var option1 = new Option(get_lang('Font'), 'Font');
	var option2 = new Option('Arial', 'Arial');
	var option3 = new Option('Courier', 'Courier');
	var option4 = new Option('Times New Roman', 'Times');
	if (is_ie){
		selectBox.add(option1);
		selectBox.add(option2);
		selectBox.add(option3);
		selectBox.add(option4);
	}
	else{
		selectBox.add(option1, null);
		selectBox.add(option2, null);
		selectBox.add(option3, null);
		selectBox.add(option4, null);
	}
	div_button_rt.appendChild(selectBox);

	selectBox=document.createElement("SELECT");
	selectBox.id="fontsize";
	selectBox.setAttribute("tabIndex","-1");
	selectBox.setAttribute("unselectable","on");
	selectBox.className = 'select_richtext';
	selectBox.onchange = function () {RichTextEditor.Select("fontsize");};
	var option1 = new Option(get_lang('Size'), 'Size');
	var option2 = new Option('1 (8 pt)','1' );
	var option3 = new Option('2 (10 pt)','2');
	var option4 = new Option('3 (12 pt)','3');
	var option5 = new Option('4 (14 pt)','4');
	var option6 = new Option('5 (18 pt)','5');
	var option7 = new Option('6 (24 pt)','6');
	var option8 = new Option('7 (36 pt)','7');
	if (is_ie){
		selectBox.add(option1);
		selectBox.add(option2);
		selectBox.add(option3);
		selectBox.add(option4);
		selectBox.add(option5);
		selectBox.add(option6);
		selectBox.add(option7);
		selectBox.add(option8);
	}
	else{
		selectBox.add(option1, null);
		selectBox.add(option2, null);
		selectBox.add(option3, null);
		selectBox.add(option4, null);
		selectBox.add(option5, null);
		selectBox.add(option6, null);
		selectBox.add(option7, null);
		selectBox.add(option8, null);	
	}
	div_button_rt.appendChild(selectBox);
	
	var buttons = ['bold', 'italic', 'underline', 'forecolor', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull',
				   'undo', 'redo', 'insertorderedlist', 'insertunorderedlist', 'outdent', 'indent', 'link', 'signature', 'image', 'table'];

	for (var i=0; i<buttons.length; i++){
		var img = document.createElement("IMG");
		img.id = buttons[i];
		img.className = 'imagebutton';
		img.align = 'center';
		img.src = './templates/default/images/'+buttons[i]+'.gif';
		img.title = get_lang(buttons[i]);
		img.style.cursor = 'pointer';

		if (buttons[i] == 'forecolor')
			img.onclick = function () {RichTextEditor.show_pc('forecolor')};
		else if (buttons[i] == 'link')
			img.onclick = function () {RichTextEditor.createLink();};
		else if (buttons[i] == 'image')
			img.onclick = function () {RichTextEditor.createImage();};
		else if (buttons[i] == 'table')
			img.onclick = function () {RichTextEditor.createTable();};
		else
			img.onclick = function () {RichTextEditor.editorCommand(this.id,'');};
		
		img.onmouseover = function () {this.style.border="outset 2px";};
		img.onmouseout = function () {this.style.border="solid 2px #C0C0C0";};
		div_button_rt.appendChild(img);
	}

	td.appendChild(div_button_rt);
	tr.appendChild(td);
	tbody.appendChild(tr);
	this.table.appendChild(tbody);
}

cRichTextEditor.prototype.editorCommand = function(command, option) {
	try {
		var mainField = document.getElementById(this.editor).contentWindow;
		mainField.focus();
		if (command == 'signature'){
			if (is_ie){
				var sel = document.selection;
				if (sel!=null)
				{
				    var rng = sel.createRange();
				    if (rng!=null)
			        rng.pasteHTML(preferences.signature.replace(/\n/g, "<br>"));
				}
			}
			else{
				mainField.document.execCommand('inserthtml', false, preferences.signature.replace(/\n/g, "<br>"));
			}
		}
		else if (command == 'CreateLink')
			mainField.document.execCommand('CreateLink', false, option);
		else if (command == 'Table'){
			if (is_ie){
				var sel = document.selection;
				if (sel!=null)
				{
				    var rng = sel.createRange();
				    if (rng!=null)
			        rng.pasteHTML(option);
				}
			}
			else 
				mainField.document.execCommand('inserthtml', false, option);
			}
		else if (command == 'Image')
			mainField.document.execCommand('InsertImage', false, option);
		else
			mainField.document.execCommand(command, false, option);
		//mainField.focus();
    } catch (e) { alert(e.description); }
}

cRichTextEditor.prototype.createLink = function(){
	var mainField = document.getElementById(this.editor).contentWindow;
	if (is_ie){
		if ((mainField.document.selection.createRange().text) == ''){
				alert(get_lang('Chose the text you want transform in link before.')); 
			return;
		}
	}
	else{
		if (mainField.window.getSelection() == ''){
				alert(get_lang('Chose the text you want transform in link before.')); 
			return;
		}
	}
		var szURL = prompt(get_lang('Enter with link URL:'), 'http://'); 
	if ((szURL != null) && (szURL != "")){
		this.editorCommand("CreateLink", szURL);
	}
}

// It include the image file in emails body
// It saves and attach in drafts folder and open it
cRichTextEditor.prototype.addInputFile = function()
{
	var id = this.editor.substr(5); // border_id
	divFiles = document.getElementById("divFiles_"+id);
	var countDivFiles = divFiles.childNodes.length + 1;

	var inputFile = document.getElementById('inputFile_img');
	var divFiles = document.getElementById('divFiles_'+id);
	inputFile.id = 'inputFile_'+id +"_"+countDivFiles;
	inputFile.name = 'file_'+countDivFiles;
	divFile = document.createElement('DIV');
	divFile.appendChild(inputFile);
	divFiles.appendChild(divFile);

	var form_upload = document.getElementById('form_upload');
	form_upload.parentNode.removeChild(form_upload);
	win.close();
	
	if (! validateFileExtension(inputFile.value, inputFile.id , id))
	return false;

	RichTextEditor.saveFlag = 0; // See if save function finished
	save_msg(id);
	setTimeout("RichTextEditor.insertImgHtml("+id+")",1000);
}

cRichTextEditor.prototype.insertImgHtml = function (id){
	if (RichTextEditor.saveFlag == 0)
		setTimeout("RichTextEditor.insertImgHtml("+id+")",500);
	else
			this.editorCommand('Image', './inc/show_embedded_attach.php?msg_folder=INBOX/'+draftsfolder+'&msg_num='+newMessageTab.imapUid[id]+'&msg_part='+(newMessageTab.countFile[id]+1));
			// this.editorCommand('Image', '.inc/gotodownload.php?msg_folder="+msg_folder+"&msg_number="+msg_number+"&idx_file="+idx_file+"&msg_part="+msg_part+params'));
}

cRichTextEditor.prototype.insertTableHtml = function (){
	var id = this.editor.substr(5); // border_id
	var	rows = document.getElementById('rows').selectedIndex;
	var	cols = document.getElementById('cols').selectedIndex;
	var insertTable = '<table border="1px"><tbody>';
	for (var i = 0; i <= rows; i++){
		insertTable += "<tr>";	
		for (var j = 0; j <= cols; j++)
			insertTable += "<td>&nbsp;</td>";	
		insertTable += "</tr>";
	}
	insertTable += "</tbody></table>";
	this.editorCommand('Table', insertTable);
}

cRichTextEditor.prototype.createTable = function(){
	var form = document.getElementById("table_window");
	if (form == null){
		form = document.createElement("DIV");
		form.id  = "table_window";
		form.style.visibility = "hidden";
		form.style.position = "absolute";
		form.style.background = "#eeeeee";
		form.style.left = "0px";
		form.style.top  = "0px"; 
		form.style.width = "0px";
		form.style.height = "0px";
		document.body.appendChild(form);
	}
		
		var form_table = document.createElement("DIV");
		form_table.id = "form_table";
		form_table.style.position = "absolute";
		form_table.style.top = "5px";
		form_table.style.left = "5px";
		form_table.style.width = "170px";
		form_table.style.height = "120px";
		form_table.name = get_lang("Insert Table");
		form_table.innerHTML = get_lang('Select the table size')+':<br><br>'+
								get_lang('Rows')+':&nbsp;&nbsp;&nbsp;'+	get_lang('Cols')+':<br>'+
									'<select name="rows" id="rows"><option value="1">1</option>'+
									'<option value="2">2</option>'+
									'<option value="3">3</option>'+
									'<option value="4">4</option>'+
									'<option value="5">5</option>'+
									'<option value="6">6</option>'+
									'<option value="7">7</option>'+
									'<option value="8">8</option>'+
									'<option value="9">9</option></select>&nbsp;&nbsp;&nbsp;'+
									'<select name="cols" id="cols"><option value="1">1</option>'+
									'<option value="2">2</option>'+
									'<option value="3">3</option>'+
									'<option value="4">4</option>'+
									'<option value="5">5</option>'+
									'<option value="6">6</option>'+
									'<option value="7">7</option>'+
									'<option value="8">8</option>'+
									'<option value="9">9</option></select><br><br>'+
  								'<input title="Close"  value="' + get_lang('Close') + '" type="button" onclick="win.close()">&nbsp;'+
								'<input title="Include"  value="' + get_lang('Include') + '" type="button" onclick="RichTextEditor.insertTableHtml();win.close();">';
		form.appendChild(form_table);
		
		this.showWindow(form);
		}

cRichTextEditor.prototype.createImage = function(){
	var form = document.getElementById("attachment_window");
	if (form == null){
		form = document.createElement("DIV");
		form.id  = "attachment_window";
		form.style.visibility = "hidden";
		form.style.position = "absolute";
		form.style.background = "#eeeeee";
		form.style.left = "0px";
		form.style.top  = "0px"; 
		form.style.width = "0px";
		form.style.height = "0px";
		document.body.appendChild(form);
	}
		
		var form_upload = document.createElement("DIV");
		form_upload.id = "form_upload";
		form_upload.style.position = "absolute";
		form_upload.style.top = "5px";
		form_upload.style.left = "5px";
		form_upload.name = get_lang("Upload File");
		form_upload.style.width = "450px";
		form_upload.style.height = "75px";
		form_upload.innerHTML = get_lang('Select the desired image file')+':<br>'+
								'<input name="image_at" maxlength="255" size="50" id="inputFile_img" type="file"><br>' +
								'<input title="Include"  value="' + get_lang('Include') + '"' + 'type="button" onclick="RichTextEditor.addInputFile();">&nbsp;' +
								'<input title="Close"  value="' + get_lang('Close') + '"' +
								' type="button" onclick="win.close()">';
		form.appendChild(form_upload);
		
		this.showWindow(form);
}
cRichTextEditor.prototype.showWindow = function (div){

		if(! div) {
			return;
		}
		
		if(! this.emwindow[div.id]) {
			div.style.width  =  div.firstChild.style.width;
			div.style.height = div.firstChild.style.height;
			div.style.zIndex = "10000";			
			var title = div.firstChild.name;
			var wHeight = div.offsetHeight + "px";
			var wWidth =  div.offsetWidth   + "px";
			div.style.width = div.offsetWidth - 5;

			win = new dJSWin({
				id: 'win_'+div.id,
				content_id: div.id,
				width: wWidth,
				height: wHeight,
				title_color: '#3978d6',
				bg_color: '#eee',
				title: title,
				title_text_color: 'white',
				button_x_img: '../phpgwapi/images/winclose.gif',
				border: true });
			
			this.emwindow[div.id] = win;
			win.draw();
		}
		else
			win = this.emwindow[div.id];
		win.open();	
}

cRichTextEditor.prototype.Select = function(selectname)
{
	var mainField = Element(this.editor).contentWindow;
	var cursel = document.getElementById(selectname).selectedIndex;

	if (cursel != 0) {
		var selected = document.getElementById(selectname).options[cursel].value;
		mainField.document.execCommand(selectname, false, selected);
		document.getElementById(selectname).selectedIndex = cursel;
	}
	mainField.focus();
}

cRichTextEditor.prototype.show_pc = function(command)
{
	connector.loadScript("color_palette");
	ColorPalette.loadPalette(this.id);
  	if (ColorPalette.div.style.visibility != "visible")
		ColorPalette.div.style.visibility="visible";
	else
		this.hide_pc();
}

cRichTextEditor.prototype.hide_pc = function()
{
	document.getElementById("palettecolor").style.visibility="hidden";
}

cRichTextEditor.prototype.getOffsetTop = function(elm) {
  var mOffsetTop = elm.offsetTop;1
  var mOffsetParent = elm.offsetParent;
  while(mOffsetParent){
    mOffsetTop += mOffsetParent.offsetTop;
    mOffsetParent = mOffsetParent.offsetParent;
  }
  return mOffsetTop;
}

cRichTextEditor.prototype.getOffsetLeft = function(elm) {
  var mOffsetLeft = elm.offsetLeft;
  var mOffsetParent = elm.offsetParent;
  while(mOffsetParent){
    mOffsetLeft += mOffsetParent.offsetLeft;
    mOffsetParent = mOffsetParent.offsetParent;
  }
  return mOffsetLeft;
}

//Build the Object
RichTextEditor = new cRichTextEditor();