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

Revision 2, 80.0 KB checked in by niltonneto, 17 years ago (diff)

Removida todas as tags usadas pelo CVS ($Id, $Source).
Primeira versão no CVS externo.

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