webcit/static/summaryview.js

   1 /*
   2  * Webcit Summary View v2
   3  * All comments, flowers and death threats to Mathew McBride
   4  * <matt@mcbridematt.dhs.org> / <matt@comalies>
   5  * Copyright 2009 The Citadel Team
   6  * Licensed under the GPL V3
   7  *
   8  * QA reminders: because I keep forgetting / get cursed.
   9  * After changing anything in here, make sure that you still can:
  10  * 1. Resort messages in both normal and paged view.
  11  * 2. Select a range with shift-click
  12  * 3. Select messages with ctrl-click
  13  * 4. Normal click will deselect everything done above
  14  * 5. Move messages, and they will disappear
  15  */
  16
  17 document.observe("dom:loaded", createMessageView);
  18
  19 var msgs = null;
  20 var message_view = null;
  21 var loadingMsg = null;
  22 var rowArray = null;
  23 var currentSortMode = null;
  24
  25 // Header elements
  26 var mlh_date = null;
  27 var mlh_subject = null;
  28 var mlh_from = null;
  29 var currentSorterToggle = null;
  30 var query = "";
  31 var currentlyMarkedRows = new Object();
  32 var markedRowIndex = null;
  33 var currentlyHasRowsSelected = false;
  34
  35 var mouseDownEvent = null;
  36 var exitedMouseDown = false;
  37
  38 var is_shift_pressed = false;
  39 var is_ctrl_pressed = false;
  40
  41 var originalMarkedRow = null;
  42 var previousFinish = 0;
  43 var markedFrom = 0;
  44 var trTemplate = new Array(11);
  45 trTemplate[0] = "<tr id=\"";
  46 trTemplate[2] = "\" citadel:dropenabled=\"dropenabled\" class=\"";
  47 trTemplate[4] = "\" citadel:dndelement=\"summaryViewDragAndDropHandler\" citadel:msgid=\"";
  48 trTemplate[6] = "\" citadel:ctdlrowid=\"";
  49 trTemplate[8] = "\"><td class=\"col1\">";
  50 trTemplate[10] = "</td><td class=\"col2\">";
  51 trTemplate[12] = "</td><td class=\"col3\">";
  52 trTemplate[14] = "</td></tr>";
  53
  54
  55 var currentPage = 0;
  56 var sortModes = {
  57         "rdate" : sortRowsByDateDescending,
  58         "date" : sortRowsByDateAscending,
  59         "subj" : sortRowsBySubjectAscending,
  60         "rsubj" : sortRowsBySubjectDescending,
  61         "sender": sortRowsByFromAscending,
  62         "rsender" : sortRowsByFromDescending
  63 };
  64 var toggles = {};
  65
  66 var nummsgs = 0;
  67 var startmsg = 0;
  68
  69 function createMessageView() {
  70         message_view = document.getElementById("message_list_body");
  71         loadingMsg = document.getElementById("loading");
  72         getMessages();
  73         mlh_date = $("mlh_date");
  74         mlh_subject = $('mlh_subject');
  75         mlh_from = $('mlh_from');
  76         toggles["rdate"] = mlh_date;
  77         toggles["date"] = mlh_date;
  78         toggles["subj"] = mlh_subject;
  79         toggles["rsubj"] = mlh_subject;
  80         toggles["sender"] = mlh_from;
  81         toggles["rsender"] = mlh_from;
  82         mlh_date.observe('click',ApplySort);
  83         mlh_subject.observe('click',ApplySort);
  84         mlh_from.observe('click',ApplySort);
  85         $(document).observe('keydown',CtdlMessageListKeyDown,false);
  86         $(document).observe('keyup',CtdlMessageListKeyUp,false);
  87         $('resize_msglist').observe('mousedown', CtdlResizeMouseDown);
  88         $('m_refresh').observe('click', getMessages);
  89         document.getElementById('m_refresh').setAttribute("href","#");
  90         Event.observe(document.onresize ? document : window, "resize", normalizeHeaderTable);
  91         Event.observe(document.onresize ? document : window, "resize", sizePreviewPane);
  92         if ( $('summpage') ) {
  93                 $('summpage').observe('change', getPage);
  94         }
  95         else {
  96                 alert('error: summpage does not exist');
  97         }
  98         takeOverSearchOMatic();
  99         setupDragDrop(); // here for now
 100 }
 101
 102 function getMessages() {
 103         if (loadingMsg.parentNode == null) {
 104                 message_view.innerHTML = "";
 105                 message_view.appendChild(loadingMsg);
 106         }
 107         roomName = getTextContent(document.getElementById("rmname"));
 108         var parameters = {'room':roomName, 'startmsg': startmsg, 'stopmsg': -1};
 109         if (is_safe_mode) {
 110                 parameters['stopmsg'] = parseInt(startmsg)+499;
 111                 //parameters['maxmsgs'] = 500;
 112                 if (currentSortMode != null) {
 113                         var SortBy = currentSortMode[0];
 114                         if (SortBy.charAt(0) == 'r') {
 115                                 SortBy = SortBy.substr(1);
 116                                 parameters["SortOrder"] = "0";
 117                         }
 118                         parameters["SortBy"] = SortBy;
 119                 }
 120         }
 121         if (query.length > 0) {
 122                 parameters["query"] = query;
 123         }
 124         new Ajax.Request("roommsgs", {
 125                 method: 'get',
 126                                 onSuccess: loadMessages,
 127                                 parameters: parameters,
 128                                 sanitize: false,
 129                                 evalJSON: false,
 130                                 onFailure: function(e) { alert("Failure: " + e);}
 131         });
 132 }
 133
 134 function evalJSON(data) {
 135         var jsonData = null;
 136         if (typeof(JSON) === 'object' && typeof(JSON.parse) === 'function') {
 137                 try {
 138                         jsonData = JSON.parse(data);
 139                 } catch (e) {
 140                         // ignore
 141                 }
 142         }
 143         if (jsonData == null) {
 144                 jsonData = eval('('+data+')');
 145         }
 146         return jsonData;
 147 }
 148 function loadMessages(transport) {
 149         try {
 150                 var data = evalJSON(transport.responseText);
 151                 if (!!data && transport.responseText.length < 2) {
 152                         alert("Message loading failed");
 153                 }
 154                 nummsgs = data['nummsgs'];
 155                 msgs = data['msgs'];
 156                 var length = msgs.length;
 157                 rowArray = new Array(length); // store so they can be sorted
 158                 WCLog("Row array length: "+rowArray.length);
 159         } catch (e) {
 160                 //window.alert(e+"|"+e.description);
 161         }
 162         if (currentSortMode == null) {
 163                 if (sortmode.length < 1) {
 164                         sortmode = "rdate";
 165                 }
 166                 currentSortMode = [sortmode, sortModes[sortmode]];
 167                 currentSorterToggle = toggles[sortmode];
 168         }
 169         if (!is_safe_mode) {
 170                 resortAndDisplay(currentSortMode[1]);
 171         } else {
 172                 setupPageSelector();
 173                 resortAndDisplay(null);
 174         }
 175         if (loadingMsg.parentNode != null) {
 176                 loadingMsg.parentNode.removeChild(loadingMsg);
 177         }
 178         sizePreviewPane();
 179 }
 180 function resortAndDisplay(sortMode) {
 181         WCLog("Begin resortAndDisplay");
 182
 183         /* We used to try and clear out the message_view element,
 184            but stupid IE doesn't even do that properly */
 185         var message_view_parent = message_view.parentNode;
 186         message_view_parent.removeChild(message_view);
 187         var startSort = new Date();
 188         try {
 189                 if (sortMode != null) {
 190                         msgs.sort(sortMode);
 191                 }
 192         } catch (e) {
 193                 WCLog("Sort error: " + e);
 194         }
 195         var endSort = new Date();
 196         WCLog("Sort rowArray in " + (endSort-startSort));
 197         var start = new Date();
 198         var length = msgs.length;
 199         var compiled = new Array(length+2);
 200         compiled[0] = "<table class=\"mailbox_summary\" id=\"summary_headers\" \"cellspacing=0\" style=\"width:100%;-moz-user-select:none;\">";
 201         for(var x=0; x<length; ++x) {
 202                 try {
 203                         var currentRow = msgs[x];
 204                         trTemplate[1] = "msg_"+currentRow[0];
 205                         var className = "";
 206                         if (((x-1) % 2) == 0) {
 207                                 className += "table-alt-row";
 208                         } else {
 209                                 className += "table-row";
 210                         }
 211                         if (currentRow[5]) {
 212                                 className += " new_message";
 213                         }
 214                         trTemplate[3] = className;
 215                         trTemplate[5] = currentRow[0];
 216                         trTemplate[7] = x;
 217                         trTemplate[9] = currentRow[1];
 218                         trTemplate[11] = currentRow[2];
 219                         trTemplate[13] = currentRow[4];
 220                         var i = x+1;
 221                         compiled[i] = trTemplate.join("");
 222                 } catch (e) {
 223                         WCLog("Exception on row " +  x + ":" + e);
 224                 }
 225         }
 226         compiled[length+2] = "</table>";
 227         var end = new Date();
 228         WCLog("iterate: " + (end-start));
 229         var compile = compiled.join("");
 230         start = new Date();
 231         $(message_view_parent).update(compile);
 232         message_view_parent.onclick = CtdlMessageListClick;
 233         message_view = message_view_parent.firstChild;
 234         end = new Date();
 235         var delta = end.getTime() - start.getTime();
 236         WCLog("append: " + delta);
 237         ApplySorterToggle();
 238         normalizeHeaderTable();
 239 }
 240 function sortRowsByDateAscending(a, b) {
 241         var dateOne = a[3];
 242         var dateTwo = b[3];
 243         return (dateOne - dateTwo);
 244 };
 245 function sortRowsByDateDescending(a, b) {
 246         var dateOne = a[3];
 247         var dateTwo = b[3];
 248         return (dateTwo - dateOne);
 249 };
 250 function sortRowsBySubjectAscending(a, b) {
 251         var subjectOne = a[1];
 252         var subjectTwo = b[1];
 253         return strcmp(subjectOne, subjectTwo);
 254 };
 255 function sortRowsBySubjectDescending(a, b) {
 256         var subjectOne = a[1];
 257         var subjectTwo = b[1];
 258         return strcmp(subjectTwo, subjectOne);
 259 };
 260 function sortRowsByFromAscending(a, b) {
 261         var fromOne = a[2];
 262         var fromTwo = b[2];
 263         return strcmp(fromOne, fromTwo);
 264 };
 265 function sortRowsByFromDescending(a, b) {
 266         var fromOne = a[2];
 267         var fromTwo = b[2];
 268         return strcmp(fromTwo, fromOne);
 269 };
 270 function CtdlMessageListClick(evt) {
 271         /* Since element.onload is used here, test to see if evt is defined */
 272         var event = evt ? evt : window.event;
 273         var target = event.target ? event.target: event.srcElement; // and again..
 274         var parent = target.parentNode;
 275         var msgId = parent.getAttribute("citadel:msgid");
 276         // If the ctrl key modifier wasn't used, unmark all rows and load the message
 277         if (!is_shift_pressed && !is_ctrl_pressed) {
 278                 previousFinish = 0;
 279                 markedFrom = 0;
 280                 unmarkAllRows();
 281                 markedRowIndex = parent.rowIndex;
 282                 originalMarkedRow = parent;
 283                 document.getElementById("preview_pane").innerHTML = "";
 284                 new Ajax.Updater('preview_pane', 'msg/'+msgId, {method: 'get'});
 285                 markRow(parent);
 286                 var p = encodeURI('g_cmd=SEEN ' + msgId + '|1');
 287                 new Ajax.Request('ajax_servcmd', {
 288                         method: 'post',
 289                         parameters: p,
 290                         onComplete: CtdlMarkRowAsRead(parent)
 291                 });
 292                 // If the shift key modifier is used, mark a range...
 293         } else if (event.button != 2 && is_shift_pressed) {
 294                 if (originalMarkedRow == null) {
 295                         originalMarkedRow = parent;
 296                         markRow(parent);
 297                 } else {
 298                         unmarkAllRows();
 299                         markRow(parent);
 300                         markRow(originalMarkedRow);
 301                 }
 302                 var rowIndex = parent.rowIndex;
 303                 if (markedFrom == 0) {
 304                         markedFrom = rowIndex;
 305                 }
 306                 var startMarkingFrom = 0;
 307                 var finish = 0;
 308                 if (rowIndex > markedRowIndex) {
 309                         startMarkingFrom = markedRowIndex+1;
 310                         finish = rowIndex;
 311                 } else if (rowIndex < markedRowIndex) {
 312                         startMarkingFrom = rowIndex+1;
 313                         finish = markedRowIndex;
 314                 }
 315                 previousFinish = finish;
 316                 WCLog('startMarkingFrom=' + startMarkingFrom + ', finish=' + finish);
 317                 for(var x = startMarkingFrom; x<finish; x++) {
 318                         WCLog("Marking row " + x);
 319                         markRow(parent.parentNode.rows[x]);
 320                 }
 321                 // If the ctrl key modifier is used, toggle one message
 322         } else if (event.button != 2 && is_ctrl_pressed) {
 323                 if (parent.getAttribute("citadel:marked")) {
 324                         unmarkRow(parent);
 325                 }
 326                 else {
 327                         markRow(parent);
 328                 }
 329         }
 330 }
 331 function CtdlMarkRowAsRead(rowElement) {
 332         var classes = rowElement.className;
 333         classes = classes.replace("new_message","");
 334         rowElement.className = classes;
 335 }
 336 function ApplySort(event) {
 337         var target = event.target;
 338         var sortId = target.id;
 339         removeOldSortClass();
 340         currentSorterToggle = target;
 341         var sortModes = getSortMode(target); // returns [[key, func],[key,func]]
 342         var sortModeToUse = null;
 343         if (currentSortMode[0] == sortModes[0][0]) {
 344                 sortModeToUse = sortModes[1];
 345         } else {
 346                 sortModeToUse = sortModes[0];
 347         }
 348         currentSortMode = sortModeToUse;
 349         if (is_safe_mode) {
 350                 getMessages(); // in safe mode, we load from server already sorted
 351         } else {
 352                 resortAndDisplay(sortModeToUse[1]);
 353         }
 354 }
 355 function getSortMode(toggleElem) {
 356         var forward = null;
 357         var reverse = null;
 358         for(var key in toggles) {
 359                 var kr = (key.charAt(0) == 'r');
 360                 if (toggles[key] == toggleElem && !kr) {
 361                         forward = [key, sortModes[key]];
 362                 } else if (toggles[key] == toggleElem && kr) {
 363                         reverse = [key, sortModes[key]];
 364                 }
 365         }
 366         return [forward, reverse];
 367 }
 368 function removeOldSortClass() {
 369         if (currentSorterToggle) {
 370                 var classes = currentSorterToggle.className;
 371                 classes = classes.replace("current_sort_mode","");
 372                 classes = classes.replace("sort_ascending","");
 373                 classes = classes.replace("sort_descending","");
 374                 currentSorterToggle.className = classes;
 375         }
 376 }
 377 function markRow(row) {
 378         var msgId = row.getAttribute("citadel:msgid");
 379         row.className = row.className += " marked_row";
 380         row.setAttribute("citadel:marked","marked");
 381         currentlyMarkedRows[msgId] = row;
 382 }
 383 function unmarkRow(row) {
 384         var msgId = row.getAttribute("citadel:msgid");
 385         row.className = row.className.replace("marked_row","");
 386         row.removeAttribute("citadel:marked");
 387         delete currentlyMarkedRows[msgId];
 388 }
 389 function unmarkAllRows() {
 390         for(msgId in currentlyMarkedRows) {
 391                 unmarkRow(currentlyMarkedRows[msgId]);
 392         }
 393 }
 394 function deleteAllMarkedRows() {
 395         for(msgId in currentlyMarkedRows) {
 396                 var row = currentlyMarkedRows[msgId];
 397                 var rowArrayId = row.getAttribute("citadel:ctdlrowid");
 398                 row.parentNode.removeChild(row);
 399                 delete currentlyMarkedRows[msgId];
 400                 delete msgs[rowArrayId];
 401         }
 402         // Now we have to reconstruct rowarray as the array length has changed */
 403         var newMsgs = new Array(msgs.length-1);
 404         var x=0;
 405         for(var i=0; i<rowArray.length; i++) {
 406                 var currentRow = msgs[i];
 407                 if (currentRow != null) {
 408                         newMsgs[x] = currentRow;
 409                         x++;
 410                 }
 411         }
 412         msgs = newMsgs;
 413         resortAndDisplay(null);
 414 }
 415 function deleteAllSelectedMessages() {
 416     var mvCommand = "";
 417     var msgIds = "";
 418     for(msgId in currentlyMarkedRows) {
 419         msgIds += ","+msgId;
 420
 421         if (msgIds.length > 800) {
 422             if (!room_is_trash) {
 423                 mvCommand = encodeURI("g_cmd=MOVE " + msgIds + "|_TRASH_|0");
 424             }
 425             else {
 426                 mvCommand = encodeURI("g_cmd=DELE " + msgIds);
 427             }
 428             new Ajax.Request("ajax_servcmd", {
 429                 parameters: mvCommand,
 430                 method: 'post',
 431                 onSuccess: function(transport) {
 432                     WCLog(transport.responseText);
 433                 }
 434             });
 435             msgIds = "";
 436         }
 437     }
 438
 439     if (!room_is_trash) {
 440         mvCommand = encodeURI("g_cmd=MOVE " + msgIds + "|_TRASH_|0");
 441     }
 442     else {
 443         mvCommand = encodeURI("g_cmd=DELE " + msgIds);
 444     }
 445     new Ajax.Request("ajax_servcmd", {
 446         parameters: mvCommand,
 447         method: 'post',
 448         onSuccess: function(transport) {
 449             WCLog(transport.responseText);
 450         }
 451     });
 452
 453     document.getElementById("preview_pane").innerHTML = "";
 454     deleteAllMarkedRows();
 455 }
 456
 457
 458 function arrgggh() {
 459         s = '.';
 460         if (is_shift_pressed) {
 461                 s = s + 'S';
 462         }
 463         s = s + '.';
 464         if (is_ctrl_pressed) {
 465                 s = s + 'C';
 466         }
 467         s = s + '.';
 468         $('ib_summary').innerHTML = s;
 469
 470 }
 471
 472 function CtdlMessageListKeyDown(event) {
 473         var key = event.which || event.keyCode;
 474
 475         if (key == 16) {                                /* SHIFT */
 476                 is_shift_pressed = true;
 477         }
 478         else if ( (key == 17) || (key == 18) ) {        /* CTRL or ALT */
 479                 is_ctrl_pressed = true;
 480         }
 481         arrgggh();
 482 }
 483
 484 function CtdlMessageListKeyUp(event) {
 485         var key = event.which || event.keyCode;
 486
 487         if (key == 16) {                                /* SHIFT */
 488                 is_shift_pressed = false;
 489         }
 490         else if ( (key == 17) || (key == 18) ) {        /* CTRL or ALT */
 491                 is_ctrl_pressed = false;
 492         }
 493         else if (key == 46) {                           /* DELETE */
 494                 deleteAllSelectedMessages();
 495         }
 496         arrgggh();
 497 }
 498
 499 function clearMessage(msgId) {
 500         var row = document.getElementById('msg_'+msgId);
 501         row.parentNode.removeChild(row);
 502         delete currentlyMarkedRows[msgId];
 503 }
 504
 505 function summaryViewContextMenu() {
 506         if (!exitedMouseDown) {
 507                 var contextSource = document.getElementById("listViewContextMenu");
 508                 CtdlSpawnContextMenu(mouseDownEvent, contextSource);
 509         }
 510 }
 511
 512 function summaryViewDragAndDropHandler() {
 513         var element = document.createElement("div");
 514         var msgList = document.createElement("ul");
 515         element.appendChild(msgList);
 516         for(msgId in currentlyMarkedRows) {
 517                 msgRow = currentlyMarkedRows[msgId];
 518                 var subject = getTextContent(msgRow.getElementsByTagName("td")[0]);
 519                 var li = document.createElement("li");
 520                 msgList.appendChild(li);
 521                 setTextContent(li, subject);
 522                 li.ctdlMsgId = msgId;
 523         }
 524         return element;
 525 }
 526
 527 var saved_y = 0;
 528 function CtdlResizeMouseDown(event) {
 529         $(document).observe('mousemove', CtdlResizeMouseMove);
 530         $(document).observe('mouseup', CtdlResizeMouseUp);
 531         saved_y = event.clientY;
 532 }
 533
 534 function sizePreviewPane() {
 535         var preview_pane = document.getElementById("preview_pane");
 536         var summary_view = document.getElementById("summary_view");
 537         var banner = document.getElementById("banner");
 538         var message_list_hdr = document.getElementById("message_list_hdr");
 539         var content = $('global');  // we'd like to use prototype methods here
 540         var childElements = content.childElements();
 541         var sizeOfElementsAbove = 0;
 542         var heightOfViewPort = document.viewport.getHeight() // prototypejs method
 543                 var bannerHeight = banner.offsetHeight;
 544         var contentViewPortHeight = heightOfViewPort-banner.offsetHeight-message_list_hdr.offsetHeight;
 545         contentViewPortHeight = 0.95 * contentViewPortHeight; // leave some error (especially for FF3!!)
 546         // Set summary_view to 20%;
 547         var summary_height = ctdlLocalPrefs.readPref("svheight");
 548         if (summary_height == null) {
 549                 summary_height = 0.20 * contentViewPortHeight;
 550         }
 551         // Set preview_pane to the remainder
 552         var preview_height = contentViewPortHeight - summary_height;
 553
 554         summary_view.style.height = (summary_height)+"px";
 555         preview_pane.style.height = (preview_height)+"px";
 556 }
 557 function CtdlResizeMouseMove(event) {
 558         var clientX = event.clientX;
 559         var clientY = event.clientY;
 560         var summary_view = document.getElementById("summary_view");
 561         var summaryViewHeight = summary_view.offsetHeight;
 562         var increment = clientY-saved_y;
 563         var summary_view_height = increment+summaryViewHeight;
 564         summary_view.style.height = (summary_view_height)+"px";
 565         // store summary view height
 566         ctdlLocalPrefs.setPref("svheight",summary_view_height);
 567         var msglist = document.getElementById("preview_pane");
 568         var msgListHeight = msglist.offsetHeight;
 569         msglist.style.height = (msgListHeight-increment)+"px";
 570         saved_y = clientY;
 571         /* For some reason the grippy doesn't work without position: absolute
 572            so we need to set its top pos manually all the time */
 573         var resize = document.getElementById("resize_msglist");
 574         var resizePos = resize.offsetTop;
 575         resize.style.top = (resizePos+increment)+"px";
 576 }
 577 function CtdlResizeMouseUp(event) {
 578         $(document).stopObserving('mousemove', CtdlResizeMouseMove);
 579         $(document).stopObserving('mouseup', CtdlResizeMouseUp);
 580 }
 581 function ApplySorterToggle() {
 582         var className = currentSorterToggle.className;
 583         className += " current_sort_mode";
 584         if (currentSortMode[1] == sortRowsByDateDescending ||
 585             currentSortMode[1] == sortRowsBySubjectDescending ||
 586             currentSortMode[1] == sortRowsByFromDescending) {
 587                 className += " sort_descending";
 588         } else {
 589                 className += " sort_ascending";
 590         }
 591         currentSorterToggle.className = className;
 592 }
 593
 594 /* Hack to make the header table line up with the data */
 595 function normalizeHeaderTable() {
 596         var message_list_hdr = document.getElementById("message_list_hdr");
 597         var summary_view = document.getElementById("summary_view");
 598         var resize_msglist = document.getElementById("resize_msglist");
 599         var headerTable = message_list_hdr.getElementsByTagName("table")[0];
 600         var dataTable = summary_view.getElementsByTagName("table")[0];
 601         var dataTableWidth = dataTable.offsetWidth;
 602         headerTable.style.width = dataTableWidth+"px";
 603 }
 604
 605 function setupPageSelector() {
 606         var summpage = document.getElementById("summpage");
 607         var select_page = document.getElementById("selectpage");
 608         summpage.innerHTML = "";
 609         if (is_safe_mode) {
 610                 WCLog("unhiding parent page");
 611                 select_page.className = "";
 612         } else {
 613                 return;
 614         }
 615         var pages = nummsgs / 499;
 616         for(var i=0; i<pages; i++) {
 617                 var opt = document.createElement("option");
 618                 var startmsg = i * 499;
 619                 opt.setAttribute("value",startmsg);
 620                 if (currentPage == i) {
 621                         opt.setAttribute("selected","selected");
 622                 }
 623                 opt.appendChild(document.createTextNode((i+1)));
 624                 summpage.appendChild(opt);
 625         }
 626 }
 627
 628 function getPage(event) {
 629         var target = event.target;
 630         startmsg = target.options.item(target.selectedIndex).value;
 631         currentPage = target.selectedIndex;
 632         //query = ""; // We are getting a page from the _entire_ msg list, don't query
 633         getMessages();
 634 }
 635
 636 function takeOverSearchOMatic() {
 637         var searchForm = document.getElementById("searchomatic").getElementsByTagName("form")[0];
 638         // First disable the form post
 639         searchForm.setAttribute("action","javascript:void();");
 640         searchForm.removeAttribute("method");
 641         $(searchForm).observe('submit', doSearch);
 642 }
 643 function doSearch() {
 644         query = document.getElementById("srchquery").value;
 645         getMessages();
 646         return false;
 647 }