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

Revision 13, 79.5 KB checked in by niltonneto, 17 years ago (diff)

* empty log message *

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