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

Revision 673, 94.5 KB checked in by niltonneto, 15 years ago (diff)

Revisão 670 revertida para versionar 1.233 em TAGS.

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