Context Navigation

source: trunk/expressoMail1_2/js/draw_api.js @ 61

Revision 61, 81.7 KB checked in by niltonneto, 17 years ago (diff)
* empty log message *
Property svn:eol-style set to `native` Property svn:executable set to ``*

Line
1	function draw_tree_folders(folders){
2	// Check if the tree folders alredy exist.
3
4	if (Element('dftree_tree_folders')){
5	var update_tree_folders = function(data){
6	for (var i=0; i<data.length; i++){
7	var folder_unseen = Element('dftree_'+data[i].folder_id+'_unseen');
8
9	if ((folder_unseen) && (data[i].folder_unseen > 0))
10	{
11	folder_unseen.innerHTML = data[i].folder_unseen;
12	}
13	else if (data[i].folder_unseen > 0)
14	{
15	tree_folders.getNodeById(data[i].folder_id).alter({caption: data[i].folder_name + '<font style=color:red>&nbsp(</font><span id="dftree_'+data[i].folder_id+'_unseen" style=color:red>'+data[i].folder_unseen+'</span><font style=color:red>)</font>'});
16	tree_folders.getNodeById(data[i].folder_id)._refresh();
17	}
18	else if (data[i].folder_unseen <= 0)
19	{
20	tree_folders.getNodeById(data[i].folder_id).alter({caption: data[i].folder_name});
21	tree_folders.getNodeById(data[i].folder_id)._refresh();
22	}
23
24	if(data[i].folder_id == get_current_folder()){
25	var old_new_m = isNaN(parseInt(Element('new_m').innerHTML)) ? parseInt(Element('new_m').firstChild.innerHTML) : parseInt(Element('new_m').innerHTML);
26	if(!isNaN(old_new_m) && old_new_m < data[i].folder_unseen){
27	Element('tot_m').innerHTML = parseInt(Element('tot_m').innerHTML) + (parseInt(data[i].folder_unseen)-old_new_m);
28	}
29	Element('new_m').innerHTML = data[i].folder_unseen ? '<font color="RED">'+data[i].folder_unseen+'</font>' : 0;
30	draw_paging(Element('tot_m').innerHTML);
31	}
32	}
33	}
34	cExecute ("$this.imap_functions.get_folders_list", update_tree_folders);
35	return;
36	}
37	else{
38	tree_folders = new dFTree({name: 'tree_folders'});
39
40	var n_root = new dNode({id:'root', caption: get_lang("My Folders")});
41	tree_folders.add(n_root,'anything'); //Places the root; second argument can be anything.
42
43	for (var i=0; i<folders.length; i++){
44	if (folders[i].folder_unseen > 0)
45	var nn = new dNode({id:folders[i].folder_id, caption:folders[i].folder_name + '<font style=color:red>&nbsp(</font><span id="dftree_'+folders[i].folder_id+'_unseen" style=color:red>'+folders[i].folder_unseen+'</span><font style=color:red>)</font>', onClick:"change_folder('"+folders[i].folder_id+"','"+folders[i].folder_name+"')", plusSign:folders[i].folder_hasChildren});
46	else
47	var nn = new dNode({id:folders[i].folder_id, caption:folders[i].folder_name, onClick:"change_folder('"+folders[i].folder_id+"','"+folders[i].folder_name+"')", plusSign:folders[i].folder_hasChildren});
48
49	if (folders[i].folder_parent == '')
50	folders[i].folder_parent = 'root';
51	else if (folders[i].folder_parent == 'user'){
52	if (!tree_folders.getNodeById('user')){
53	var n_root_shared_folders = new dNode({id:'user', caption:get_lang("Shared folders"), plusSign:true});
54	tree_folders.add(n_root_shared_folders,'root');
55	}
56	}
57	tree_folders.add(nn,folders[i].folder_parent);
58	}
59	tree_folders.draw(Element('content_folders'));
60	n_root.changeState();
61	tree_folders.getNodeById('INBOX')._select();
62	draw_paging(Element('tot_m').innerHTML);
63	}
64
65	var folder_create = "";
66	var nm1 = "";
67	if(tree_folders._folderPr.length > 0){
68	var nm_folder = "";
69	for(var i=0; i < tree_folders._folderPr.length; i++){
70	nm_folder = tree_folders._folderPr[i].split(cyrus_delimiter);
71	if(nm_folder[0] == "INBOX"){
72	if(nm1 == ""){
73	nm1 = nm_folder[1];
74	folder_create = "INBOX" + cyrus_delimiter + nm_folder[1] + ";";
75	}else{
76	if( nm1 != nm_folder[1]){
77	folder_create += "INBOX" + cyrus_delimiter + nm_folder[1] + ";";
78	nm1 = nm_folder[1];
79	}
80	}
81	}
82	}
83	}
84	if(folder_create != ""){
85	if(confirm(get_lang("There are folders with invalid format. Do you want to fix them?"))){
86	var handler_correct_folders = function(data){
87	//Timeout to release HTTPRequest , loadScript and update tree folders.
88	if(data)
89	setTimeout("connector.loadScript('TreeShow');ttreeBox.update_folder();",500);
90	}
91	cExecute("$this.imap_functions.create_extra_mailbox",handler_correct_folders,"nw_folders="+folder_create);
92	}
93	}
94
95
96	}
97
98	function update_menu(data){
99	draw_tree_folders(data);
100	if(data) {
101	build_quota(data);
102	var f_unseen = Element('dftree_'+get_current_folder()+'_unseen');
103	if(f_unseen && f_unseen.innerHTML)
104	Element('new_m').innerHTML = '<font face="Verdana" size="1" color="RED">'+f_unseen.innerHTML+'</font>';
105	else
106	Element('new_m').innerHTML = 0;
107	folders = data;
108	cExecute ("$this.imap_functions.get_range_msgs2&folder=INBOX&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&sort_box_type=SORTARRIVAL&sort_box_reverse=1", handler_draw_box);
109	}
110	}
111
112	var handler_draw_box = function(data){
113	draw_box(data, 'INBOX');
114	}
115
116	// Action on change folders.
117	function change_folder(folder, folder_name){
118	if (get_current_folder()!= folder)
119	{
120	current_folder = folder;
121	var handler_draw_box = function(data)
122	{
123	if(!verify_session(data))
124	return;
125	Element("border_id_0").innerHTML = " " + folder_name + ' <font face="Verdana" size="1" color="#505050">[<span id="new_m"> </span> / <span id="tot_m">0</span>]</font>';
126	draw_box(data, get_current_folder());
127	draw_paging(data.num_msgs);
128	Element("tot_m").innerHTML = data.num_msgs;
129	update_menu();
130	alternate_border(0);
131	}
132	cExecute ("$this.imap_functions.get_range_msgs2&folder="+get_current_folder()+"&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"", handler_draw_box);
133	}
134	else
135	alternate_border(0);
136	}
137
138	var lastPage = 1;
139	var numPages = 5;
140	var last_folder = 'INBOX';
141	function draw_paging(num_msgs){
142	num_msgs = parseInt(num_msgs);
143	total_pages = 1;
144
145	if(last_folder != get_current_folder()){
146	lastPage = 1;
147	current_page = 1;
148	last_folder = get_current_folder();
149	}
150
151	if(num_msgs > parseInt(preferences.max_email_per_page)) {
152	total_pages = parseInt(num_msgs/preferences.max_email_per_page);
153	if((num_msgs/preferences.max_email_per_page) > total_pages)
154	total_pages++;
155	}
156
157	if(total_pages == 1) {
158	if(span_paging = document.getElementById("span_paging")) {
159	span_paging.parentNode.removeChild(span_paging);
160	}
161	return;
162	}
163
164	span_paging = document.getElementById("span_paging");
165	if(!span_paging){
166	span_paging = document.createElement("DIV");
167	span_paging.id = "span_paging";
168	span_paging.align="right";
169	document.getElementById("div_menu_c3").appendChild(span_paging);
170	}
171	span_paging.style.width="100%";
172	span_paging.innerHTML="";
173	msg_range_begin = 1;
174	msg_range_end = preferences.max_email_per_page;
175	if(current_page != 1) {
176	lnk_page = document.createElement("A");
177	lnk_page.setAttribute("href", "javascript:current_page=1;kill_current_box(); draw_paging("+num_msgs+"); cExecute ('$this.imap_functions.get_range_msgs2&folder='+get_current_folder()+'&msg_range_begin="+msg_range_begin+"&msg_range_end="+msg_range_end+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"', function handler(data){draw_box(data, get_current_folder());})");
178	}
179	else {
180	lnk_page = document.createElement("SPAN");
181	}
182	span_paging.appendChild(lnk_page);
183
184	lnk_page.innerHTML = "<<";
185	lnk_page.title = get_lang("First");
186	span_paging.innerHTML += " ";
187
188	if(current_page == lastPage + numPages)
189	lastPage = current_page - 1;
190	else if((lastPage != 1 && lastPage == current_page) \|\| current_page == total_pages)
191	lastPage = current_page - (numPages - 1);
192	else if(current_page == 1)
193	lastPage = 1;
194
195	if(lastPage < 1)
196	lastPage = 1;
197	else if(lastPage > 1 && (lastPage > (total_pages -(numPages - 1))))
198	lastPage = total_pages -(numPages - 1);
199
200	var hasMarked = false;
201
202	for(i = lastPage; i <= total_pages; i++) {
203
204	if(current_page == i \|\| (i == total_pages && !hasMarked)) {
205	lnk_page = document.createElement("SPAN");
206	span_paging.appendChild(lnk_page);
207	lnk_page.innerHTML = " <b>"+i+"</b> ";
208	hasMarked = true;
209	continue;
210	}
211	else{
212	lnk_page = document.createElement("A");
213	span_paging.appendChild(lnk_page);
214	msg_range_begin = ((i*preferences.max_email_per_page)-(preferences.max_email_per_page-1));
215	msg_range_end = (i*preferences.max_email_per_page);
216	lnk_page.setAttribute("href", "javascript:current_page="+i+";kill_current_box(); draw_paging("+num_msgs+"); cExecute ('$this.imap_functions.get_range_msgs2&folder='+get_current_folder()+'&msg_range_begin="+msg_range_begin+"&msg_range_end="+msg_range_end+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"', function handler(data){draw_box(data, get_current_folder());})");
217	}
218
219	lnk_page.innerHTML = " ... ";
220
221	if(i == (lastPage + numPages))
222	break;
223	else if(lastPage == 1 \|\| i != lastPage)
224	lnk_page.innerHTML = " "+i+" ";
225
226	span_paging.innerHTML += " ";
227	}
228
229	if(current_page != total_pages) {
230	lnk_page = document.createElement("A");
231	msg_range_begin = ((total_pages*preferences.max_email_per_page)-(preferences.max_email_per_page-1));
232	msg_range_end = (total_pages*preferences.max_email_per_page);
233	lnk_page.setAttribute("href", "javascript:current_page="+total_pages+";kill_current_box(); draw_paging("+num_msgs+"); cExecute ('$this.imap_functions.get_range_msgs2&folder='+get_current_folder()+'&msg_range_begin="+msg_range_begin+"&msg_range_end="+msg_range_end+"&sort_box_type="+sort_box_type+ "&search_box_type="+ search_box_type +"&sort_box_reverse="+sort_box_reverse+"', function handler(data){draw_box(data, get_current_folder());})");
234	}
235	else {
236	lnk_page = document.createElement("SPAN");
237	}
238	span_paging.innerHTML += " ";
239	span_paging.appendChild(lnk_page);
240
241	lnk_page.title = get_lang("Last");
242	lnk_page.innerHTML = ">>";
243	}
244
245
246	// Draw the inbox and another folders
247	function draw_box(headers_msgs, msg_folder){
248	kill_current_box();
249
250	if(is_ie)
251	document.getElementById("border_table").width = "99.5%";
252
253	var content_id_0 = document.getElementById("content_id_0");
254	content_id_0.innerHTML = '';
255
256	table_message_header_box = document.getElementById("table_message_header_box");
257	if (table_message_header_box == null){
258	var table_element = document.createElement("TABLE");
259	var tbody_element = document.createElement("TBODY");
260	table_element.setAttribute("id", "table_message_header_box");
261	table_element.className = "table_message_header_box";
262
263	tr_element = document.createElement("TR");
264	tr_element.className = "message_header";
265	td_element1 = document.createElement("TD");
266	td_element1.setAttribute("width", "1%");
267	chk_box_element = document.createElement("INPUT");
268	chk_box_element.id = "chk_box_select_all_messages";
269	chk_box_element.setAttribute("type", "checkbox");
270	chk_box_element.className = "checkbox";
271	chk_box_element.onclick = function(){select_all_messages(this.checked);};
272	chk_box_element.onmouseover = function () {this.title=get_lang('Select all messages.')};
273	chk_box_element.onkeydown = function (e){
274	if (is_ie)
275	{
276	if ((window.event.keyCode) == 46)
277	delete_msgs(get_current_folder(),'selected','null');
278	}
279	else
280	{
281	if ((e.keyCode) == 46)
282	delete_msgs(get_current_folder(),'selected','null');
283	}
284	};
285
286	td_element1.appendChild(chk_box_element);
287
288	td_element2 = document.createElement("TD");
289	td_element2.setAttribute("width", "4%");
290
291	td_element3 = document.createElement("TD");
292	td_element3.setAttribute("width", "30%");
293	td_element3.onclick = function () {sort_box(search_box_type,'SORTFROM');};
294	td_element3.id = "message_header_SORTFROM";
295	td_element3.align = "left";
296	td_element3.innerHTML = get_lang("Who");
297
298	td_element4 = document.createElement("TD");
299	td_element4.setAttribute("width", "40%");
300	td_element4.onclick = function () {sort_box(search_box_type,'SORTSUBJECT');};
301	td_element4.id = "message_header_SORTSUBJECT";
302	td_element4.align = "left";
303	td_element4.innerHTML = get_lang("Subject");
304
305	td_element5 = document.createElement("TD");
306	td_element5.setAttribute("width", "14%");
307	td_element5.onclick = function () {sort_box(search_box_type,'SORTARRIVAL');};
308	td_element5.id = "message_header_SORTARRIVAL";
309	td_element5.align = "center";
310	td_element5.innerHTML = get_lang("Date");
311	td_element6 = document.createElement("TD");
312	td_element6.setAttribute("width", "14%");
313	td_element6.onclick = function () {sort_box(search_box_type,'SORTSIZE');}
314	td_element6.id = "message_header_SORTSIZE";
315	td_element6.align = "left";
316	td_element6.innerHTML = get_lang("Size");
317
318	tr_element.appendChild(td_element1);
319	tr_element.appendChild(td_element2);
320	tr_element.appendChild(td_element3);
321	tr_element.appendChild(td_element4);
322	tr_element.appendChild(td_element5);
323	tr_element.appendChild(td_element6);
324	tbody_element.appendChild(tr_element);
325	table_element.appendChild(tbody_element);
326	content_id_0.appendChild(table_element);
327	}
328	draw_header_box();
329	var table_element = document.createElement("TABLE");
330	var tbody_element = document.createElement("TBODY");
331
332	table_element.id = "table_box";
333	table_element.className = "table_box";
334	table_element.borderColorDark = "#bbbbbb";
335	table_element.frame = "void";
336	table_element.rules = "rows";
337	table_element.cellPadding = "0";
338	table_element.cellSpacing = "0";
339
340	table_element.onkeydown = function (e){
341	if (is_ie)
342	{
343	if ((window.event.keyCode) == 46)
344	{
345	//delete_all_selected_msgs_imap();
346	delete_msgs(get_current_folder(),'selected','null');
347	}
348	}
349	else
350	{
351	if ((e.keyCode) == 46)
352	{
353	//delete_all_selected_msgs_imap();
354	delete_msgs(get_current_folder(),'selected','null');
355	}
356	}
357	};
358	if (is_ie)
359	table_element.style.cursor = "hand";
360
361	tbody_element.setAttribute("id", "tbody_box");
362	table_element.appendChild(tbody_element);
363
364	var _divScroll = Element("divScrollMain");
365	var bar = document.getElementById("toolbar");
366	var offset = 0;
367
368	if(!_divScroll){
369	_divScroll = document.createElement("DIV");
370	_divScroll.id = "divScrollMain";
371	}
372
373	if(is_ie) {
374	_divScroll.style.overflowY = "auto";
375	_divScroll.style.overflowX = "hidden";
376	_divScroll.style.width ="100%";
377	}
378	else{
379	_divScroll.style.overflow = "-moz-scrollbars-vertical";
380	_divScroll.style.width ="99.3%";
381	}
382	// Inicio: Redimensiona DIV SCROLL
383	var bar = Element("toolbar");
384	var offset = 0;
385	if(bar.style.visibility != 'hidden')
386	offset = (bar.offsetHeight ? bar.offsetHeight : bar.clientHeight);
387	var screenHeight = document.body.clientHeight ? document.body.clientHeight : document.body.offsetHeight;
388	var defaultHeight = screenHeight - offset;
389	_divScroll.style.height = defaultHeight - 110;
390	Element('content_folders').style.height = defaultHeight - (is_ie ? 165 : 150);
391	// Fim: Redimensiona DIV SCROLL
392	_divScroll.appendChild(table_element);
393	content_id_0.appendChild(_divScroll);
394
395	var f_unseen = 0;
396	for (var i=0; i < headers_msgs.length; i++){
397	if ((headers_msgs[i].Unseen == 'U') \|\| (headers_msgs[i].Recent == 'N'))
398	f_unseen++;
399	tr_element = this.make_tr_message(headers_msgs[i], msg_folder);
400	tbody_element.appendChild(tr_element);
401	_dragArea.makeDragged(tr_element, headers_msgs[i].msg_number, headers_msgs[i].subject, true);
402	}
403
404	var tdFolders = Element("folderscol");
405	tdFolders.style.display = preferences.hide_folders == '1' ? "none" : "";
406	alternate_border(0);
407	draw_footer_box(headers_msgs.num_msgs);
408	Element('main_table').style.display = '';
409	if(debug) {
410	var _eTime = new Date();
411	_eTime = _eTime.getTime();
412	alert("Carregou em "+(_eTime - _bTime)+" ms");
413	}
414	var msg_folder = Element('msg_folder').value;
415	var msg_number = Element('msg_number').value;
416	if(!msg_folder && msg_number) {
417	new_message('new','null');
418	}
419	else if(msg_folder && msg_number){
420	cExecute("$this.imap_functions.get_info_msg&msg_number="+ msg_number + "&msg_folder=" + msg_folder, show_msg);
421	Element('msg_folder').value = '';
422	Element('msg_number').value = '';
423	}
424
425	if(!is_ie) {
426	var scripts = new Array("ccQuickAdd",
427	"color_palette",
428	"filter",
429	"filters",
430	"html2xhtml",
431	"preferences",
432	"QuickCatalogSearch",
433	"QuickSearchUser",
434	"rich_text_editor",
435	"sharemailbox",
436	"search",
437	"TreeS",
438	"TreeShow");
439
440	connector.loadAllScripts(scripts);
441	}
442	}
443
444	function make_tr_message(headers_msgs, msg_folder){
445	var tr_element = document.createElement("TR");
446	tr_element.style.height = preferences.line_height;
447	var _fontSize = preferences.font_size ? preferences.font_size : "11";
448	tr_element.id = headers_msgs.msg_number;
449
450	if ((headers_msgs.Unseen == 'U') \|\| (headers_msgs.Recent == 'N')){
451	if (headers_msgs.Flagged == 'F')
452	tr_element.className = 'important_msg_unread';
453	else
454	tr_element.className = 'tr_msg_unread';
455	}
456	else{
457	if (headers_msgs.Flagged == 'F')
458	tr_element.className = 'important_msg_read';
459	else
460	tr_element.className = 'tr_msg_read';
461	}
462
463	td_element1 = document.createElement("TD");
464	td_element1.setAttribute("width", "1%");
465	chk_box_element = document.createElement("INPUT");
466	chk_box_element.setAttribute("type", "checkbox");
467	chk_box_element.className = "checkbox";
468	chk_box_element.setAttribute("id", "check_box_message_"+headers_msgs.msg_number);
469	chk_box_element.onclick = function(e){
470	if (is_ie)
471	changeBgColor(window.event,headers_msgs.msg_number);
472	else
473	changeBgColor(e,headers_msgs.msg_number);
474	};
475	td_element1.appendChild(chk_box_element);
476
477	td_element2 = document.createElement("TD");
478	td_element2.setAttribute("width", "2%");
479	if (headers_msgs.attachment && headers_msgs.attachment.number_attachments > 0)
480	td_element2.innerHTML = "<img src ='templates/default/images/clip.gif' title='" + url_decode(headers_msgs.attachment.names) + "'>";
481
482	td_element21 = document.createElement("TD");
483	td_element21.setAttribute("width", "1%");
484	td_element21.id = "td_message_answered_"+headers_msgs.msg_number;
485
486	if ((headers_msgs.Forwarded == 'F') \|\| (headers_msgs.Draft == 'X' && headers_msgs.Answered == 'A')){
487	td_element21.innerHTML += "<img src ='templates/default/images/forwarded.gif' title='"+get_lang('Forwarded')+"'>";
488	headers_msgs.Draft = ''
489	headers_msgs.Answered = '';
490	headers_msgs.Forwarded == 'F';
491	}
492	else if (headers_msgs.Draft == 'X')
493	td_element2.innerHTML += "<img src ='templates/default/images/draft.gif' title='"+get_lang('Draft')+"'>";
494	else if (headers_msgs.Answered == 'A')
495	td_element21.innerHTML += "<img src ='templates/default/images/answered.gif' title='"+get_lang('Answered')+"'>";
496
497	td_element22 = document.createElement("TD");
498	td_element22.setAttribute("width", "1%");
499	td_element22.id = "td_message_important_"+headers_msgs.msg_number;
500
501	// preload image
502	var _img_important = new Image();
503	_img_important.src = "templates/default/images/important.gif";
504
505	if (headers_msgs.Flagged == 'F')
506	td_element22.innerHTML += "<img src ='templates/default/images/important.gif' title='"+get_lang('Important')+"'>";
507	else
508	td_element22.innerHTML += "   ";
509
510
511	td_element23 = document.createElement("TD");
512	td_element23.setAttribute("width", "1%");
513	td_element23.id = "td_message_sent_"+headers_msgs.msg_number;
514	td_element23.innerHTML = "   ";
515	// preload image
516	var _img_sent = new Image();
517	_img_sent.src = "templates/default/images/sent.gif";
518
519	td_element3 = document.createElement("TD");
520	td_element3.id = "td_who_"+ headers_msgs.msg_number;
521	td_element3.setAttribute("width", "30%");
522	var _onclick = function(){InfoContact.hide();cExecute("$this.imap_functions.get_info_msg&msg_number="+ headers_msgs.msg_number + "&msg_folder=" + msg_folder, show_msg);};
523	td_element3.onclick = _onclick;
524	td_element3.innerHTML = ' ';
525
526	if(headers_msgs.from.email.toLowerCase().match(Element("user_email").value))
527	{
528	td_element3.onmouseover = function () {this.title=headers_msgs.to.email;};
529	if (headers_msgs.Draft == 'X')
530	td_element3.innerHTML += "<span style=\"color:red\">("+get_lang("Draft")+") </span>";
531	else{
532	if(!headers_msgs.to.email.toLowerCase().match(Element("user_email").value))
533	td_element23.innerHTML = "<img valign='center' src ='templates/default/images/sent.gif' title='"+get_lang('Sent')+"'>";
534
535	if ((headers_msgs.to)&&(headers_msgs.to.name != null))
536	td_element3.innerHTML += headers_msgs.to.name;
537	else if (headers_msgs.to){
538	td_element3.innerHTML += headers_msgs.to.email;
539	}
540	}
541	}
542	else{
543	td_element3.onmouseover = function (event) {try {InfoContact.begin(this,headers_msgs.from.email)} catch(e){};};
544	td_element3.onmouseout = function (){ try {clearTimeout(InfoContact.timeout);} catch(e){}};
545	if (headers_msgs.Draft == 'X'){
546	td_element3.innerHTML = "<span style=\"color:red\">("+get_lang("Draft")+") </span>";
547	}
548	else{
549	if (headers_msgs.from.name != null)
550	td_element3.innerHTML += headers_msgs.from.name;
551	else
552	td_element3.innerHTML += headers_msgs.from.email;
553	}
554	}
555
556	if (td_element3.innerHTML.indexOf(" ") == '-1' && td_element3.innerHTML.length > 25){
557	td_element3.innerHTML = td_element3.innerHTML.substring(0,25) + "...";
558	}
559	else if (td_element3.innerHTML.length > 40 ){
560	td_element3.innerHTML = td_element3.innerHTML.substring(0,40) + "...";
561	}
562
563	td_element4 = document.createElement("TD");
564	td_element4.setAttribute("width", "40%");
565	td_element4.onclick = _onclick;
566	td_element4.innerHTML = !is_ie ? "<a id='a_message_"+tr_element.id+"'> " : " ";
567
568	if ((headers_msgs.subject)&&(headers_msgs.subject.length > 50))
569	td_element4.innerHTML += headers_msgs.subject.substring(0,50) + "...";
570	else
571	td_element4.innerHTML += headers_msgs.subject;
572
573	if(!is_ie){
574	td_element4.innerHTML += "</a>";
575	tr_element.onmouseover = function(){/Element("a_message_"+this.id).focus();/};
576	}
577
578	td_element5 = document.createElement("TD");
579	td_element5.setAttribute("width", "14%");
580	td_element5.onclick = _onclick;
581	td_element5.setAttribute("align", "center");
582	td_element5.innerHTML = headers_msgs.udate;
583
584	td_element6 = document.createElement("TD");
585	td_element6.setAttribute("width", "14%");
586	td_element6.onclick = _onclick;
587	td_element6.setAttribute("noWrap","true");
588	td_element6.setAttribute("align", "center");
589
590	td_element3.style.fontSize= _fontSize;
591	td_element4.style.fontSize= _fontSize;
592	td_element5.style.fontSize= _fontSize;
593	td_element6.style.fontSize= _fontSize;
594	msg_size = headers_msgs.Size;
595	if (msg_size < 1048576 && msg_size > 1024)
596	td_element6.innerHTML = this.round(msg_size / 1024, 0) + ' Kb';
597	else if(msg_size > 1024)
598	td_element6.innerHTML = this.round(msg_size / (1024*1024), 1) + ' Mb';
599	else
600	td_element6.innerHTML = "1 Kb";
601
602	tr_element.appendChild(td_element1);
603	tr_element.appendChild(td_element2);
604	tr_element.appendChild(td_element21);
605	tr_element.appendChild(td_element22);
606	tr_element.appendChild(td_element23);
607	tr_element.appendChild(td_element3);
608	tr_element.appendChild(td_element4);
609	tr_element.appendChild(td_element5);
610	tr_element.appendChild(td_element6);
611	return tr_element;
612	}
613
614	function sort_box(search, sort){
615	var message_header = Element("message_header_"+search);
616	var handler_draw_box = function(data){
617	draw_box(data, get_current_folder());
618	draw_paging(Element('tot_m').innerHTML);
619	}
620
621	if(sort_box_type == sort && search_box_type == search){
622	sort_box_reverse = sort_box_reverse ? 0 : 1;
623	}
624	else if(sort_box_type != sort){
625	sort_box_reverse = 1;
626	}
627
628	// Global variable.
629	sort_box_type = sort;
630	search_box_type = search;
631
632	cExecute ("$this.imap_functions.get_range_msgs2&folder="+current_folder+"&msg_range_begin=1&msg_range_end="+preferences.max_email_per_page+"&search_box_type="+search+"&sort_box_type="+sort+"&sort_box_reverse="+sort_box_reverse+"", handler_draw_box);
633	current_page = 1;
634	update_menu();
635	}
636
637	function draw_header_box(){
638
639	switch(sort_box_type){
640	case 'SORTFROM':
641	type_name = get_lang("Who");
642	break;
643	case 'SORTSUBJECT':
644	type_name = get_lang("Subject");
645	break;
646	case 'SORTARRIVAL':
647	type_name = get_lang("Date");
648	break;
649	case 'SORTSIZE':
650	type_name = get_lang("Size");
651	break;
652	default:
653	type_name = get_lang("Date");
654
655	break;
656	}
657
658	Element("message_header_"+(sort_box_type.lastIndexOf("SORT") != "-1" ? sort_box_type : "SORTARRIVAL") ).innerHTML = "<B>"+type_name+"</B><img src ='templates/default/images/arrow_"+(sort_box_reverse == 1 ? 'desc' : 'asc')+"endant.gif'>";
659	}
660	function draw_message(info_msg, ID){
661	var content = document.getElementById('content_id_' + ID);
662	var defaultWidth = document.body.clientWidth - (is_ie ? 32 : 37);
663
664	var menuHidden = Element("folderscol").style.display == 'none' ? true : false;
665	if(!menuHidden)
666	defaultWidth -= Element("folderscol").offsetWidth;
667	//////////////////////////////////////////////////////////////////////////////////////////////////////
668	//Make the next/previous buttom.
669	//////////////////////////////////////////////////////////////////////////////////////////////////////
670	var next_previous_msg_td = document.createElement("TD");
671	next_previous_msg_td.setAttribute("noWrap","true");
672	next_previous_msg_td.align = "right";
673	next_previous_msg_td.width = "40px";
674	var img_next_msg = document.createElement("IMG");
675	img_next_msg.src = './templates/default/images/down.button.png';
676	img_next_msg.title = get_lang('Next');
677	img_next_msg.style.cursor = 'pointer';
678	img_next_msg.onclick = function () {cExecute ("$this.imap_functions.get_info_next_msg&msg_number="+ info_msg.msg_number + "&msg_folder="+ info_msg.msg_folder + "&sort_box_type="+ sort_box_type + "&search_box_type="+ search_box_type +"&sort_box_reverse="+ sort_box_reverse +"&reuse_border="+ID, show_msg)};
679	var img_space = document.createElement("SPAN");
680	img_space.innerHTML = " ";
681	var img_previous_msg = document.createElement("IMG");
682	img_previous_msg.src = './templates/default/images/up.button.png';
683	img_previous_msg.title = get_lang('Previous');
684	img_previous_msg.style.cursor = 'pointer';
685	img_previous_msg.onclick = function () {cExecute ("$this.imap_functions.get_info_previous_msg&msgs_number="+ info_msg.msg_number + "&folder="+ info_msg.msg_folder + "&sort_box_type="+ sort_box_type+ "&search_box_type="+ search_box_type + "&sort_box_reverse="+ sort_box_reverse +"&reuse_border="+ID, show_msg)}
686	next_previous_msg_td.appendChild(img_previous_msg);
687	next_previous_msg_td.appendChild(img_space);
688	next_previous_msg_td.appendChild(img_next_msg);
689	//////////////////////////////////////////////////////////////////////////////////////////////////////
690	//Make the header message.
691	//////////////////////////////////////////////////////////////////////////////////////////////////////
692	var table_message = document.createElement("TABLE");
693	var tbody_message = document.createElement("TBODY");
694	table_message.border = "0";
695	table_message.width = defaultWidth ;
696
697	//////////////////////////////////////////////////////////////////////////////////////////////////////
698	//Make the options message.
699	//////////////////////////////////////////////////////////////////////////////////////////////////////
700	var tr0 = document.createElement("TR");
701	tr0.className = "tr_message_header";
702	var td0 = document.createElement("TD");
703	var table_message_options = document.createElement("TABLE");
704	table_message_options.width = "100%";
705	table_message_options.border = '0';
706	table_message_options.className = 'table_message';
707	var tbody_message_options = document.createElement("TBODY");
708	var tr = document.createElement("TR");
709	var td = document.createElement("TD");
710	td.setAttribute("noWrap","true");
711	var _name = '';
712	var _maxChar = menuHidden ? 40 : 15;
713	if (info_msg.from.name)
714	_name = info_msg.from.name.length > _maxChar ? info_msg.from.name.substring(0,_maxChar) + "..." : info_msg.from.name;
715	else
716	_name = info_msg.from.email.length > _maxChar ? info_msg.from.email.substring(0,_maxChar) + "..." : info_msg.from.email;
717
718	td.innerHTML = _name.bold() + ', ' + info_msg.smalldate;
719	if (info_msg.attachments.length > 0)
720	td.innerHTML += "&nbsp<img style='cursor:pointer' onclick='javascript:Element(\"option_hide_more_"+ID+"\").onclick()' src ='templates/default/images/clip.gif' title='"+info_msg.attachments.names+"'>";
721
722	// NORMAL MSG
723	if(info_msg.Draft != 'X')
724	{
725	var options = document.createElement("TD");
726	options.width = "100%";
727	options.setAttribute("noWrap","true");
728	var option_hide_more = document.createElement("SPAN");
729	option_hide_more.className = 'message_options';
730	options.align = 'right';
731	option_hide_more.value = 'more_options';
732	option_hide_more.id = 'option_hide_more_'+ID;
733	option_hide_more.onclick = function(){
734	var _height = Element("div_message_scroll_"+ID).style.height;
735	_height = parseInt(_height.replace("px",""));
736	var _offset = 35;
737	if (this.value == 'more_options'){
738	this.innerHTML = "<b><u>"+get_lang('Options')+"</u></b>";
739	this.value = 'hide_options';
740	Element("div_message_scroll_"+ID).style.height = (_height - _offset)+"px";
741	Element('table_message_others_options_'+ID).style.display = '';
742	Element('tr_other_options_'+ID).style.display = '';
743
744	}
745	else{
746	this.innerHTML = get_lang('Options');
747	this.value = 'more_options';
748	Element("div_message_scroll_"+ID).style.height = (_height + _offset)+"px";
749	Element('table_message_others_options_'+ID).style.display = 'none';
750	Element('tr_other_options_'+ID).style.display = 'none';
751	}
752	};
753
754	option_hide_more.innerHTML = get_lang('Options');
755	options.appendChild(option_hide_more);
756
757	var space0 = document.createElement("SPAN");
758	space0.innerHTML = ' ';
759	var space1 = document.createElement("SPAN");
760	space1.innerHTML = ' ';
761	var space2 = document.createElement("SPAN");
762	space2.innerHTML = ' ';
763	var space3 = document.createElement("SPAN");
764	space3.innerHTML = ' ';
765	var space4 = document.createElement("SPAN");
766	space4.innerHTML = ' ';
767
768	var option_print = document.createElement("SPAN");
769	option_print.className = 'message_options';
770	option_print.onclick = function(){print_msg(info_msg.msg_folder,info_msg.msg_number,ID);};
771	option_print.innerHTML = get_lang('Print');
772	options.appendChild(space0);
773	options.appendChild(option_print);
774	var option_forward = document.createElement("SPAN");
775	option_forward.className = 'message_options';
776	option_forward.onclick = function(){new_message('forward', ID);};
777	option_forward.innerHTML = get_lang('forward');
778	options.appendChild(space1);
779	options.appendChild(option_forward);
780	var option_reply = document.createElement("SPAN");
781	option_reply.className = 'message_options';
782	option_reply.onclick = function(){new_message('reply_with_history', ID);};
783	option_reply.innerHTML = get_lang('reply');
784	options.appendChild(space2);
785	options.appendChild(option_reply);
786	var option_delete = document.createElement("SPAN");
787	option_delete.className = 'message_options';
788	option_delete.onclick = function(){delete_msgs(info_msg.msg_folder, info_msg.msg_number, ID);};
789	option_delete.innerHTML = get_lang('delete');
790	options.appendChild(space3);
791	options.appendChild(option_delete);
792
793	tr.appendChild(td);
794	tr.appendChild(options);
795	tr.appendChild(next_previous_msg_td);
796	tbody_message_options.appendChild(tr);
797
798	////////// OTHER OPTIONS ////////////////////
799	var tr_other_options = document.createElement("TR");
800	tr_other_options.id = 'tr_other_options_' + ID;
801	tr_other_options.style.display = 'none';
802
803	var td_other_options = document.createElement("TD");
804	td_other_options.colSpan = '3';
805	//td_other_options.align = 'right';
806	//td_other_options.setAttribute("noWrap","true");
807	var div_other_options = document.createElement("DIV");
808
809	var option_mark_as = '<span>'+get_lang("Mark as")+'</span>: ';
810	var option_mark_as_unseen = '<span class="message_options" onclick="set_messages_flag(\'unseen\','+info_msg.msg_number+');write_msg(\'Mensagem marcada como não-lida.\');">não-lida</span>, ';
811	var option_mark_as_important = '<span class="message_options" onclick="set_messages_flag(\'flagged\','+info_msg.msg_number+');write_msg(\'Mensagem marcada como importante.\');">importante</span>, ';
812	var option_mark_as_normal = '<span class="message_options" onclick="set_messages_flag(\'unflagged\','+info_msg.msg_number+');write_msg(\'Mensagem marcada como normal.\');">normal</span> \| ';
813
814	var option_move = '<span class="message_options" onclick=wfolders.makeWindow("'+ID+'","move_to");>'+get_lang("Move")+'</span> \| ';
815	var option_reply_to_all = '<span class="message_options" onclick=new_message("reply_to_all_with_history","'+ID+'");>'+get_lang("Reply to all")+'</span> \| ';
816	var option_reply_without_history = '<span class="message_options" onclick=new_message("reply_without_history","'+ID+'");>'+get_lang("Reply without history")+'</span> \| ';
817	var option_reply_to_all_without_history = '<span class="message_options" onclick=new_message("reply_to_all_without_history","'+ID+'");>'+get_lang("Reply to all without history")+'</span> \| ';
818	var option_source_msg = '<span class="message_options" onclick=source_msg("'+ID+'","'+url_encode(info_msg.msg_folder)+'");>'+get_lang("Message Font")+'</span>';
819
820	div_other_options.innerHTML = option_mark_as + option_mark_as_unseen + option_mark_as_important + option_mark_as_normal + option_move + option_reply_to_all + option_reply_without_history + option_reply_to_all_without_history + option_source_msg;
821	td_other_options.appendChild(div_other_options);
822	//td_other_options.innerHTML = option_print + option_reply_to_all + option_source_msg;
823
824	tr_other_options.appendChild(td_other_options);
825	tbody_message_options.appendChild(tr_other_options);
826	////////// END OTHER OPTIONS ////////////////
827	table_message_options.appendChild(tbody_message_options);
828	td0.appendChild(table_message_options);
829	tr0.appendChild(td0);
830	tbody_message.appendChild(tr0);
831	}
832	// IF DRAFT
833	else
834	{
835	var options = document.createElement("TD");
836	options.width = "1%";
837	options.setAttribute("noWrap","true");
838	var option_edit = '<span class="message_options" onclick="new_message(\'edit\',\''+ID+'\');">Editar</span> \| ';
839	var option_print = '<span class="message_options" onclick="print_msg(\''+info_msg.msg_folder+'\',\''+info_msg.msg_number+'\',\''+ID+'\');">Imprimir</span> \| ';
840	var option_delete = '<span class="message_options" onclick="delete_msgs(\''+info_msg.msg_folder+'\',\''+info_msg.msg_number+'\',\''+ID+'\');">Apagar</span>';
841	options.innerHTML = option_edit + option_print + option_delete;
842	tr.appendChild(td);
843	tr.appendChild(options);
844	tr.appendChild(next_previous_msg_td);
845	tbody_message_options.appendChild(tr);
846	table_message_options.appendChild(tbody_message_options);
847	td0.appendChild(table_message_options);
848	tr0.appendChild(td0);
849	tbody_message.appendChild(tr0);
850	}
851	//////////////////////////////////////////////////////////////////////////////////////////////////////
852	// END options message.
853	//////////////////////////////////////////////////////////////////////////////////////////////////////
854
855	var table_message_others_options = document.createElement("TABLE");
856	table_message_others_options.id = 'table_message_others_options_' + ID;
857	table_message_others_options.width = defaultWidth - 30;
858	table_message_others_options.style.display = 'none';
859	table_message_others_options.className = "table_message";
860	var tbody_message_others_options = document.createElement("TBODY");
861	var tr1 = document.createElement("TR");
862	tr1.className = "tr_message_header";
863	var td1 = document.createElement("TD");
864	td1.innerHTML = "De: ";
865	td1.width = "7%";
866
867	if (info_msg.sender){
868	var tr111 = document.createElement("TR");
869	tr111.className = "tr_message_header";
870	var td111 = document.createElement("TD");
871	td111.innerHTML = get_lang("Sent by")+": ";
872	td111.setAttribute("noWrap","true");
873	var sender = document.createElement("TD");
874	sender.id = "sender_"+ID;
875	var sender_values = document.createElement("INPUT");
876	sender_values.id = "sender_values_"+ID;
877	sender_values.type = "HIDDEN";
878	sender_values.value = info_msg.sender.full; //Veio do IMAP, sem images nem links.
879	sender.innerHTML += draw_plugin_cc(ID, info_msg.sender.full);
880	sender.appendChild(deny_email(info_msg.sender.email));
881	sender.className = "header_message_field";
882	tr111.appendChild(td111);
883	tr111.appendChild(sender);
884	tr111.appendChild(sender_values);
885	tbody_message_others_options.appendChild(tr111);
886	}
887
888
889	var from = document.createElement("TD");
890	from.id = "from_"+ID;
891	from.innerHTML = info_msg.from.full;
892	if (info_msg.Draft != "X"){
893	from.innerHTML += draw_plugin_cc(ID, info_msg.from);
894	from.appendChild(deny_email(info_msg.from.email));
895	tbody_message_others_options.appendChild(tr1);
896	}
897	from.className = "header_message_field";
898	var from_values = document.createElement("INPUT");
899	from_values.id = "from_values_"+ID;
900	from_values.type = "HIDDEN";
901	from_values.value = info_msg.from.full; //Veio do IMAP, sem images nem links.
902	tr1.appendChild(td1);
903	tr1.appendChild(from);
904	tr1.appendChild(from_values);
905	if (info_msg.reply_to){
906	var tr11 = document.createElement("TR");
907	tr11.className = "tr_message_header";
908	var td11 = document.createElement("TD");
909	td11.innerHTML = get_lang("Reply to")+": ";
910	td11.setAttribute("noWrap","true");
911	var reply_to = document.createElement("TD");
912	reply_to.id = "reply_to_"+ID;
913
914	var reply_to_values = document.createElement("INPUT");
915	reply_to_values.id = "reply_to_values_"+ID;
916	reply_to_values.type = "HIDDEN";
917	reply_to_values.value = info_msg.reply_to; //Veio do IMAP, sem images nem links.
918	reply_to.innerHTML = draw_plugin_cc(ID, info_msg.reply_to);
919	reply_to.className = "header_message_field";
920	tr11.appendChild(td11);
921	tr11.appendChild(reply_to);
922	tr11.appendChild(reply_to_values);
923	tbody_message_others_options.appendChild(tr11);
924	}
925	//////////////////////////////////////////////////////////////////////////////////////////////////////
926	var tr2 = document.createElement("TR");
927	tr2.className = "tr_message_header";
928	var td2 = document.createElement("TD");
929	td2.innerHTML = "Para: ";
930	var to = document.createElement("TD");
931	to.id = "to_"+ID;
932
933	var to_values = document.createElement("INPUT");
934	to_values.id = "to_values_"+ID;
935	to_values.type = "HIDDEN";
936	to_values.value = info_msg.toaddress2; //Veio do IMAP, sem images nem links.
937
938	toaddress_array[ID] = info_msg.toaddress2.split(",");
939	if (toaddress_array[ID].length > 1){
940	to.innerHTML += draw_plugin_cc(ID, toaddress_array[ID][0]);
941	var div_toaddress = document.createElement("SPAN");
942	div_toaddress.id = "div_toaddress_"+ID;
943	div_toaddress.style.display="";
944	div_toaddress.innerHTML += " (<a STYLE='color: RED;' onclick=javascript:show_div_address_full('"+ID+"','to');>"+get_lang('more')+"</a>)";
945	to.appendChild(div_toaddress);
946	}
947	else {
948	to.innerHTML += draw_plugin_cc(ID,toaddress_array[ID]);
949	}
950	to.className = "header_message_field";
951	tr2.appendChild(td2);
952	tr2.appendChild(to);
953	tr2.appendChild(to_values);
954	tbody_message_others_options.appendChild(tr2);
955
956	if (info_msg.cc){
957	var tr3 = document.createElement("TR");
958	tr3.className = "tr_message_header";
959	var td3 = document.createElement("TD");
960	td3.innerHTML = "CC: ";
961	var cc = document.createElement("TD");
962	cc.id = "cc_"+ID;
963
964	var cc_values = document.createElement("INPUT");
965	cc_values.id = "cc_values_"+ID;
966	cc_values.type = "HIDDEN";
967	cc_values.value = info_msg.cc;
968
969	ccaddress_array[ID] = info_msg.cc.split(",");
970	if (ccaddress_array[ID].length > 1){
971	var div_ccaddress = document.createElement("SPAN");
972	div_ccaddress.id = "div_ccaddress_"+ID;
973	var div_ccaddress_full = document.createElement("SPAN");
974	div_ccaddress_full.id = "div_ccaddress_full_"+ID;
975	div_ccaddress.style.display="";
976	cc.innerHTML = draw_plugin_cc(ID, ccaddress_array[ID][0]);
977	div_ccaddress.innerHTML += " (<a STYLE='color: RED;' onclick=javascript:show_div_address_full('"+ID+"','cc');>"+get_lang('more')+"</a>)";
978	cc.appendChild(div_ccaddress);
979	}
980	else{
981	cc.innerHTML = draw_plugin_cc(ID, info_msg.cc);
982	}
983	cc.className = "header_message_field";
984	tr3.appendChild(td3);
985	tr3.appendChild(cc);
986	tr3.appendChild(cc_values);
987	tbody_message_others_options.appendChild(tr3);
988	}
989
990	var tr4 = document.createElement("TR");
991	tr4.className = "tr_message_header";
992	var td4 = document.createElement("TD");
993	td4.innerHTML = "Data: ";
994	var date = document.createElement("TD");
995	date.id = "date_"+ID;
996	date.innerHTML = info_msg.fulldate;
997	var date_day = document.createElement("INPUT");
998	date_day.id = "date_day_"+ID;
999	date_day.type = "HIDDEN";
1000	date_day.value = info_msg.msg_day;
1001	var date_hour = document.createElement("INPUT");
1002	date_hour.id = "date_hour_"+ID;
1003	date_hour.type = "HIDDEN";
1004	date_hour.value = info_msg.msg_hour
1005
1006	date.className = "header_message_field";
1007	tr4.appendChild(td4);
1008	tr4.appendChild(date);
1009	tr4.appendChild(date_day);
1010	tr4.appendChild(date_hour);
1011	tbody_message_others_options.appendChild(tr4);
1012
1013	var tr5 = document.createElement("TR");
1014	tr5.className = "tr_message_header";
1015	var td5 = document.createElement("TD");
1016	td5.innerHTML = "Assunto: ";
1017	var subject = document.createElement("TD");
1018	subject.id = "subject_"+ID;
1019	subject.innerHTML = info_msg.subject;
1020	subject.className = "header_message_field";
1021	tr5.appendChild(td5);
1022	tr5.appendChild(subject);
1023	tbody_message_others_options.appendChild(tr5);
1024
1025	if (info_msg.attachments.length > 0){
1026	var tr6 = document.createElement("TR");
1027	tr6.className = "tr_message_header";
1028	var td6 = document.createElement("TD");
1029	td6.innerHTML = "Anexos:";
1030
1031	var attachments = document.createElement("TD");
1032	td6.vAlign = "top";
1033	attachments.align='left';
1034	var zipped_attachments = '';
1035	if(info_msg.attachments.length > 1){
1036	var zipped_attachments = document.createElement("TABLE");
1037	zipped_attachments.style.marginBottom = "4px";
1038	zipped_attachments.cellPadding="0";
1039	zipped_attachments.cellSpacing="0";
1040	var tr = document.createElement("TR");
1041	var td = document.createElement("TD");
1042	var link_attachment = document.createElement("A");
1043	link_attachment.setAttribute("href", "javascript:download_all_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"')");
1044	link_attachment.innerHTML = " "+info_msg.attachments.length+' '+get_lang('files')+' :: '+get_lang('Download all atachments');
1045	link_attachment.innerHTML += '<BR>';
1046	td.appendChild(link_attachment);
1047	tr.appendChild(td);
1048	zipped_attachments.appendChild(tr);
1049	}
1050	if(zipped_attachments)
1051	attachments.appendChild(zipped_attachments);
1052	attachments.id = "attachments_" + ID;
1053	for (var i=0; i<info_msg.attachments.length; i++){
1054	var link_attachment = document.createElement("A");
1055	link_attachment.setAttribute("href", "javascript:download_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"',"+i+",'"+info_msg.attachments[i].pid+"','"+info_msg.attachments[i].encoding+"')");
1056	link_attachment.innerHTML = url_decode(info_msg.attachments[i].name);
1057	msg_size = info_msg.attachments[i].fsize;
1058	if (msg_size < 1048576 && msg_size > 1024)
1059	link_attachment.innerHTML += ' (' + this.round(msg_size / 1024, 0) + ' Kb)';
1060	else if(msg_size > 1024)
1061	link_attachment.innerHTML += ' (' + this.round(msg_size / (1024*1024), 1) + ' Mb)';
1062	else
1063	link_attachment.innerHTML += ' (' + msg_size + ' bytes)';
1064	link_attachment.innerHTML += '<BR>';
1065	attachments.appendChild(link_attachment);
1066	}
1067	tr6.appendChild(td6);
1068	tr6.appendChild(attachments);
1069	tbody_message_others_options.appendChild(tr6);
1070	}
1071
1072
1073	// BEGIN MAKE THE SCROLL HEIGHT
1074	var bar = document.getElementById("toolbar");
1075	var offset = 0;
1076	if(bar.style.visibility != 'hidden')
1077	offset = bar.offsetHeight ? bar.offsetHeight : bar.clientHeight;
1078	var div = document.createElement("DIV");
1079	div.id = "div_message_scroll_"+ID;
1080	div.style.background = 'WHITE';
1081	div.style.height = document.body.clientHeight - offset - 125;
1082	content.style.height = document.body.clientHeight - offset - 80;
1083	div.style.overflow = "auto";
1084	div.style.width = defaultWidth - (is_ie ? 5 : 0);
1085	// END MAKE THE SCROLL HEIGHT
1086	table_message_others_options.appendChild(tbody_message_others_options);
1087	var tr = document.createElement("TR");
1088	var td = document.createElement("TD");
1089	td.colSpan = '2';
1090	div.appendChild(table_message_others_options);
1091	td.appendChild(div);
1092	tr.appendChild(td)
1093	tbody_message.appendChild(tr);
1094
1095
1096	//////////////////////////////////////////////////////////////////////////////////////////////////////
1097	//Make the body message.
1098	//////////////////////////////////////////////////////////////////////////////////////////////////////
1099	var tr = document.createElement("TR");
1100	tr.className = "tr_message_body";
1101	var td = document.createElement("TD");
1102	//td.setAttribute("colSpan","2");
1103	info_msg.body = info_msg.body.replace("<body","<span");
1104	info_msg.body = info_msg.body.replace("<BODY","<span");
1105	div.innerHTML+= "<span id='body_"+ID+"'>"+info_msg.body+"</span><br><br>";
1106	//////////////////////////////////////////////////////////////////////////////////////////////////////
1107	//Make the thumbs of the message.
1108	//////////////////////////////////////////////////////////////////////////////////////////////////////
1109	if ((info_msg.thumbs)&&(info_msg.thumbs.length > 0)){
1110	var table_message_thumbs = document.createElement("TABLE");
1111	table_message_thumbs.width = "80%";
1112	table_message_thumbs.style.borderTop = "2px solid rgb(170, 170, 170)";
1113	var tbody_message_thumbs = document.createElement("TBODY");
1114	var tr = document.createElement("TR");
1115	tr.className = "tr_message_body";
1116	var td = document.createElement("TD");
1117	td.setAttribute("colSpan","2");
1118	td.id = "body_thumbs_"+ID;
1119	td.innerHTML += " <font color='DARKBLUE' size='2'><b>"+info_msg.attachments.length+" "+get_lang("attachment")+(info_msg.attachments.length > 1 ? "s" : "")+" "+get_lang("in this message")+"</font></b>";
1120	var _link_attachments = '';
1121	if(info_msg.thumbs.length > 1){
1122	_link_attachments = document.createElement("A");
1123	_link_attachments.className = "message_options";
1124	_link_attachments.setAttribute("href", "javascript:download_all_attachments('"+info_msg.msg_folder+"','"+info_msg.msg_number+"')");
1125	_link_attachments.innerHTML = get_lang('Download all atachments');
1126	}
1127
1128	if(_link_attachments){
1129	td.innerHTML += " :: ";
1130	td.appendChild(_link_attachments);
1131	}
1132
1133	td.innerHTML += "<BR><img src='templates/default/images/menu/ktip.png'>"+get_lang("<b>Tip:</b> For faster save, click over the image with <u>right button</u>.");
1134	td.innerHTML += "<BR>";
1135
1136	for (var i=0; i<info_msg.thumbs.length; i++){
1137	if ((i % 4) == 0)
1138	td.innerHTML += "<BR>";
1139	td.innerHTML += info_msg.thumbs[i];
1140	td.innerHTML += "  ";
1141	}
1142	tr.appendChild(td);
1143	tbody_message_thumbs.appendChild(tr);
1144	table_message_thumbs.appendChild(tbody_message_thumbs);
1145	div.appendChild(table_message_thumbs);
1146	}
1147	//////////////////////////////////////////////////////////////////////////////////////////////////////
1148	table_message.appendChild(tbody_message);
1149	content.appendChild(table_message);
1150	var msg_number = document.createElement('INPUT');
1151	msg_number.id = "msg_number_" + ID;
1152	msg_number.type = "hidden";
1153	msg_number.value = info_msg.msg_number;
1154	content.appendChild(msg_number);
1155	//////////////////////////////////////////////////////////////////////////////////////////////////////
1156	}
1157
1158	function draw_new_message(){
1159	var ID = create_border("");
1160	hold_session = true;
1161	/////////////////////////////////////////////////////////////////////////////////////////////////////////
1162	var form = document.createElement("FORM");
1163	form.name = "form_message_"+ID;
1164	form.method = "POST";
1165	form.onsubmit = function(){return false;}
1166	if(!is_ie)
1167	form.enctype="multipart/form-data";
1168	else
1169	form.encoding="multipart/form-data";
1170	/////////////////////////////////////////////////////////////////////////////////////////////////////////
1171	//ConstructMenuNewMessage(ID);
1172	////////////////////////////////////////////////////////////////////////////////////////////////////////
1173	var content = Element('content_id_' + ID);
1174	var table_message = document.createElement("TABLE");
1175	table_message.width = "100%";
1176	var tbody_message = document.createElement("TBODY");
1177	var tr0 = document.createElement("TR");
1178	tr0.className = "tr_message_header";
1179	var td0 = document.createElement("TD");
1180	td0.colSpan = '3';
1181
1182	var table_menu_new_message = document.createElement("TABLE");
1183	table_menu_new_message.width = "100%";
1184	table_menu_new_message.border = '0';
1185	table_menu_new_message.className = 'table_message';
1186	var tbody_menu_new_message = document.createElement("TBODY");
1187	var tr_menu_new_message = document.createElement("TR");
1188	var td_menu_new_message = document.createElement("TD");
1189	td_menu_new_message.setAttribute("noWrap","true");
1190
1191	if ((preferences.save_in_folder == '-1') \|\| (preferences.save_in_folder == '')){
1192	var option_send = '<span class="message_options" onclick=send_message("'+ID+'","null","null");>'+get_lang("Send")+'</span> \| ';
1193	var option_send_and_file= '<span class="message_options" onclick=wfolders.makeWindow("'+ID+'","send_and_file");>'+get_lang("Send and file")+'</span> \| ';
1194	}
1195	else{
1196	var option_send = '<span class="message_options" onclick="send_message(\''+ID+'\',\''+preferences.save_in_folder+'\',\'null\');">'+get_lang("Send")+'</span> \| ';
1197	var option_send_and_file='';
1198	wfolders.alert = true;
1199	}
1200	var option_save = '<span class="message_options" onclick=wfolders.makeWindow("'+ID+'","save");>'+get_lang("Save")+'</span> \| ';
1201	var option_search = '<span class="message_options" onclick=openListUsers("'+ID+'");>'+get_lang("Search")+'</span>';
1202	td_menu_new_message.innerHTML = option_send + option_send_and_file + option_save + option_search;
1203
1204	tr_menu_new_message.appendChild(td_menu_new_message);
1205	tbody_menu_new_message.appendChild(tr_menu_new_message);
1206	table_menu_new_message.appendChild(tbody_menu_new_message);
1207
1208	content.appendChild(table_menu_new_message);
1209	tr0.appendChild(td0);
1210	tbody_message.appendChild(tr0);
1211	////////////////////////////////////////////////////////////////////////////////////////////////////////
1212	var tr1_1 = document.createElement("TR");
1213	tr1_1.style.display = 'none';
1214	var td1_1 = document.createElement("TD");
1215	td1_1.innerHTML = get_lang("From")+":";
1216	td1_1.setAttribute("noWrap","true");
1217	td1_1.style.width = "1%";
1218
1219	var td_from = document.createElement("TD");
1220	td_from.setAttribute("noWrap","true");
1221	td_from.style.width = "100%";
1222
1223	var sel_from = document.createElement('SELECT');
1224	sel_from.id = "from_"+ID;
1225	sel_from.name = "input_from";
1226	sel_from.style.width = "70%";
1227	sel_from.setAttribute("wrap","soft");
1228	td_from.appendChild(sel_from);
1229	tr1_1.appendChild(td1_1);
1230	tr1_1.appendChild(td_from);
1231	tbody_message.appendChild(tr1_1);
1232	////////////////////////////////////////////////////////////////////////////////////////////////////////
1233	var tr1 = document.createElement("TR");
1234	var td1 = document.createElement("TD");
1235	td1.innerHTML = get_lang("To")+":";
1236	td1.setAttribute("noWrap","true");
1237	td1.style.width = "1%";
1238
1239	var td_to = document.createElement("TD");
1240	td_to.setAttribute("noWrap","true");
1241	td_to.style.width = "100%";
1242
1243	var input_to = document.createElement('TEXTAREA');
1244	input_to.id = "to_"+ID;
1245	input_to.name = "input_to";
1246	input_to.setAttribute("tabIndex","1");
1247	input_to.style.width = "100%";
1248	input_to.setAttribute("wrap","soft");
1249	input_to.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus', this.id);};
1250	input_to.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);};
1251	if (!is_ie)
1252	{
1253	input_to.rows = 2;
1254	input_to.onkeypress = function (e)
1255	{
1256	if ((e.keyCode) == 120) //F9
1257	{
1258	emQuickSearch(input_to.value, 'to', ID);
1259	}
1260	else
1261	{
1262	if (((e.keyCode == 13) \|\| ((e.keyCode == 38)\|\|(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden'))
1263	{
1264	e.preventDefault();
1265	search_contacts(e.keyCode,this.id);
1266	}
1267	}
1268	}
1269	input_to.onkeyup = function (e)
1270	{
1271	if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40))
1272	{
1273	search_contacts(e.keyCode,this.id);
1274	}
1275	}
1276	}
1277	else
1278	{
1279	input_to.rows = 3;
1280	input_to.onkeyup = function (e)
1281	{
1282	if ((window.event.keyCode) == 120) //F9
1283	{
1284	emQuickSearch(input_to.value, 'to', ID);
1285	}
1286	else
1287	{
1288	search_contacts(window.event.keyCode,this.id);
1289	}
1290	}
1291	}
1292	td_to.appendChild(input_to);
1293
1294	var img_search = document.createElement("IMG");
1295	img_search.src = "./templates/default/images/search.gif";
1296	img_search.title = get_lang('Search') + " \| " + get_lang('Use F9 Key as shortcut.');
1297	img_search.onclick = function () {emQuickSearch(document.getElementById('to_'+ID).value, 'to', ID);};
1298	var span_search = document.createElement("SPAN");
1299	span_search.innerHTML = get_lang('Search');
1300
1301	var td1_img_search = document.createElement("TD");
1302	td1_img_search.setAttribute("noWrap","true");
1303	var td1_span_search = document.createElement("TD");
1304	td1_span_search.setAttribute("noWrap","true");
1305
1306	td1_img_search.appendChild(img_search);
1307	td1_span_search.appendChild(span_search);
1308
1309	tr1.appendChild(td1);
1310	tr1.appendChild(td_to);
1311	tr1.appendChild(td1_img_search);
1312
1313	tbody_message.appendChild(tr1);
1314	//////////////////////////////////////////////////////////////////////////////////////////////////////
1315	var tr2 = document.createElement("TR");
1316	tr2.id = "tr_cc_"+ID;
1317	tr2.style.display = 'none';
1318	var td2 = document.createElement("TD");
1319	td2.innerHTML = "Cc:";
1320	td2.setAttribute("noWrap","true");
1321	td2.style.width = "1%";
1322
1323	var td_cc = document.createElement("TD");
1324	td_cc.setAttribute("noWrap","true");
1325	td_cc.style.width = "100%";
1326
1327	var input_cc = document.createElement('TEXTAREA');
1328	input_cc.id = "cc_"+ID;
1329	input_cc.name = "input_cc";
1330	input_cc.setAttribute("tabIndex","1");
1331	input_cc.style.width = "100%";
1332	input_cc.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus',this.id);};
1333	input_cc.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);};
1334	if (!is_ie)
1335	{
1336	input_cc.rows = 2;
1337	input_cc.onkeypress = function (e)
1338	{
1339	if ((e.keyCode) == 120) //F9
1340	{
1341	emQuickSearch(input_cc.value, 'cc', ID);
1342	}
1343	else
1344	{
1345	if (((e.keyCode == 13) \|\| ((e.keyCode == 38)\|\|(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden'))
1346	{
1347	e.preventDefault();
1348	search_contacts(e.keyCode,this.id);
1349	}
1350	}
1351	}
1352	input_cc.onkeyup = function (e)
1353	{
1354	if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40))
1355	{
1356	search_contacts(e.keyCode,this.id);
1357	}
1358	}
1359	}
1360	else if (is_ie)
1361	{
1362	input_cc.rows = 3;
1363	input_cc.onkeyup = function (e)
1364	{
1365	if ((window.event.keyCode) == 120) //F9
1366	{
1367	emQuickSearch(input_cc.value, 'cc', ID);
1368	}
1369	else
1370	{
1371	search_contacts(window.event.keyCode,this.id);
1372	}
1373	}
1374	}
1375	td_cc.appendChild(input_cc);
1376	var img_search = document.createElement("IMG");
1377	img_search.src = "./templates/default/images/search.gif";
1378	img_search.onclick = function () {emQuickSearch(document.getElementById('cc_'+ID).value, 'cc', ID)}
1379	img_search.title = get_lang('Search') + " \| " + get_lang('Use F9 Key as shortcut.');
1380	var span_search = document.createElement("SPAN");
1381	span_search.innerHTML = get_lang('Search');
1382
1383	var td2_img_search = document.createElement("TD");
1384	td2_img_search.setAttribute("noWrap","true");
1385	var td2_span_search = document.createElement("TD");
1386	td2_span_search.setAttribute("noWrap","true");
1387
1388	td2_img_search.appendChild(img_search);
1389	td2_span_search.appendChild(span_search);
1390
1391	tr2.appendChild(td2);
1392	tr2.appendChild(td_cc);
1393	tr2.appendChild(td2_img_search);
1394	tbody_message.appendChild(tr2);
1395	//////////////////////////////////////////////////////////////////////////////////////////////////////
1396	var tr3 = document.createElement("TR");
1397	tr3.id = "tr_cco_"+ID;
1398	tr3.style.display = 'none';
1399	var td3 = document.createElement("TD");
1400	td3.setAttribute("noWrap","true");
1401	td3.innerHTML = get_lang("CCo")+":";
1402	td3.style.width = "1%";
1403
1404	var td_cco = document.createElement("TD");
1405	td_cco.setAttribute("noWrap","true");
1406	td_cco.style.width = "100%";
1407
1408	var input_cco = document.createElement('TEXTAREA');
1409	input_cco.id = "cco_"+ID;
1410	input_cco.name = "input_cco";
1411	input_cco.setAttribute("tabIndex","1");
1412	input_cco.style.width = "100%";
1413	input_cco.onfocus = function(){clearTimeout(parseInt(setTimeOutLayer)); search_contacts('onfocus',this.id);};
1414	input_cco.onblur = function(){setTimeOutLayer=setTimeout('search_contacts("lostfocus","'+this.id+'")',100);};
1415	if (!is_ie)
1416	{
1417	input_cco.rows = 2;
1418	input_cco.onkeypress = function (e)
1419	{
1420	if ((e.keyCode) == 120) //F9
1421	{
1422	emQuickSearch(input_cco.value, 'cco', ID);
1423	}
1424	else
1425	{
1426	if (((e.keyCode == 13) \|\| ((e.keyCode == 38)\|\|(e.keyCode == 40))) && (document.getElementById('tipDiv').style.visibility!='hidden'))
1427	{
1428	e.preventDefault();
1429	search_contacts(e.keyCode,this.id);
1430	}
1431	}
1432	}
1433	input_cco.onkeyup = function (e)
1434	{
1435	if ((e.keyCode != 13) && (e.keyCode != 38) && (e.keyCode != 40))
1436	{
1437	search_contacts(e.keyCode,this.id);
1438	}
1439	}
1440	}
1441	else if (is_ie)
1442	{
1443	input_cco.rows = 3;
1444	input_cco.onkeyup = function (e)
1445	{
1446	if ((window.event.keyCode) == 120) //F9
1447	{
1448	emQuickSearch(input_cco.value, 'cco', ID);
1449	}
1450	else
1451	{
1452	search_contacts(window.event.keyCode,this.id);
1453	}
1454	}
1455	}
1456	td_cco.appendChild(input_cco);
1457	var img_search = document.createElement("IMG");
1458	img_search.src = "./templates/default/images/search.gif";
1459	img_search.title = get_lang('Search') + " \| " + get_lang('Use F9 Key as shortcut.');
1460	img_search.onclick = function () {emQuickSearch(document.getElementById('cco_'+ID).value, 'cco', ID);};
1461	var span_search = document.createElement("SPAN");
1462	span_search.innerHTML = get_lang('Search');
1463
1464	var td3_img_search = document.createElement("TD");
1465	td3_img_search.setAttribute("noWrap","true");
1466	var td3_span_search = document.createElement("TD");
1467	td3_span_search.setAttribute("noWrap","true");
1468
1469	td3_img_search.appendChild(img_search);
1470	td3_span_search.appendChild(span_search);
1471
1472	tr3.appendChild(td3);
1473	tr3.appendChild(td_cco);
1474	tr3.appendChild(td3_img_search);
1475	tbody_message.appendChild(tr3);
1476	//////////////////////////////////////////////////////////////////////////////////////////////////////
1477	var tr_link = document.createElement("TR");
1478	tr_link.id = "tr_link_"+ID;
1479	var td1_link = document.createElement("TD");
1480	var td2_link = document.createElement("TD");
1481	td1_link.innerHTML = " ";
1482	var a_cc_link = document.createElement('A');
1483	a_cc_link.innerHTML = get_lang('Add CC');
1484	a_cc_link.id = "a_cc_link_"+ID;
1485	a_cc_link.setAttribute("href","javascript:void(0)");
1486	a_cc_link.setAttribute("tabIndex","-1");
1487	a_cc_link.onclick = function () {this.style.display='none';document.getElementById('tr_cc_'+ID).style.display='';document.getElementById('space_link_'+ID).style.display='none';input_cc.focus();}
1488	td2_link.appendChild(a_cc_link);
1489	var space = document.createElement("span");
1490	space.id ="space_link_"+ID;
1491	space.innerHTML=" \| ";
1492	td2_link.appendChild(space);
1493	var a_cco_link = document.createElement('A');
1494	a_cco_link.innerHTML = get_lang('Add BCC');
1495	a_cco_link.id = "a_cco_link_"+ID;
1496	a_cco_link.setAttribute("href","javascript:void(0)");
1497	a_cco_link.setAttribute("tabIndex","-1");
1498	a_cco_link.onclick = function () {this.style.display='none';document.getElementById('tr_cco_'+ID).style.display='';document.getElementById('space_link_'+ID).style.display='none';input_cco.focus();}
1499	td2_link.appendChild(a_cco_link);
1500	tr_link.appendChild(td1_link);
1501	tr_link.appendChild(td2_link);
1502	tbody_message.appendChild(tr_link);
1503	//////////////////////////////////////////////////////////////////////////////////////////////////////
1504	var tr4 = document.createElement("TR");
1505	var td4 = document.createElement("TD");
1506	//td4.setAttribute("noWrap","true");
1507	td4.innerHTML = get_lang("Subject")+":";
1508	var td_subject = document.createElement("TD");
1509	var input_subject = document.createElement('input');
1510	input_subject.id = "subject_"+ID;
1511	input_subject.name = "input_subject";
1512	input_subject.setAttribute("tabIndex","1");
1513	input_subject.style.width = "90%";
1514	input_subject.setAttribute("autocomplete","off");
1515	td_subject.appendChild(input_subject);
1516	tr4.appendChild(td4);
1517	tr4.appendChild(td_subject);
1518	tbody_message.appendChild(tr4);
1519	//////////////////////////////////////////////////////////////////////////////////////////////////////
1520	var tr5 = document.createElement("TR");
1521	var td5 = document.createElement("TD");
1522	td5.innerHTML = " ";
1523	var td_return_receipt = document.createElement("TD");
1524	td_return_receipt.setAttribute("noWrap","true");
1525	td_return_receipt.innerHTML = get_lang("Return receipt")+":";
1526	var input_return_receipt = document.createElement('input');
1527	input_return_receipt.type = "checkbox";
1528	input_return_receipt.className = "checkbox";
1529	input_return_receipt.id = "return_receipt_"+ID;
1530	input_return_receipt.name = "input_return_receipt";
1531	input_return_receipt.setAttribute("tabIndex","-1");
1532	td_return_receipt.appendChild(input_return_receipt);
1533	tr5.appendChild(td5);
1534	tr5.appendChild(td_return_receipt);
1535	tbody_message.appendChild(tr5);
1536	//////////////////////////////////////////////////////////////////////////////////////////////////////
1537	var add_files = document.createElement("A");
1538	add_files.setAttribute("href", "javascript:void(0)");
1539	add_files.onclick = function () {addFile(ID);};
1540	add_files.innerHTML = get_lang("Attachments: add+");
1541	add_files.setAttribute("tabIndex","-1");
1542	var divfiles = document.createElement("DIV");
1543	divfiles.id = "divFiles_"+ID;
1544	var tr5 = document.createElement("TR");
1545	var td5_link = document.createElement("TD");
1546	var td5_input = document.createElement("TD");
1547	td5_input.innerHTML = " "
1548	td5_link.setAttribute("valign","top");
1549	td5_link.setAttribute("colSpan","2");
1550	td5_link.appendChild(add_files);
1551	tr5.appendChild(td5_input);
1552	tr5.appendChild(td5_link);
1553	tbody_message.appendChild(tr5);
1554	var tr6 = document.createElement("TR");
1555	var td6_link = document.createElement("TD");
1556	var td6_input = document.createElement("TD");
1557	tr6.appendChild(td6_link);
1558	td6_input.appendChild(divfiles);
1559	tr6.appendChild(td6_input);
1560	tbody_message.appendChild(tr6);
1561	//////////////////////////////////////////////////////////////////////////////////////////////////////
1562	var tr5 = document.createElement("TR");
1563	var td5 = document.createElement("TD");
1564	td5.innerHTML = " ";
1565	var td_body = document.createElement("TD");
1566	td_body.setAttribute("colSpan","2");
1567	var div_body_position = document.createElement("DIV");
1568	div_body_position.id = "body_position_" + ID;
1569	td_body.appendChild(div_body_position);
1570	tr5.appendChild(td5);
1571	tr5.appendChild(td_body);
1572	tbody_message.appendChild(tr5);
1573	// BEGIN MAKE THE SCROLL HEIGHT
1574	var defaultWidth = document.body.clientWidth - (is_ie ? 200 : 195);
1575	var _bar = document.getElementById("toolbar");
1576	var _offset = 0;
1577	if(_bar.style.visibility != 'hidden')
1578	_offset = _bar.offsetHeight ? _bar.offsetHeight : _bar.clientHeight;
1579	var _div = document.createElement("DIV");
1580	_div.id = "div_message_scroll_"+ID;
1581	// _div.style.background = 'WHITE';
1582	_div.style.height = document.body.clientHeight - _offset - 105;
1583	content.style.height = document.body.clientHeight - _offset - 80;
1584	_div.style.overflow = "auto";
1585	_div.style.width = defaultWidth;
1586	// END MAKE THE SCROLL HEIGHT
1587
1588	// Hide the contac tips and re-position the pallete color.
1589	_div.onscroll = function() {
1590	var intElemScrollTop = Element("div_message_scroll_"+ID).scrollTop;
1591	if (!is_ie)
1592	ColorPalette.repos(intElemScrollTop);
1593	Tooltip.scrollChanged();
1594	};
1595	//////////////////////////////////////////////////////////////////////////////////////////////////////
1596	_div.appendChild(form);
1597	content.appendChild(_div);
1598	table_message.appendChild(tbody_message);
1599	form.appendChild(table_message);
1600	connector.loadScript("rich_text_editor");
1601	RichTextEditor.loadEditor(ID);
1602	//////////////////////////////////////////////////////////////////////////////////////////////////////
1603	draw_from_field(sel_from,tr1_1);
1604	return ID;
1605	}
1606
1607	// Verify if any user is sharing his name/email address
1608	// for use in the new messages's "From " field.
1609	function draw_from_field(sel_from,tr1_1){
1610
1611	var el_shared_users = Element("el_shared_users");
1612	// The element was loaded and populated...so return.
1613	if(el_shared_users){
1614	tr1_1.style.display = '';
1615	for (var x = 0; x < el_shared_users.options.length; x++) {
1616	var _option = document.createElement("OPTION");
1617	_option.text = el_shared_users.options[x].text;
1618	_option.value = el_shared_users.options[x].value;
1619	sel_from.options[sel_from.options.length] = _option ;
1620	}
1621	return;
1622	}
1623	// Get the shared folders.....
1624	var RegExp_name = new RegExp("(user)"+cyrus_delimiter+"(.*)$", "i");
1625	var sharedFolders = new Array();
1626	for(var i = 0; i < folders.length; i++) {
1627	var x = folders[i].folder_id;
1628	if (RegExp_name.test(x)){
1629	sharedFolders[sharedFolders.length] = x;
1630	}
1631	}
1632
1633	var matchUser = '#';
1634	var sharedUsers = new Array();
1635	// Filter the shared folders (only root folders) .....
1636	for(var i = 0; i < sharedFolders.length; i++) {
1637	if(!sharedFolders[i].match(matchUser)) {
1638	matchUser = sharedFolders[i];
1639	sharedUsers[sharedUsers.length] = matchUser.substring(("user"+cyrus_delimiter).length,matchUser.length);
1640	}
1641	}
1642	// Nothing to work...so return.
1643	if(sharedUsers.length == 0)
1644	return;
1645
1646	// Handler function for cExecute
1647	var h_user = function(data) {
1648	if(data.length == 0) {
1649	return false;
1650	}
1651	tr1_1.style.display = '';
1652	var _option = document.createElement("OPTION");
1653	_option.text = '"'+data.myname+'" <'+Element("user_email").value+'>';
1654	_option.value = data.myname+";"+Element("user_email").value;
1655	sel_from.options[sel_from.options.length] = _option;
1656
1657	var options = '';
1658	for (var x = 0; x < data.length; x++) {
1659	var _option = document.createElement("OPTION");
1660	_option.text = '"'+data[x].cn[0] + '" <'+data[x].mail[0]+'>';
1661	_option.value = data[x].cn[0] + ';'+data[x].mail[0];
1662	sel_from.options[sel_from.options.length] = _option ;
1663	}
1664
1665	var shared_users_from = Element("el_shared_users");
1666	if(!shared_users_from) {
1667	shared_users_from = sel_from.cloneNode(true);
1668	shared_users_from.id = "el_shared_users";
1669	shared_users_from.style.display = 'none';
1670	document.body.appendChild(shared_users_from);
1671	}
1672	}
1673	// First time, so execute.....
1674	cExecute ("$this.ldap_functions.getSharedUsersFrom&uids="+sharedUsers.join(';'), h_user);
1675	}
1676
1677	function changeBgColorToON(all_messages, begin, end){
1678	for (begin; begin<=end; begin++){
1679	switch (all_messages[begin].className)
1680	{
1681	case 'tr_msg_read':
1682	all_messages[begin].className = "selected_seen_msg_bg";
1683	break;
1684	case 'tr_msg_unread':
1685	all_messages[begin].className = "selected_unseen_msg_bg";
1686	break;
1687	case 'important_msg_read':
1688	all_messages[begin].className = "selected_important_msg_read";
1689	break;
1690	case 'important_msg_unread':
1691	all_messages[begin].className = "selected_important_msg_unread";
1692	break;
1693	}
1694	Element("check_box_message_" + all_messages[begin].id).checked = true;
1695	}
1696	}
1697	function changeBgColorToOFF(all_messages, begin, end){
1698	for (begin; begin<=end; begin++){
1699	switch (all_messages[begin].className)
1700	{
1701	case 'selected_seen_msg_bg':
1702	all_messages[begin].className = "tr_msg_read";
1703	break;
1704	case 'selected_unseen_msg_bg':
1705	all_messages[begin].className = "tr_msg_unread";
1706	break;
1707	case 'selected_important_msg_read':
1708	all_messages[begin].className = "important_msg_read";
1709	break;
1710	case 'selected_important_msg_unread':
1711	all_messages[begin].className = "important_msg_unread";
1712	break;
1713	}
1714	document.getElementById("check_box_message_" + all_messages[begin].id).checked = false;
1715	}
1716	}
1717
1718	function changeBgColor(event, msg_number){
1719	actual_tr = document.getElementById(msg_number);
1720
1721	if ((actual_tr.className == "selected_unseen_msg_bg") \|\| (actual_tr.className == "selected_seen_msg_bg") \|\| (actual_tr.className == "selected_important_msg_read") \|\| (actual_tr.className == "selected_important_msg_unread"))
1722	actual_background = "on";
1723	else
1724	actual_background = "off";
1725
1726	if (event.shiftKey){
1727	last_tr = document.getElementById(last_message_selected);
1728	if(!last_tr)
1729	last_tr = actual_tr;
1730
1731	if ((last_tr.className == "selected_unseen_msg_bg") \|\| (last_tr.className == "selected_seen_msg_bg") \|\| (actual_tr.className == "selected_important_msg_read") \|\| (actual_tr.className == "selected_important_msg_unread"))
1732	last_background = "on";
1733	else
1734	last_background = "off";
1735
1736	all_messages = actual_tr.parentNode.childNodes;
1737	for (var i=0; i < all_messages.length; i++){
1738	if (actual_tr.id == all_messages[i].id){
1739	first_order = i;
1740	}
1741	if (last_tr.id == all_messages[i].id){
1742	last_order = i;
1743	}
1744	}
1745
1746	if (parseInt(first_order) > parseInt(last_order)){
1747	if ((last_background == "off") && (actual_background == "on"))
1748	changeBgColorToOFF(all_messages, last_order, first_order);
1749	else
1750	changeBgColorToON(all_messages, last_order, first_order);
1751	}
1752	else{
1753	if ((last_background == "off") && (actual_background == "on"))
1754	changeBgColorToOFF(all_messages, first_order, last_order);
1755	else
1756	changeBgColorToON(all_messages, first_order, last_order);
1757	}
1758	}
1759	else{
1760	switch (actual_tr.className)
1761	{
1762	case 'tr_msg_read':
1763	actual_tr.className = "selected_seen_msg_bg";
1764	break;
1765	case 'tr_msg_unread':
1766	actual_tr.className = "selected_unseen_msg_bg";
1767	break;
1768	case 'selected_unseen_msg_bg':
1769	actual_tr.className = "tr_msg_unread";
1770	break;
1771	case 'selected_seen_msg_bg':
1772	actual_tr.className = "tr_msg_read";
1773	break;
1774	case 'important_msg_read':
1775	actual_tr.className = "selected_important_msg_read";
1776	break;
1777	case 'important_msg_unread':
1778	actual_tr.className = "selected_important_msg_unread";
1779	break;
1780	case 'selected_important_msg_read':
1781	actual_tr.className = "important_msg_read";
1782	break;
1783	case 'selected_important_msg_unread':
1784	actual_tr.className = "important_msg_unread";
1785	break;
1786	}
1787	}
1788	last_message_selected = msg_number;
1789	}
1790
1791	function build_quota(data){
1792	id = "content_quota";
1793	q_limit = data['quota_limit'];
1794	var div = document.getElementById(id);
1795	if(!q_limit){
1796	div.innerHTML = '<span><font size="2" style="color:red"><strong>SEM COTA</strong></font></span>';
1797	}
1798	else{
1799	value = data['quota_percent'];
1800	q_used = data['quota_used'];
1801	table = document.getElementById("table_quota");
1802	if(table)
1803	table.parentNode.removeChild(table);
1804	table = document.createElement("TABLE");
1805	tbody = document.createElement("TBODY");
1806	table.appendChild(tbody);
1807	table.id = "table_quota";
1808	table.width="102";
1809	table.border="0";
1810	table.cellSpacing = 0;
1811	table.cellPadding = 0;
1812
1813	//tr1 = document.createElement("TR");
1814	td11 = document.createElement("TD");
1815	td11.align="center";
1816	td11.setAttribute("noWrap","true");
1817	td11.innerHTML += ' ' + value+"% ("+q_used+"M/"+q_limit+"M)";
1818	//tr1.appendChild(td11);
1819
1820	tr2 = document.createElement("TR");
1821	td21 = document.createElement("TD");
1822	td21.setAttribute("noWrap","true");
1823	td21.height="15";
1824	td22 = document.createElement("TD");
1825	td21.setAttribute("background","templates/default/images/dsunused.gif");
1826	table221 = document.createElement("TABLE");
1827	tbody221 = document.createElement("TBODY");
1828	table221.appendChild(tbody221);
1829	table221.style.width=value+"%";
1830	td21.width="102";
1831	table221.border="0";
1832	table221.cellSpacing = 0;
1833	table221.cellPadding = 0;
1834	tr221 = document.createElement("TR");
1835	td221 = document.createElement("TD");
1836	td221.height="15";
1837	if(value > 90) {
1838	if(value >= 100)
1839	write_msg(get_lang("Your Mailbox is 100% full! You must free more space or will not receive messages."));
1840	else
1841	write_msg(get_lang("Warning: Your Mailbox is almost full!"));
1842	td221.setAttribute("background","templates/default/images/dsalert.gif");
1843	}
1844	else if(value > 80)
1845	td221.setAttribute("background","templates/default/images/dswarn.gif");
1846	else
1847	td221.setAttribute("background","templates/default/images/dsused.gif");
1848
1849	tr221.appendChild(td221);
1850	tbody221.appendChild(tr221);
1851	td21.appendChild(table221);
1852	tr2.appendChild(td21);
1853	tr2.appendChild(td11);
1854
1855	//tr2.appendChild(td1);
1856
1857	tbody.appendChild(tr2); //Desenho
1858	//tbody.appendChild(tr1); //Letras
1859	div.appendChild(table);
1860	}
1861	}
1862
1863	function draw_quota(data){
1864	build_quota(data);
1865	}
1866
1867	function update_quota(){
1868	cExecute ("$this.imap_functions.get_quota",build_quota);
1869	}
1870
1871	function draw_search(headers_msgs){
1872	Element("border_id_0").innerHTML = "  " + get_lang('Search Result') + "  ";
1873
1874	var tbody = Element('tbody_box');
1875	for (var i=0; i<(headers_msgs.length); i++){
1876	var tr = this.make_tr_message(headers_msgs[i], headers_msgs[i].msg_folder);
1877	tbody.appendChild(tr);
1878	}
1879	}
1880
1881	function draw_search_header_box(){
1882	var table_message_header_box = Element("table_message_header_box");
1883	table_message_header_box.parentNode.removeChild(table_message_header_box);
1884
1885	var content_id_0 = Element("content_id_0");
1886	var table_element = document.createElement("TABLE");
1887	var tbody_element = document.createElement("TBODY");
1888	table_element.setAttribute("id", "table_message_header_box");
1889	table_element.className = "table_message_header_box";
1890	tr_element = document.createElement("TR");
1891	tr_element.className = "message_header";
1892	td_element1 = document.createElement("TD");
1893	td_element1.setAttribute("width", "1%");
1894	chk_box_element = document.createElement("INPUT");
1895	chk_box_element.id = "chk_box_select_all_messages";
1896	chk_box_element.setAttribute("type", "checkbox");
1897	chk_box_element.className = "checkbox";
1898	chk_box_element.onclick = function(){select_all_messages(this.checked);};
1899	chk_box_element.onmouseover = function () {this.title=get_lang('Select all messages.')};
1900	chk_box_element.onkeydown = function (e){
1901	if (is_ie)
1902	{
1903	if ((window.event.keyCode) == 46)
1904	{
1905	//delete_all_selected_msgs_imap();
1906	delete_msgs(get_current_folder(),'selected','null');
1907	}
1908	}
1909	else
1910	{
1911	if ((e.keyCode) == 46)
1912	{
1913	//delete_all_selected_msgs_imap();
1914	delete_msgs(get_current_folder(),'selected','null');
1915	}
1916	}
1917	};
1918
1919	td_element1.appendChild(chk_box_element);
1920	td_element2 = document.createElement("TD");
1921	td_element2.setAttribute("width", "3%");
1922	td_element3 = document.createElement("TD");
1923	td_element3.setAttribute("width", "30%");
1924	td_element3.id = "message_header_SORTFROM";
1925	td_element3.align = "left";
1926	td_element3.innerHTML = get_lang("From");
1927	td_element4 = document.createElement("TD");
1928	td_element4.setAttribute("width", "49%");
1929	td_element4.id = "message_header_SORTSUBJECT";
1930	td_element4.align = "left";
1931	td_element4.innerHTML = get_lang("Subject");
1932	td_element5 = document.createElement("TD");
1933	td_element5.setAttribute("width", "10%");
1934	td_element5.id = "message_header_SORTARRIVAL";
1935	td_element5.align = "center";
1936	td_element5.innerHTML = "<B>"+get_lang("Date")+"</B>";
1937	td_element5.innerHTML += "<img src ='templates/default/images/arrow_descendant.gif'>";
1938	td_element6 = document.createElement("TD");
1939	td_element6.setAttribute("width", "10%");
1940	td_element6.id = "message_header_SORTSIZE";
1941	td_element6.align = "right";
1942	td_element6.innerHTML = get_lang("Size");
1943	tr_element.appendChild(td_element1);
1944	tr_element.appendChild(td_element2);
1945	tr_element.appendChild(td_element3);
1946	tr_element.appendChild(td_element4);
1947	tr_element.appendChild(td_element5);
1948	tr_element.appendChild(td_element6);
1949
1950	tbody_element.appendChild(tr_element);
1951	table_element.appendChild(tbody_element);
1952	content_id_0.appendChild(table_element);
1953	}
1954
1955	function draw_search_division(msg){
1956	var tbody = Element('tbody_box');
1957	var tr = document.createElement("TR");
1958	var td = document.createElement("TD");
1959	td.colSpan = '7';
1960	td.width = '100%';
1961
1962	var action_info_table = document.createElement("TABLE");
1963	var action_info_tbody = document.createElement("TBODY");
1964
1965	action_info_table.className = "action_info_table";
1966	action_info_table.width = "100%";
1967
1968	var action_info_tr = document.createElement("TR");
1969
1970	var action_info_th1 = document.createElement("TH");
1971	action_info_th1.width = "40%";
1972	action_info_th1.innerHTML = " ";
1973
1974	var action_info_th2 = document.createElement("TH");
1975
1976	action_info_th2.innerHTML = msg;
1977	action_info_th2.className = "action_info_th";
1978	action_info_th2.setAttribute("noWrap", "true");
1979
1980	var action_info_th3 = document.createElement("TH");
1981	action_info_th3.width = "40%";
1982	action_info_th3.innerHTML = " ";
1983
1984	action_info_tr.appendChild(action_info_th1);
1985	action_info_tr.appendChild(action_info_th2);
1986	action_info_tr.appendChild(action_info_th3);
1987	action_info_tbody.appendChild(action_info_tr);
1988	action_info_table.appendChild(action_info_tbody);
1989
1990	td.appendChild(action_info_table);
1991	tr.appendChild(td);
1992	tbody.appendChild(tr);
1993	}
1994
1995	function draw_search_box(){
1996	var content_id_0 = Element("content_id_0");
1997	var table = document.createElement("TABLE");
1998	table.id = "table_box";
1999	table.width = 'auto';
2000	var tbody = document.createElement("TBODY");
2001	tbody.id = "tbody_box";
2002
2003	table.className = "table_box";
2004	table.setAttribute("frame", "below");
2005	table.setAttribute("rules", "none");
2006	table.setAttribute("cellpadding", "0");
2007	table.onkeydown = function (e){
2008	if (is_ie)
2009	{
2010	if ((window.event.keyCode) == 46)
2011	{
2012	//delete_all_selected_msgs_imap();
2013	delete_msgs(get_current_folder(),'selected','null');
2014	}
2015	}
2016	else
2017	{
2018	if ((e.keyCode) == 46)
2019	{
2020	//delete_all_selected_msgs_imap();
2021	delete_msgs(get_current_folder(),'selected','null');
2022	}
2023	}
2024	};
2025	if (is_ie)
2026	table.style.cursor = "hand";
2027
2028	table.appendChild(tbody);
2029	content_id_0.appendChild(table);
2030	}
2031	var idx_cc = 0;
2032	function draw_plugin_cc(ID, addrs) {
2033	connector.loadScript("ccQuickAdd");
2034
2035	var array_addrs = '';
2036	var array_name = '';
2037	var cc_data = new Array();
2038	if(typeof(addrs.name) != 'undefined') {
2039	array_name = LTrim(addrs.name).split(" ");
2040	array_addrs = new Array(addrs.email);
2041	}
2042	else {
2043	array_addrs = (typeof addrs == 'object' ? addrs.toString().split("\" ") : addrs.split("\" "));
2044	array_name = LTrim(array_addrs[0]).replace('"','').split(" ");
2045	}
2046
2047	var _split = array_name[0].split('@');
2048	cc_data[0] = _split[0];
2049	cc_data[1] = _split[0];
2050	cc_data[2] = '';
2051
2052	for (i=1; i < array_name.length; i++)
2053	cc_data[2] += array_name[i] + " ";
2054
2055
2056	if(array_addrs.length > 1)
2057	cc_data[3] = array_addrs[1] ? array_addrs[1].replace("<",'').replace(">",'') : '';
2058	else
2059	cc_data[3] = array_addrs[0];
2060
2061	var sm_envelope_img1 = '<img style="cursor:'+ (is_ie ? 'hand' : 'pointer') +'" title="Adicionar Contato"'+
2062	' onclick="ccQuickAddOne.showList(\''+cc_data+'\')" src="./templates/default/images/user_card.gif">';
2063	var to_addybook_add = "<SPAN id='insert_plugin_"+idx_cc+"_"+ID+"'>";
2064	to_addybook_add += addrs;
2065	to_addybook_add += sm_envelope_img1;
2066	idx_cc++;
2067	to_addybook_add += "</SPAN>";
2068	return to_addybook_add;
2069	}
2070	function deny_email(email){
2071	connector.loadScript("filter");
2072	var dn_em = document.createElement("SPAN");
2073	dn_em.id = "tt_d";
2074	dn_em.onclick = function(){filter_rules.new_rule(email);};
2075	dn_em.setAttribute("title","Bloquear Remetente");
2076	dn_em.style.cursor = "pointer";
2077	dn_em.innerHTML = "<img onclick=filter.new_rule('"+email+"') src='./templates/default/images/deny.gif'>";
2078	return dn_em;
2079
2080	}
2081	function show_div_address_full(id, type) {
2082	var div_address_full = Element("div_"+type+"address_full_"+id);
2083	if(!div_address_full) {
2084	div_address_full = document.createElement("SPAN");
2085	div_address_full.id = "div_"+type+"address_full_"+id;
2086	div_address_full.style.display="none";
2087	var _address = eval(type+"address_array['"+id+"']");
2088	var isOverLimit = (_address.length > 100);
2089
2090	if(isOverLimit) {
2091	alert("Esse campo possui muitos endereços ("+_address.length+" destinatários).\r\n"+
2092	"Para evitar o travamento do navegador, o botão 'Adicionar Contato' foi desabilitado!");
2093	}
2094
2095	for(var idx = 1 ; idx < _address.length;idx++) {
2096	div_address_full.innerHTML += isOverLimit ? '<br>'+_address[idx] : ','+draw_plugin_cc(id,_address[idx]);
2097	}
2098	div_address_full.innerHTML += " (<a STYLE='color: RED;' onclick=document.getElementById('div_"+type+"address_full_"+id+"').style.display='none';document.getElementById('div_"+type+"address_"+id+"').style.display='';>"+get_lang('less')+"</a>)";
2099	Element(type+"_"+id).appendChild(div_address_full);
2100	}
2101	Element('div_'+type+'address_'+id).style.display='none';
2102	div_address_full.style.display='';
2103	}
2104	function draw_footer_box(num_msgs){
2105	var span_R = Element("table_message");
2106	var span_options = Element("span_options");
2107	if(!span_options) {
2108	span_options = document.createElement("TD");
2109	span_options.style.fontSize = "12";
2110	span_options.id = "span_options";
2111	span_R.appendChild(span_options);
2112	}
2113	span_options.innerHTML =
2114	'<span title="'+get_lang("Delete")+'" style="margin-left:8px" class="message_options" onclick=delete_msgs(\'null\',\'selected\',\'null\')>'+get_lang("Delete")+'</span> \| '+
2115	'<span title="'+get_lang("Move")+'" class="message_options" onclick=wfolders.makeWindow(\"\",\"move_to\")>'+get_lang("Move")+'</span> \| '+
2116	'<span title="'+get_lang("Print")+'" class="message_options" onclick=print_all()>'+get_lang("Print")+'</span> \| '+
2117	'<span title="'+get_lang("Export")+'" class="message_options" onclick="export_all_selected_msgs()">'+get_lang("Export")+'</span>';
2118
2119	var span_D = Element("span_D");
2120	if(!span_D){
2121	span_D = document.createElement("TD");
2122	span_D.align = "right";
2123	span_D.style.fontSize = "12";
2124	span_D.id = "span_D";
2125	span_R.appendChild(span_D);
2126	}
2127	span_D.innerHTML =
2128	get_lang("List")+': '+
2129	'<span id="span_flag_SORTARRIVAL" style="'+(search_box_type == 'ALL' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("All")+'" class="message_options" onclick="if(\'ALL\' == \''+search_box_type+'\') return false;sort_box(\'ALL\',\''+sort_box_type+'\')">'+get_lang("all")+'</span>, '+
2130	'<span id="span_flag_UNSEEN" style="'+(search_box_type == 'UNSEEN' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("Unseen")+'" class="message_options" onclick="if(\'UNSEEN\' == \''+search_box_type+'\') return false;sort_box(\'UNSEEN\',\''+sort_box_type+'\')">'+get_lang("Unseen")+'s</span>, '+
2131	'<span id="span_flag_SEEN" style="'+(search_box_type == 'SEEN' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("Seen")+'" class="message_options" onclick="if(\'SEEN\' == \''+search_box_type+'\') return false;sort_box(\'SEEN\',\''+sort_box_type+'\')">'+get_lang("Seen")+'s</span>, '+
2132	'<span id="span_flag_ANSWERED" style="'+(search_box_type == 'ANSWERED' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("Answered")+'" class="message_options" onclick="if(\'ANSWERED\' == \''+search_box_type+'\') return false;sort_box(\'ANSWERED\',\''+sort_box_type+'\')">'+get_lang("answered").toLowerCase()+'s</span>, '+
2133	'<span id="span_flag_FLAGGED" style="'+(search_box_type == 'FLAGGED' ? 'font-weight:bold;text-decoration:underline' : '')+'" title="'+get_lang("important")+'" class="message_options" onclick="if(\'FLAGGED\' == \''+search_box_type+'\') return false;sort_box(\'FLAGGED\',\''+sort_box_type+'\')">'+get_lang("important")+'s</span>  ';
2134	draw_paging(num_msgs);
2135	Element("tot_m").innerHTML = num_msgs;
2136	}

Note: See TracBrowser for help on using the repository browser.

Download in other formats: