err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/SchedulerUI.js

   1 /* JavaScript for SOGoCalendar */
   2
   3 var sortOrder = '';
   4 var sortKey = '';
   5 var listFilter = 'view_today';
   6
   7 var listOfSelection = null;
   8 var selectedCalendarCell;
   9
  10 var showCompletedTasks = 0;
  11
  12 var currentDay = '';
  13 var currentView = "weekview";
  14
  15 var cachedDateSelectors = new Array();
  16
  17 var contactSelectorAction = 'calendars-contacts';
  18
  19 var eventsToDelete = new Array();
  20 var calendarsOfEventsToDelete = new Array();
  21
  22 var usersRightsWindowHeight = 250;
  23 var usersRightsWindowWidth = 502;
  24
  25 function newEvent(sender, type) {
  26    var day = sender.day;
  27    if (!day)
  28       day = currentDay;
  29
  30    var hour = sender.hour;
  31    if (!hour)
  32       hour = sender.getAttribute("hour");
  33    var folderID = getSelectedFolder();
  34    var urlstr = ApplicationBaseURL + folderID + "/new" + type;
  35    var params = new Array();
  36    if (day)
  37       params.push("day=" + day);
  38    if (hour)
  39       params.push("hm=" + hour);
  40    if (params.length > 0)
  41       urlstr += "?" + params.join("&");
  42
  43    window.open(urlstr, "", "width=490,height=470,resizable=0");
  44
  45    return false; /* stop following the link */
  46 }
  47
  48 function getSelectedFolder() {
  49   var folder;
  50
  51   var nodes = $("calendarList").getSelectedRows();
  52   if (nodes.length > 0)
  53     folder = nodes[0].getAttribute("id");
  54   else
  55     folder = "/personal";
  56
  57   return folder;
  58 }
  59
  60 function onMenuNewEventClick(event) {
  61    newEvent(this, "event");
  62 }
  63
  64 function onMenuNewTaskClick(event) {
  65    newEvent(this, "task");
  66 }
  67
  68 function _editEventId(id, calendar) {
  69   var urlstr = ApplicationBaseURL + "/" + calendar + "/" + id + "/edit";
  70   var targetname = "SOGo_edit_" + id;
  71   var win = window.open(urlstr, "_blank",
  72                         "width=490,height=470,resizable=0");
  73   win.focus();
  74 }
  75
  76 function editEvent() {
  77   if (listOfSelection) {
  78     var nodes = listOfSelection.getSelectedRows();
  79
  80     for (var i = 0; i < nodes.length; i++)
  81       _editEventId(nodes[i].getAttribute("id"),
  82                    nodes[i].calendar);
  83   } else if (selectedCalendarCell) {
  84       _editEventId(selectedCalendarCell[0].cname,
  85                    selectedCalendarCell[0].calendar);
  86   }
  87
  88   return false; /* stop following the link */
  89 }
  90
  91 function _batchDeleteEvents() {
  92   var events = eventsToDelete.shift();
  93   var calendar = calendarsOfEventsToDelete.shift();
  94   var urlstr = (ApplicationBaseURL + "/" + calendar
  95                 + "/batchDelete?ids=" + events.join('/'));
  96   document.deleteEventAjaxRequest = triggerAjaxRequest(urlstr,
  97                                                        deleteEventCallback,
  98                                                        events);
  99 }
 100
 101 function deleteEvent() {
 102   if (listOfSelection) {
 103     var nodes = listOfSelection.getSelectedRows();
 104
 105     if (nodes.length > 0) {
 106       var label = "";
 107       if (listOfSelection == $("tasksList"))
 108         label = labels["taskDeleteConfirmation"];
 109       else
 110         label = labels["eventDeleteConfirmation"];
 111
 112       if (confirm(label)) {
 113         if (document.deleteEventAjaxRequest) {
 114           document.deleteEventAjaxRequest.aborted = true;
 115           document.deleteEventAjaxRequest.abort();
 116         }
 117         var sortedNodes = new Array();
 118         var calendars = new Array();
 119
 120         for (var i = 0; i < nodes.length; i++) {
 121           var calendar = nodes[i].calendar;
 122           if (!sortedNodes[calendar]) {
 123             sortedNodes[calendar] = new Array();
 124             calendars.push(calendar);
 125           }
 126           sortedNodes[calendar].push(nodes[i].cname);
 127         }
 128         for (var i = 0; i < calendars.length; i++) {
 129           calendarsOfEventsToDelete.push(calendars[i]);
 130           eventsToDelete.push(sortedNodes[calendars[i]]);
 131         }
 132         _batchDeleteEvents();
 133       }
 134     }
 135   }
 136   else if (selectedCalendarCell) {
 137      var label = labels["eventDeleteConfirmation"];
 138      if (confirm(label)) {
 139         if (document.deleteEventAjaxRequest) {
 140            document.deleteEventAjaxRequest.aborted = true;
 141            document.deleteEventAjaxRequest.abort();
 142         }
 143         eventsToDelete.push([selectedCalendarCell[0].cname]);
 144         calendarsOfEventsToDelete.push(selectedCalendarCell[0].calendar);
 145         _batchDeleteEvents();
 146      }
 147   }
 148   else
 149     window.alert("no selection");
 150
 151   return false;
 152 }
 153
 154 function modifyEvent(sender, modification) {
 155   var currentLocation = '' + window.location;
 156   var arr = currentLocation.split("/");
 157   arr[arr.length-1] = modification;
 158
 159   document.modifyEventAjaxRequest = triggerAjaxRequest(arr.join("/"),
 160                                                        modifyEventCallback,
 161                                                        modification);
 162
 163   return false;
 164 }
 165
 166 function closeInvitationWindow() {
 167   var closeDiv = document.createElement("div");
 168   document.body.appendChild(closeDiv);
 169   closeDiv.addClassName("javascriptPopupBackground");
 170
 171   var closePseudoWin = document.createElement("div");
 172   document.body.appendChild(closePseudoWin);
 173   closePseudoWin.addClassName("javascriptMessagePseudoTopWindow");
 174   closePseudoWin.style.top = "0px;";
 175   closePseudoWin.style.left = "0px;";
 176   closePseudoWin.style.right = "0px;";
 177   closePseudoWin.appendChild(document.createTextNode(labels["closeThisWindowMessage"]));
 178
 179   var calLink = document.createElement("a");
 180   closePseudoWin.appendChild(calLink);
 181   calLink.href = ApplicationBaseURL;
 182   calLink.appendChild(document.createTextNode(labels["Calendar"].toLowerCase()));
 183 }
 184
 185 function modifyEventCallback(http) {
 186   if (http.readyState == 4) {
 187     if (http.status == 200) {
 188       var mailInvitation = queryParameters["mail-invitation"];
 189       if (mailInvitation && mailInvitation.toLowerCase() == "yes")
 190         closeInvitationWindow();
 191       else {
 192         window.opener.setTimeout("refreshEventsAndDisplay();", 100);
 193         window.setTimeout("window.close();", 100);
 194       }
 195     }
 196     else {
 197 //       log("showing alert...");
 198       window.alert(labels["eventPartStatModificationError"]);
 199     }
 200     document.modifyEventAjaxRequest = null;
 201   }
 202 }
 203
 204 function deleteEventCallback(http) {
 205   if (http.readyState == 4) {
 206     if (isHttpStatus204(http.status)) {
 207       var nodes = http.callbackData;
 208       for (var i = 0; i < nodes.length; i++) {
 209         var node = $(nodes[i]);
 210         if (node)
 211           node.parentNode.removeChild(node);
 212       }
 213       if (eventsToDelete.length)
 214         _batchDeleteEvents();
 215       else {
 216         document.deleteEventAjaxRequest = null;
 217         refreshEvents();
 218         refreshTasks();
 219         changeCalendarDisplay();
 220       }
 221     }
 222     else
 223       log ("deleteEventCallback Ajax error");
 224   }
 225 }
 226
 227 function editDoubleClickedEvent(event) {
 228   _editEventId(this.cname, this.calendar);
 229
 230   preventDefault(event);
 231   event.cancelBubble = true;
 232 }
 233
 234 function onSelectAll() {
 235   var list = $("eventsList");
 236   list.selectRowsMatchingClass("eventRow");
 237
 238   return false;
 239 }
 240
 241 function onDaySelect(node) {
 242   var day = node.getAttribute('day');
 243   var needRefresh = (listFilter == 'view_selectedday'
 244                      && day != currentDay);
 245
 246   var td = $(node).getParentWithTagName("td");
 247   var table = $(td).getParentWithTagName("table");
 248
 249 //   log ("table.selected: " + table.selected);
 250
 251   if (document.selectedDate)
 252     document.selectedDate.deselect();
 253
 254   td.select();
 255   document.selectedDate = td;
 256
 257   changeCalendarDisplay( { "day": day } );
 258   if (needRefresh)
 259     refreshEvents();
 260
 261   return false;
 262 }
 263
 264 function onDateSelectorGotoMonth(event) {
 265    var day = this.getAttribute("date");
 266
 267    changeDateSelectorDisplay(day, true);
 268
 269    Event.stop(event);
 270 }
 271
 272 function onCalendarGotoDay(node) {
 273    var day = node.getAttribute("date");
 274
 275    changeDateSelectorDisplay(day);
 276    changeCalendarDisplay( { "day": day } );
 277
 278    return false;
 279 }
 280
 281 function gotoToday() {
 282   changeDateSelectorDisplay('');
 283   changeCalendarDisplay();
 284
 285   return false;
 286 }
 287
 288 function setDateSelectorContent(content) {
 289   var div = $("dateSelectorView");
 290
 291   div.innerHTML = content;
 292   if (currentDay.length > 0)
 293     restoreCurrentDaySelection(div);
 294
 295   initDateSelectorEvents();
 296 }
 297
 298 function dateSelectorCallback(http) {
 299   if (http.readyState == 4
 300       && http.status == 200) {
 301      document.dateSelectorAjaxRequest = null;
 302      var content = http.responseText;
 303      setDateSelectorContent(content);
 304      cachedDateSelectors[http.callbackData] = content;
 305   }
 306   else
 307     log ("dateSelectorCallback Ajax error");
 308 }
 309
 310 function eventsListCallback(http) {
 311   if (http.readyState == 4
 312       && http.status == 200) {
 313      var div = $("eventsListView");
 314
 315     document.eventsListAjaxRequest = null;
 316     var table = $("eventsList");
 317     var params = parseQueryParameters(http.callbackData);
 318     sortKey = params["sort"];
 319     sortOrder = params["desc"];
 320     lastClickedRow = -1; // from generic.js
 321
 322     if (http.responseText.length > 0) {
 323       var data = http.responseText.evalJSON(true);
 324       for (var i = 0; i < data.length; i++) {
 325         var row = document.createElement("tr");
 326         table.tBodies[0].appendChild(row);
 327         $(row).addClassName("eventRow");
 328         row.setAttribute("id", escape(data[i][0]));
 329         row.cname = escape(data[i][0]);
 330         row.calendar = data[i][1];
 331
 332         var startDate = new Date();
 333         startDate.setTime(data[i][4] * 1000);
 334         row.day = startDate.getDayString();
 335         row.hour = startDate.getHourString();
 336         Event.observe(row, "click",
 337                       onEventClick.bindAsEventListener(row));
 338         Event.observe(row, "dblclick",
 339                       editDoubleClickedEvent.bindAsEventListener(row));
 340         Event.observe(row, "contextmenu",
 341                       onEventContextMenu.bindAsEventListener(row));
 342
 343         var td = document.createElement("td");
 344         row.appendChild(td);
 345         Event.observe(td, "mousedown", listRowMouseDownHandler, true);
 346         td.appendChild(document.createTextNode(data[i][3]));
 347
 348         td = document.createElement("td");
 349         row.appendChild(td);
 350         Event.observe(td, "mousedown", listRowMouseDownHandler, true);
 351         td.appendChild(document.createTextNode(data[i][8]));
 352
 353         td = document.createElement("td");
 354         row.appendChild(td);
 355         Event.observe(td, "mousedown", listRowMouseDownHandler, true);
 356         td.appendChild(document.createTextNode(data[i][9]));
 357
 358         td = document.createElement("td");
 359         row.appendChild(td);
 360         Event.observe(td, "mousedown", listRowMouseDownHandler, true);
 361         td.appendChild(document.createTextNode(data[i][6]));
 362       }
 363     }
 364   }
 365   else
 366     log ("eventsListCallback Ajax error");
 367 }
 368
 369 function tasksListCallback(http) {
 370   var div = $("tasksListView");
 371
 372   if (http.readyState == 4
 373       && http.status == 200) {
 374     document.tasksListAjaxRequest = null;
 375     var list = $("tasksList");
 376
 377     if (http.responseText.length > 0) {
 378       var data = http.responseText.evalJSON(true);
 379
 380       for (var i = 0; i < data.length; i++) {
 381         //log(i + " = " + data[i][3]);
 382         var listItem = document.createElement("li");
 383         list.appendChild(listItem);
 384         Event.observe(listItem, "mousedown", listRowMouseDownHandler);
 385         Event.observe(listItem, "click", onRowClick);
 386         Event.observe(listItem, "dblclick",
 387                       editDoubleClickedEvent.bindAsEventListener(listItem));
 388         listItem.setAttribute("id", data[i][0]);
 389         $(listItem).addClassName(data[i][5]);
 390         listItem.calendar = data[i][1];
 391         $(listItem).addClassName("calendarFolder" + data[i][1]);
 392         listItem.cname = escape(data[i][0]);
 393         var input = document.createElement("input");
 394         input.setAttribute("type", "checkbox");
 395         listItem.appendChild(input);
 396         Event.observe(input, "click", updateTaskStatus.bindAsEventListener(input), true);
 397         input.setAttribute("value", "1");
 398         if (data[i][2] == 1)
 399           input.setAttribute("checked", "checked");
 400         $(input).addClassName("checkBox");
 401         listItem.appendChild(document.createTextNode(data[i][3]));
 402       }
 403
 404       list.scrollTop = list.previousScroll;
 405
 406       if (http.callbackData) {
 407         var selectedNodesId = http.callbackData;
 408         for (var i = 0; i < selectedNodesId.length; i++) {
 409           //    log(selectedNodesId[i] + " (" + i + ") is selected");
 410           $(selectedNodesId[i]).select();
 411         }
 412       }
 413       else
 414         log ("tasksListCallback: no data");
 415     }
 416   }
 417   else
 418     log ("tasksListCallback Ajax error");
 419 }
 420
 421 function restoreCurrentDaySelection(div) {
 422   var elements = $(div).getElementsByTagName("a");
 423   var day = null;
 424   var i = 9;
 425   while (!day && i < elements.length)
 426     {
 427       day = elements[i].day;
 428       i++;
 429     }
 430
 431   if (day
 432       && day.substr(0, 6) == currentDay.substr(0, 6)) {
 433       for (i = 0; i < elements.length; i++) {
 434         day = elements[i].day;
 435         if (day && day == currentDay) {
 436           var td = $(elements[i]).getParentWithTagName("td");
 437           if (document.selectedDate)
 438             document.selectedDate.deselect();
 439           $(td).select();
 440           document.selectedDate = td;
 441         }
 442       }
 443     }
 444 }
 445
 446 function changeDateSelectorDisplay(day, keepCurrentDay) {
 447   var url = ApplicationBaseURL + "/dateselector";
 448   if (day)
 449     url += "?day=" + day;
 450
 451   if (day != currentDay) {
 452     if (!keepCurrentDay)
 453       currentDay = day;
 454
 455     var month = day.substr(0, 6);
 456     if (cachedDateSelectors[month]) {
 457 //       log ("restoring cached selector for month: " + month);
 458       setDateSelectorContent(cachedDateSelectors[month]);
 459     }
 460     else {
 461 //       log ("loading selector for month: " + month);
 462       if (document.dateSelectorAjaxRequest) {
 463         document.dateSelectorAjaxRequest.aborted = true;
 464         document.dateSelectorAjaxRequest.abort();
 465       }
 466       document.dateSelectorAjaxRequest
 467         = triggerAjaxRequest(url,
 468                              dateSelectorCallback,
 469                              month);
 470     }
 471   }
 472 }
 473
 474 function changeCalendarDisplay(data, newView) {
 475   var url = ApplicationBaseURL + "/" + ((newView) ? newView : currentView);
 476
 477   selectedCalendarCell = null;
 478
 479   var day = null;
 480   var scrollEvent = null;
 481   if (data) {
 482     day = data['day'];
 483     scrollEvent = data['scrollEvent'];
 484   }
 485
 486   if (!day)
 487     day = currentDay;
 488   if (day)
 489     url += "?day=" + day;
 490
 491 //   if (newView)
 492 //     log ("switching to view: " + newView);
 493 //   log ("changeCalendarDisplay: " + url);
 494
 495   if (document.dayDisplayAjaxRequest) {
 496 //     log ("aborting day ajaxrq");
 497     document.dayDisplayAjaxRequest.aborted = true;
 498     document.dayDisplayAjaxRequest.abort();
 499   }
 500   document.dayDisplayAjaxRequest
 501      = triggerAjaxRequest(url, calendarDisplayCallback,
 502                           { "view": newView,
 503                             "day": day,
 504                             "scrollEvent": scrollEvent });
 505
 506   return false;
 507 }
 508
 509 function _ensureView(view) {
 510   if (currentView != view)
 511     changeCalendarDisplay(null, view);
 512
 513   return false;
 514 }
 515
 516 function onDayOverview() {
 517   return _ensureView("dayview");
 518 }
 519
 520 function onMulticolumnDayOverview() {
 521   return _ensureView("multicolumndayview");
 522 }
 523
 524 function onWeekOverview() {
 525   return _ensureView("weekview");
 526 }
 527
 528 function onMonthOverview() {
 529   return _ensureView("monthview");
 530 }
 531
 532 function scrollDayView(scrollEvent) {
 533   var offset = 0;
 534   var daysView = $("daysView");
 535   var hours =
 536     $(daysView.childNodesWithTag("div")[0]).childNodesWithTag("div");
 537
 538   if (scrollEvent && scrollEvent.siblings) {
 539     var classes = scrollEvent.siblings[0].getAttribute("class").split(" ");
 540     for (var i = 0; i < classes.length; i++)
 541       if (classes[i].startsWith("starts")) {
 542         var starts = Math.floor(parseInt(classes[i].substr(6)) / 4);
 543         offset = hours[starts].offsetTop;
 544       }
 545   }
 546   else
 547     offset = hours[8].offsetTop;
 548
 549   daysView.scrollTop = offset - 5;
 550 }
 551
 552 function onClickableCellsDblClick(event) {
 553   newEvent(this, 'event');
 554
 555   event.cancelBubble = true;
 556   event.returnValue = false;
 557 }
 558
 559 function refreshCalendarEvents() {
 560    var todayDate = new Date();
 561    var sd;
 562    var ed;
 563    if (currentView == "dayview") {
 564       if (currentDay)
 565          sd = currentDay;
 566       else
 567          sd = todayDate.getDayString();
 568       ed = sd;
 569    }
 570    else if (currentView == "weekview") {
 571       var startDate;
 572       if (currentDay)
 573          startDate = currentDay.asDate();
 574       else
 575          startDate = todayDate;
 576       startDate = startDate.beginOfWeek();
 577       sd = startDate.getDayString();
 578       var endDate = new Date();
 579       endDate.setTime(startDate.getTime());
 580       endDate.addDays(6);
 581       ed = endDate.getDayString();
 582    }
 583    else {
 584       var monthDate;
 585       if (currentDay)
 586          monthDate = currentDay.asDate();
 587       else
 588          monthDate = todayDate;
 589       monthDate.setDate(1);
 590       sd = monthDate.beginOfWeek().getDayString();
 591
 592       var lastMonthDate = new Date();
 593       lastMonthDate.setTime(monthDate.getTime());
 594       lastMonthDate.setMonth(monthDate.getMonth() + 1);
 595       lastMonthDate.addDays(-1);
 596       ed = lastMonthDate.endOfWeek().getDayString();
 597    }
 598    if (document.refreshCalendarEventsAjaxRequest) {
 599       document.refreshCalendarEventsAjaxRequest.aborted = true;
 600       document.refreshCalendarEventsAjaxRequest.abort();
 601    }
 602    var url = ApplicationBaseURL + "/eventslist?sd=" + sd + "&ed=" + ed;
 603    document.refreshCalendarEventsAjaxRequest
 604       = triggerAjaxRequest(url, refreshCalendarEventsCallback,
 605                            {"startDate": sd, "endDate": ed});
 606 }
 607
 608 function refreshCalendarEventsCallback(http) {
 609   if (http.readyState == 4
 610       && http.status == 200) {
 611
 612     if (http.responseText.length > 0) {
 613       var data = http.responseText.evalJSON(true);
 614 //      log("refresh calendar events: " + data.length);
 615       for (var i = 0; i < data.length; i++)
 616         drawCalendarEvent(data[i],
 617                           http.callbackData["startDate"],
 618                           http.callbackData["endDate"]);
 619     }
 620   }
 621   else
 622      log("AJAX error when refreshing calendar events");
 623 }
 624
 625 function drawCalendarEvent(eventData, sd, ed) {
 626    var viewStartDate = sd.asDate();
 627    var viewEndDate = ed.asDate();
 628
 629    var startDate = new Date();
 630    startDate.setTime(eventData[4] * 1000);
 631    var endDate = new Date();
 632    endDate.setTime(eventData[5] * 1000);
 633
 634 //    log ("s: " + startDate + "; e: " + endDate);
 635
 636    var days = startDate.daysUpTo(endDate);
 637
 638    var title;
 639    if (currentView == "monthview"
 640        && (eventData[7] == 0))
 641       title = startDate.getDisplayHoursString() + " " + eventData[3];
 642    else
 643       title = eventData[3];
 644
 645 //    log("title: " + title);
 646 //    log("viewS: " + viewStartDate);
 647    var startHour = null;
 648    var endHour = null;
 649
 650    var siblings = new Array();
 651    for (var i = 0; i < days.length; i++)
 652       if (days[i].earlierDate(viewStartDate) == viewStartDate
 653           && days[i].laterDate(viewEndDate) == viewEndDate) {
 654          var starts;
 655
 656 //       log("day: " + days[i]);
 657          if (i == 0) {
 658             var quarters = (startDate.getUTCHours() * 4
 659                             + Math.floor(startDate.getUTCMinutes() / 15));
 660             starts = quarters;
 661             startHour = startDate.getDisplayHoursString();
 662             endHour = endDate.getDisplayHoursString();
 663          }
 664          else
 665             starts = 0;
 666
 667          var ends;
 668          var lasts;
 669          if (i == days.length - 1) {
 670             var quarters = (endDate.getUTCHours() * 4
 671                             + Math.ceil(endDate.getUTCMinutes() / 15));
 672             ends = quarters;
 673          }
 674          else
 675             ends = 96;
 676          lasts = ends - starts;
 677          if (!lasts)
 678             lasts = 1;
 679
 680          var eventDiv = newEventDIV(eventData[0], eventData[1], starts, lasts,
 681                                     null, null, title);
 682          siblings.push(eventDiv);
 683          eventDiv.siblings = siblings;
 684          var dayString = days[i].getDayString();
 685 //       log("day: " + dayString);
 686          var parentDiv = null;
 687          if (currentView == "monthview") {
 688             var dayDivs = $("monthDaysView").childNodesWithTag("div");
 689             var j = 0;
 690             while (!parentDiv && j < dayDivs.length) {
 691                if (dayDivs[j].getAttribute("day") == dayString)
 692                   parentDiv = dayDivs[j];
 693                else
 694                   j++;
 695             }
 696          }
 697          else {
 698             if (eventData[7] == 0) {
 699                var daysView = $("daysView");
 700                var eventsDiv = $(daysView).childNodesWithTag("div")[1];
 701                var dayDivs = $(eventsDiv).childNodesWithTag("div");
 702                var j = 0;
 703                while (!parentDiv && j < dayDivs.length) {
 704                   if (dayDivs[j].getAttribute("day") == dayString)
 705                      parentDiv = dayDivs[j].childNodesWithTag("div")[0];
 706                   else
 707                      j++;
 708                }
 709             }
 710             else {
 711                var header = $("calendarHeader");
 712                var daysDiv = $(header).childNodesWithTag("div")[1];
 713                var dayDivs = $(daysDiv).childNodesWithTag("div");
 714                var j = 0;
 715                while (!parentDiv && j < dayDivs.length) {
 716                   if (dayDivs[j].getAttribute("day") == dayString)
 717                      parentDiv = dayDivs[j];
 718                   else
 719                      j++;
 720                }
 721             }
 722          }
 723          if (parentDiv)
 724            parentDiv.appendChild(eventDiv);
 725       }
 726
 727    var eventTR = $(eventData[0]);
 728    if (eventTR)
 729      eventTR.siblings = siblings;
 730 }
 731
 732 function newEventDIV(cname, calendar, starts, lasts,
 733                      startHour, endHour, title) {
 734    var eventDiv = document.createElement("div");
 735    eventDiv.cname = escape(cname);
 736    eventDiv.calendar = calendar;
 737    $(eventDiv).addClassName("event");
 738    $(eventDiv).addClassName("starts" + starts);
 739    $(eventDiv).addClassName("lasts" + lasts);
 740    for (var i = 1; i < 5; i++) {
 741       var shadowDiv = document.createElement("div");
 742       eventDiv.appendChild(shadowDiv);
 743       $(shadowDiv).addClassName("shadow");
 744       $(shadowDiv).addClassName("shadow" + i);
 745    }
 746    var innerDiv = document.createElement("div");
 747    eventDiv.appendChild(innerDiv);
 748    $(innerDiv).addClassName("eventInside");
 749    $(innerDiv).addClassName("calendarFolder" + calendar);
 750
 751    var gradientDiv = document.createElement("div");
 752    innerDiv.appendChild(gradientDiv);
 753    $(gradientDiv).addClassName("gradient");
 754    var gradientImg = document.createElement("img");
 755    gradientDiv.appendChild(gradientImg);
 756    gradientImg.src = ResourcesURL + "/event-gradient.png";
 757
 758    var textDiv = document.createElement("div");
 759    innerDiv.appendChild(textDiv);
 760    $(textDiv).addClassName("text");
 761    if (startHour) {
 762       var headerSpan = document.createElement("span");
 763       textDiv.appendChild(headerSpan);
 764       $(headerSpan).addClassName("eventHeader");
 765       headerSpan.appendChild(document.createTextNode(startHour + " - "
 766                                                      + endHour));
 767       textDiv.appendChild(document.createElement("br"));
 768    }
 769    textDiv.appendChild(document.createTextNode(title));
 770
 771    Event.observe(eventDiv, "mousedown", listRowMouseDownHandler);
 772    Event.observe(eventDiv, "click",
 773                  onCalendarSelectEvent.bindAsEventListener(eventDiv));
 774    Event.observe(eventDiv, "dblclick",
 775                  editDoubleClickedEvent.bindAsEventListener(eventDiv));
 776
 777    return eventDiv;
 778 }
 779
 780 function calendarDisplayCallback(http) {
 781   var div = $("calendarView");
 782
 783   if (http.readyState == 4
 784       && http.status == 200) {
 785     document.dayDisplayAjaxRequest = null;
 786     div.update(http.responseText);
 787     if (http.callbackData["view"])
 788       currentView = http.callbackData["view"];
 789     if (http.callbackData["day"])
 790       currentDay = http.callbackData["day"];
 791
 792     var contentView;
 793     if (currentView == "monthview")
 794       contentView = $("calendarContent");
 795     else {
 796       var scrollEvent = http.callbackData.scrollEvent;
 797       scrollDayView($(scrollEvent));
 798       contentView = $("daysView");
 799     }
 800     refreshCalendarEvents();
 801     var days = document.getElementsByClassName("day", contentView);
 802     if (currentView == "monthview")
 803       for (var i = 0; i < days.length; i++) {
 804         Event.observe(days[i], "click",
 805                       onCalendarSelectDay.bindAsEventListener(days[i]));
 806         Event.observe(days[i], "dblclick",
 807                       onClickableCellsDblClick.bindAsEventListener(days[i]));
 808       }
 809     else {
 810        var headerDivs = $("calendarHeader").childNodesWithTag("div");
 811        var headerDaysLabels = document.getElementsByClassName("day", headerDivs[0]);
 812        var headerDays = document.getElementsByClassName("day", headerDivs[1]);
 813        for (var i = 0; i < days.length; i++) {
 814           headerDays[i].hour = "allday";
 815           Event.observe(headerDaysLabels[i], "mousedown", listRowMouseDownHandler);
 816           Event.observe(headerDays[i], "click",
 817                         onCalendarSelectDay.bindAsEventListener(days[i]));
 818           Event.observe(headerDays[i], "dblclick",
 819                         onClickableCellsDblClick.bindAsEventListener(headerDays[i]));
 820           Event.observe(days[i], "click",
 821                         onCalendarSelectDay.bindAsEventListener(days[i]));
 822           var clickableCells = document.getElementsByClassName("clickableHourCell",
 823                                                                days[i]);
 824           for (var j = 0; j < clickableCells.length; j++)
 825              Event.observe(clickableCells[j], "dblclick",
 826                            onClickableCellsDblClick.bindAsEventListener(clickableCells[j]));
 827        }
 828     }
 829   }
 830   else
 831     log ("calendarDisplayCallback Ajax error (" + http.readyState + "/" + http.status + ")");
 832 }
 833
 834 function assignCalendar(name) {
 835   if (typeof(skycalendar) != "undefined") {
 836     var node = $(name);
 837
 838     node.calendar = new skycalendar(node);
 839     node.calendar.setCalendarPage(ResourcesURL + "/skycalendar.html");
 840     var dateFormat = node.getAttribute("dateFormat");
 841     if (dateFormat)
 842       node.calendar.setDateFormat(dateFormat);
 843   }
 844 }
 845
 846 function popupCalendar(node) {
 847    var nodeId = node.getAttribute("inputId");
 848    var input = $(nodeId);
 849    input.calendar.popup();
 850
 851    return false;
 852 }
 853
 854 function onEventContextMenu(event) {
 855   var topNode = $("eventsList");
 856 //   log(topNode);
 857
 858   var menu = $("eventsListMenu");
 859
 860   Event.observe(menu, "hideMenu",  onEventContextMenuHide);
 861   popupMenu(event, "eventsListMenu", this);
 862
 863   var topNode = $("eventsList");
 864   var selectedNodes = topNode.getSelectedRows();
 865   topNode.menuSelectedRows = selectedNodes;
 866   for (var i = 0; i < selectedNodes.length; i++)
 867     selectedNodes[i].deselect();
 868
 869   topNode.menuSelectedEntry = this;
 870   this.select();
 871 }
 872
 873 function onEventContextMenuHide(event) {
 874   var topNode = $("eventsList");
 875
 876   if (topNode.menuSelectedEntry) {
 877     topNode.menuSelectedEntry.deselect();
 878     topNode.menuSelectedEntry = null;
 879   }
 880   if (topNode.menuSelectedRows) {
 881     var nodeIds = topNode.menuSelectedRows;
 882     for (var i = 0; i < nodeIds.length; i++) {
 883       var node = $(nodeIds[i]);
 884       node.select();
 885     }
 886     topNode.menuSelectedRows = null;
 887   }
 888 }
 889
 890 function onEventsSelectionChange() {
 891   listOfSelection = this;
 892   this.removeClassName("_unfocused");
 893   $("tasksList").addClassName("_unfocused");
 894 }
 895
 896 function onTasksSelectionChange() {
 897   listOfSelection = this;
 898   this.removeClassName("_unfocused");
 899   $("eventsList").addClassName("_unfocused");
 900 }
 901
 902 function _loadEventHref(href) {
 903   if (document.eventsListAjaxRequest) {
 904     document.eventsListAjaxRequest.aborted = true;
 905     document.eventsListAjaxRequest.abort();
 906   }
 907   var url = ApplicationBaseURL + "/" + href;
 908   document.eventsListAjaxRequest
 909     = triggerAjaxRequest(url, eventsListCallback, href);
 910
 911   var table = $("eventsList").tBodies[0];
 912   while (table.rows.length > 0)
 913      table.removeChild(table.rows[0]);
 914
 915   return false;
 916 }
 917
 918 function _loadTasksHref(href) {
 919   if (document.tasksListAjaxRequest) {
 920     document.tasksListAjaxRequest.aborted = true;
 921     document.tasksListAjaxRequest.abort();
 922   }
 923   url = ApplicationBaseURL + "/" + href;
 924
 925   var tasksList = $("tasksList");
 926   var selectedIds;
 927   if (tasksList)
 928      selectedIds = tasksList.getSelectedNodesId();
 929   else
 930      selectedIds = null;
 931   document.tasksListAjaxRequest
 932     = triggerAjaxRequest(url, tasksListCallback, selectedIds);
 933
 934   tasksList.previousScroll = tasksList.scrollTop;
 935   while (tasksList.childNodes.length)
 936      tasksList.removeChild(tasksList.childNodes[0]);
 937
 938   return true;
 939 }
 940
 941 function onHeaderClick(event) {
 942   //log("onHeaderClick: " + this.link);
 943   //_loadEventHref(this.link);
 944
 945   preventDefault(event);
 946 }
 947
 948 function refreshEvents() {
 949    return _loadEventHref("eventslist?desc=" + sortOrder
 950                          + "&sort=" + sortKey
 951                          + "&day=" + currentDay
 952                          + "&filterpopup=" + listFilter);
 953 }
 954
 955 function refreshTasks() {
 956   return _loadTasksHref("taskslist?show-completed=" + showCompletedTasks);
 957 }
 958
 959 function refreshEventsAndDisplay() {
 960   refreshEvents();
 961   changeCalendarDisplay();
 962 }
 963
 964 function onListFilterChange() {
 965   var node = $("filterpopup");
 966
 967   listFilter = node.value;
 968 //   log ("listFilter = " + listFilter);
 969
 970   return refreshEvents();
 971 }
 972
 973 function onEventClick(event) {
 974   changeCalendarDisplay( { "day": this.day,
 975                            "scrollEvent": this.getAttribute("id") } );
 976   changeDateSelectorDisplay(this.day);
 977
 978   return onRowClick(event);
 979 }
 980
 981 function selectMonthInMenu(menu, month) {
 982    var entries = menu.childNodes[1].childNodesWithTag("LI");
 983    for (i = 0; i < entries.length; i++) {
 984       var entry = entries[i];
 985       var entryMonth = entry.getAttribute("month");
 986       if (entryMonth == month)
 987          entry.addClassName("currentMonth");
 988       else
 989          entry.removeClassName("currentMonth");
 990    }
 991 }
 992
 993 function selectYearInMenu(menu, month) {
 994   var entries = menu.childNodes[1].childNodes;
 995   for (i = 0; i < entries.length; i++) {
 996     var entry = entries[i];
 997     if (entry.tagName == "LI") {
 998       var entryMonth = entry.innerHTML;
 999       if (entryMonth == month)
1000         entry.addClassName("currentMonth");
1001       else
1002         entry.removeClassName("currentMonth");
1003     }
1004   }
1005 }
1006
1007 function popupMonthMenu(event) {
1008   if (event.button == 0) {
1009     var id = this.getAttribute("id");
1010     if (id == "monthLabel")
1011        menuId = "monthListMenu";
1012     else
1013        menuId = "yearListMenu";
1014
1015     var popup = $(menuId);
1016     if (id == "monthLabel")
1017       selectMonthInMenu(popup, this.getAttribute("month"));
1018     else
1019       selectYearInMenu(popup, this.innerHTML);
1020
1021     popupToolbarMenu(this, menuId);
1022     Event.stop(event);
1023   }
1024 }
1025
1026 function onMonthMenuItemClick(event) {
1027   var month = '' + this.getAttribute("month");
1028   var year = '' + $("yearLabel").innerHTML;
1029
1030   changeDateSelectorDisplay(year + month + "01", true);
1031 }
1032
1033 function onYearMenuItemClick(event) {
1034   var month = '' + $("monthLabel").getAttribute("month");;
1035   var year = '' + this.innerHTML;
1036
1037   changeDateSelectorDisplay(year + month + "01", true);
1038 }
1039
1040 function onSearchFormSubmit() {
1041   log ("search not implemented");
1042
1043   return false;
1044 }
1045
1046 function onCalendarSelectEvent() {
1047   var list = $("eventsList");
1048   $(list.tBodies[0]).deselectAll();
1049
1050   if (selectedCalendarCell)
1051      for (var i = 0; i < selectedCalendarCell.length; i++)
1052         selectedCalendarCell[i].deselect();
1053
1054   for (var i = 0; i < this.siblings.length; i++)
1055      this.siblings[i].select();
1056   selectedCalendarCell = this.siblings;
1057   var row = $(this.cname);
1058   if (row) {
1059     var div = row.parentNode.parentNode.parentNode;
1060     div.scrollTop = row.offsetTop - (div.offsetHeight / 2);
1061     row.select();
1062   }
1063 }
1064
1065 function onCalendarSelectDay(event) {
1066   var day;
1067   if (currentView == "multicolumndayview")
1068      day = this.getAttribute("day");
1069   else
1070      day = this.getAttribute("day");
1071   var needRefresh = (listFilter == 'view_selectedday'
1072                      && day != currentDay);
1073
1074   if (currentView == 'weekview')
1075     changeWeekCalendarDisplayOfSelectedDay(this);
1076   else if (currentView == 'monthview')
1077     changeMonthCalendarDisplayOfSelectedDay(this);
1078   changeDateSelectorDisplay(day);
1079
1080   if (listOfSelection) {
1081     listOfSelection.addClassName("_unfocused");
1082     listOfSelection = null;
1083   }
1084
1085   if (needRefresh)
1086     refreshEvents();
1087 }
1088
1089 function changeWeekCalendarDisplayOfSelectedDay(node) {
1090   var days = document.getElementsByClassName("day", node.parentNode);
1091   var headerDiv = $("calendarHeader").childNodesWithTag("div")[1];
1092   var headerDays = document.getElementsByClassName("day", headerDiv);
1093
1094 //   log ("days: " + days.length + "; headerDays: " + headerDays.length);
1095   for (var i = 0; i < days.length; i++)
1096      if (days[i] != node) {
1097 //      log("unselect day : " + i);
1098         headerDays[i].removeClassName("selectedDay");
1099         days[i].removeClassName("selectedDay");
1100      }
1101      else {
1102 //      log("selected day : " + i);
1103         headerDays[i].addClassName("selectedDay");
1104         days[i].addClassName("selectedDay");
1105      }
1106 }
1107
1108 function findMonthCalendarSelectedCell(daysContainer) {
1109    var found = false;
1110    var i = 0;
1111
1112    while (!found && i < daysContainer.childNodes.length) {
1113       var currentNode = daysContainer.childNodes[i];
1114       if (currentNode.tagName == 'DIV'
1115           && currentNode.hasClassName("selectedDay")) {
1116          daysContainer.selectedCell = currentNode;
1117          found = true;
1118       }
1119       else
1120          i++;
1121    }
1122 }
1123
1124 function changeMonthCalendarDisplayOfSelectedDay(node) {
1125    var daysContainer = node.parentNode;
1126    if (!daysContainer.selectedCell)
1127       findMonthCalendarSelectedCell(daysContainer);
1128
1129    if (daysContainer.selectedCell)
1130       daysContainer.selectedCell.removeClassName("selectedDay");
1131    daysContainer.selectedCell = node;
1132    node.addClassName("selectedDay");
1133 }
1134
1135 function onShowCompletedTasks(event) {
1136    showCompletedTasks = (this.checked ? 1 : 0);
1137
1138    return refreshTasks();
1139 }
1140
1141 function updateTaskStatus(event) {
1142   var taskId = this.parentNode.getAttribute("id");
1143   var newStatus = (this.checked ? 1 : 0);
1144   var http = createHTTPClient();
1145
1146   if (isSafari() && !isSafari3()) {
1147     newStatus = (newStatus ? 0 : 1);
1148   }
1149
1150   url = (ApplicationBaseURL + "/" + this.parentNode.calendar
1151          + "/" + taskId + "/changeStatus?status=" + newStatus);
1152
1153   if (http) {
1154     // TODO: add parameter to signal that we are only interested in OK
1155     http.open("POST", url, false /* not async */);
1156     http.url = url;
1157     http.send("");
1158     if (http.status == 200)
1159       refreshTasks();
1160   } else
1161     log ("no http client?");
1162
1163   return false;
1164 }
1165
1166 function updateCalendarStatus(event) {
1167   var list = new Array();
1168   var newStatus = (this.checked ? 1 : 0);
1169
1170   if (isSafari() && !isSafari3()) {
1171     newStatus = (newStatus ? 0 : 1);
1172     this.checked = newStatus;
1173   }
1174
1175   var nodes = $("calendarList").childNodesWithTag("li");
1176   for (var i = 0; i < nodes.length; i++) {
1177     var input = $(nodes[i]).childNodesWithTag("input")[0];
1178     if (input.checked) {
1179        var folderId = nodes[i].getAttribute("id");
1180        var elems = folderId.split(":");
1181        if (elems.length > 1)
1182           list.push(elems[0]);
1183        else
1184           list.push(UserLogin);
1185     }
1186   }
1187
1188 //   if (!list.length) {
1189 //      list.push(UserLogin);
1190 //      nodes[0].childNodesWithTag("input")[0].checked = true;
1191 //   }
1192
1193 //   ApplicationBaseURL = (UserFolderURL + "Groups/_custom_"
1194 //                      + list.join(",") + "/Calendar/");
1195
1196   if (event) {
1197      var folderID = this.parentNode.getAttribute("id");
1198      var urlstr = URLForFolderID(folderID);
1199      if (newStatus)
1200        urlstr += "/activateFolder";
1201      else
1202        urlstr += "/deactivateFolder";
1203      //log("updateCalendarStatus: ajax request = " + urlstr + ", folderID = " + folderID);
1204      triggerAjaxRequest(urlstr, calendarStatusCallback, folderID);
1205   }
1206   else {
1207      updateCalendarsList();
1208      refreshEvents();
1209      refreshTasks();
1210      changeCalendarDisplay();
1211   }
1212
1213   return false;
1214 }
1215
1216 function calendarStatusCallback(http) {
1217   if (http.readyState == 4) {
1218     if (isHttpStatus204(http.status)) {
1219       refreshEvents();
1220       refreshTasks();
1221       changeCalendarDisplay();
1222     }
1223     else {
1224       var folder = $(http.callbackData);
1225       var input = folder.childNodesWithTag("input")[0];
1226       input.checked = (!input.checked);
1227     }
1228   }
1229   else
1230     log("calendarStatusCallback Ajax error");
1231 }
1232
1233 function calendarEntryCallback(http) {
1234    if (http.readyState == 4) {
1235       var denied = !isHttpStatus204(http.status);
1236       var entry = $(http.callbackData);
1237       if (denied)
1238          entry.addClassName("denied");
1239       else
1240          entry.removeClassName("denied");
1241    }
1242 }
1243
1244 function updateCalendarsList(method) {
1245   var list = $("calendarList").childNodesWithTag("li");
1246   for (var i = 0; i < list.length; i++) {
1247      var folderID = list[i].getAttribute("id");
1248      var url = URLForFolderID(folderID) + "/canAccessContent";
1249      triggerAjaxRequest(url, calendarEntryCallback, folderID);
1250   }
1251 }
1252
1253 function addContact(tag, fullContactName, contactId, contactName, contactEmail) {
1254   var uids = $("uixselector-calendarsList-uidList");
1255 //   log("addContact");
1256   if (contactId)
1257     {
1258       var re = new RegExp("(^|,)" + contactId + "($|,)");
1259
1260       if (!re.test(uids.value))
1261         {
1262           if (uids.value.length > 0)
1263             uids.value += ',' + contactId;
1264           else
1265             uids.value = contactId;
1266           var names = $("calendarList");
1267           var listElems = names.childNodesWithTag("li");
1268           var colorDef = indexColor(listElems.length);
1269           names.appendChild(userCalendarEntry(contactId, colorDef));
1270
1271         }
1272     }
1273
1274   return false;
1275 }
1276
1277 function validateBrowseURL(input) {
1278   var button = $("browseURLBtn");
1279
1280   if (input.value.length) {
1281     if (!button.enabled)
1282       enableAnchor(button);
1283   } else if (!button.disabled)
1284     disableAnchor(button);
1285 }
1286
1287 function browseURL(anchor, event) {
1288   if (event.button == 0) {
1289     var input = $("url");
1290     var url = input.value;
1291     if (url.length)
1292       window.open(url, '_blank');
1293   }
1294
1295   return false;
1296 }
1297
1298 function getMenus() {
1299    var menus = {};
1300
1301    var dateMenu = new Array();
1302    for (var i = 0; i < 12; i++)
1303       dateMenu.push(onMonthMenuItemClick);
1304    menus["monthListMenu"] = dateMenu;
1305
1306    dateMenu = new Array();
1307    for (var i = 0; i < 11; i++)
1308       dateMenu.push(onYearMenuItemClick);
1309    menus["yearListMenu"] = dateMenu;
1310
1311    menus["eventsListMenu"] = new Array(onMenuNewEventClick, "-",
1312                                        onMenuNewTaskClick,
1313                                        editEvent, deleteEvent, "-",
1314                                        onSelectAll, "-",
1315                                        null, null);
1316    menus["calendarsMenu"] = new Array(onMenuModify,
1317                                       "-",
1318                                       onCalendarNew, onCalendarRemove,
1319                                       "-", null, null, "-",
1320                                       null, "-", onMenuSharing);
1321    menus["searchMenu"] = new Array(setSearchCriteria);
1322
1323    return menus;
1324 }
1325
1326 function onMenuSharing(event) {
1327   var folders = $("calendarList");
1328   var selected = folders.getSelectedNodes()[0];
1329   /* FIXME: activation of the context menu should preferable select the entry
1330                above which the event has occured */
1331   if (selected) {
1332      var folderID = selected.getAttribute("id");
1333      var urlstr = URLForFolderID(folderID) + "/acls";
1334
1335      openAclWindow(urlstr);
1336   }
1337 }
1338
1339 function configureDragHandles() {
1340   var handle = $("verticalDragHandle");
1341   if (handle) {
1342     handle.addInterface(SOGoDragHandlesInterface);
1343     handle.leftBlock=$("leftPanel");
1344     handle.rightBlock=$("rightPanel");
1345   }
1346
1347   handle = $("rightDragHandle");
1348   if (handle) {
1349     handle.addInterface(SOGoDragHandlesInterface);
1350     handle.upperBlock=$("eventsListView");
1351     handle.lowerBlock=$("calendarView");
1352   }
1353 }
1354
1355 function initCalendarSelector() {
1356   var selector = $("calendarSelector");
1357   updateCalendarStatus();
1358   selector.changeNotification = updateCalendarsList;
1359
1360   var list = $("calendarList");
1361   list.multiselect = true;
1362   var items = list.childNodesWithTag("li");
1363   for (var i = 0; i < items.length; i++) {
1364     var input = items[i].childNodesWithTag("input")[0];
1365     Event.observe(input, "click", updateCalendarStatus.bindAsEventListener(input));
1366     Event.observe(items[i], "mousedown", listRowMouseDownHandler);
1367     Event.observe(items[i], "selectstart", listRowMouseDownHandler);
1368     Event.observe(items[i], "click", onRowClick);
1369   }
1370
1371   var links = $("calendarSelectorButtons").childNodesWithTag("a");
1372   Event.observe(links[0], "click",  onCalendarNew);
1373   Event.observe(links[1], "click",  onCalendarAdd);
1374   Event.observe(links[2], "click",  onCalendarRemove);
1375 }
1376
1377 function onMenuModify(event) {
1378   var folders = $("calendarList");
1379   var selected = folders.getSelectedNodes()[0];
1380
1381   if (UserLogin == selected.getAttribute("owner")) {
1382     var node = selected.childNodes[4];
1383     var currentName = node.nodeValue.trim();
1384     var newName = window.prompt(labels["Name of the Calendar"],
1385                                 currentName);
1386     if (newName && newName.length > 0
1387         && newName != currentName) {
1388       var url = (URLForFolderID(selected.getAttribute("id"))
1389                  + "/renameFolder?name=" + escape(newName.utf8encode()));
1390       triggerAjaxRequest(url, folderRenameCallback,
1391                          {node: node, name: " " + newName});
1392     }
1393   } else
1394     window.alert(clabels["Unable to rename that folder!"]);
1395 }
1396
1397 function folderRenameCallback(http) {
1398   if (http.readyState == 4) {
1399     if (isHttpStatus204(http.status)) {
1400       var dict = http.callbackData;
1401       dict["node"].nodeValue = dict["name"];
1402     }
1403   }
1404 }
1405
1406 function onCalendarNew(event) {
1407   createFolder(window.prompt(labels["Name of the Calendar"]),
1408                appendCalendar);
1409   preventDefault(event);
1410 }
1411
1412 function onCalendarAdd(event) {
1413   openUserFolderSelector(onFolderSubscribeCB, "calendar");
1414   preventDefault(event);
1415 }
1416
1417 function appendCalendar(folderName, folderPath) {
1418   var owner;
1419
1420   if (folderPath) {
1421     owner = getSubscribedFolderOwner(folderPath);
1422     folderPath = accessToSubscribedFolder(folderPath);
1423   }
1424   else
1425     folderPath = "/" + folderName;
1426
1427   if (!owner)
1428     owner = UserLogin;
1429
1430   //log ("append name: " + folderName + "; path: " + folderPath + "; owner: " + owner);
1431
1432   if ($(folderPath))
1433     window.alert(clabels["You have already subscribed to that folder!"]);
1434   else {
1435     var calendarList = $("calendarList");
1436     var lis = calendarList.childNodesWithTag("li");
1437     var color = indexColor(lis.length + 100);
1438     //log ("color: " + color);
1439
1440     var li = document.createElement("li");
1441
1442     // Add the calendar to the proper place
1443     var previousOwner = null;
1444     for (var i = 1; i < lis.length; i++) {
1445       var currentFolderName = lis[i].lastChild.nodeValue.strip();
1446       var currentOwner = lis[i].readAttribute('owner');
1447       if (currentOwner == owner) {
1448         previousOwner = currentOwner;
1449         if (currentFolderName > folderName)
1450           break;
1451       }
1452       else if (previousOwner ||
1453                (currentOwner != UserLogin && currentOwner > owner))
1454         break;
1455     }
1456     if (i != lis.length) // User is subscribed to other calendars of the same owner
1457       calendarList.insertBefore(li, lis[i]);
1458     else
1459       calendarList.appendChild(li);
1460
1461     li.setAttribute("id", folderPath);
1462     li.setAttribute("owner", owner);
1463
1464     var checkBox = document.createElement("input");
1465     checkBox.setAttribute("type", "checkbox");
1466     li.appendChild(checkBox);
1467     li.appendChild(document.createTextNode(" "));
1468     $(checkBox).addClassName("checkBox");
1469
1470     var colorBox = document.createElement("div");
1471     li.appendChild(colorBox);
1472     li.appendChild(document.createTextNode(folderName));
1473     colorBox.appendChild(document.createTextNode("OO"));
1474
1475     $(colorBox).addClassName("colorBox");
1476     $(colorBox).addClassName('calendarFolder' + folderPath.substr(1));
1477
1478     // Register events (doesn't work with Safari)
1479     Event.observe(li, "mousedown",  listRowMouseDownHandler);
1480     Event.observe(li, "selectstart", listRowMouseDownHandler);
1481     Event.observe(li, "click",  onRowClick);
1482     Event.observe(checkBox, "click",
1483                   updateCalendarStatus.bindAsEventListener(checkBox));
1484
1485     var url = URLForFolderID(folderPath) + "/canAccessContent";
1486     triggerAjaxRequest(url, calendarEntryCallback, folderPath);
1487
1488     // Update CSS for events color
1489     if (!document.styleSheets) return;
1490
1491     var styleElement = document.createElement("style");
1492     styleElement.type = "text/css";
1493     var selectors = [
1494                      '.calendarFolder' + folderPath.substr(1),
1495                      'div.colorBox.calendarFolder' + folderPath.substr(1)
1496                      ];
1497     var rules = [
1498                  ' { background-color: ' + color + ' !important; }',
1499                  ' { color: ' + color + ' !important; }'
1500                  ];
1501     for (var i = 0; i < rules.length; i++)
1502       if (styleElement.styleSheet && styleElement.styleSheet.addRule)
1503         styleElement.styleSheet.addRule(selectors[i], rules[i]); // IE
1504       else
1505         styleElement.appendChild(document.createTextNode(selectors[i] + rules[i])); // Mozilla _+ Safari
1506     document.getElementsByTagName("head")[0].appendChild(styleElement);
1507   }
1508 }
1509
1510 function onFolderSubscribeCB(folderData) {
1511   var folder = $(folderData["folder"]);
1512    if (!folder)
1513      appendCalendar(folderData["folderName"], folderData["folder"]);
1514 }
1515
1516 function onFolderUnsubscribeCB(folderId) {
1517   var node = $(folderId);
1518   node.parentNode.removeChild(node);
1519   if (removeFolderRequestCount == 0) {
1520     refreshEvents();
1521     refreshTasks();
1522     changeCalendarDisplay();
1523   }
1524 }
1525
1526 function onCalendarRemove(event) {
1527   if (removeFolderRequestCount == 0) {
1528     var nodes = $("calendarList").getSelectedNodes();
1529     for (var i = 0; i < nodes.length; i++) {
1530       nodes[i].deselect();
1531       var folderId = nodes[i].getAttribute("id");
1532       var folderIdElements = folderId.split("_");
1533       if (folderIdElements.length > 1) {
1534         unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
1535       }
1536       else
1537         deletePersonalCalendar(folderIdElements[0]);
1538     }
1539   }
1540
1541   preventDefault(event);
1542 }
1543
1544 function deletePersonalCalendar(folderElement) {
1545   var folderId = folderElement.substr(1);
1546   var label
1547     = labels["Are you sure you want to delete the calendar \"%{0}\"?"].formatted($(folderElement).lastChild.nodeValue.strip());
1548   if (window.confirm(label)) {
1549     removeFolderRequestCount++;
1550     var url = ApplicationBaseURL + "/" + folderId + "/deleteFolder";
1551     triggerAjaxRequest(url, deletePersonalCalendarCallback, folderId);
1552   }
1553 }
1554
1555 function deletePersonalCalendarCallback(http) {
1556   if (http.readyState == 4) {
1557     if (isHttpStatus204(http.status)) {
1558       var ul = $("calendarList");
1559       var children = ul.childNodesWithTag("li");
1560       var i = 0;
1561       var done = false;
1562       while (!done && i < children.length) {
1563         var currentFolderId = children[i].getAttribute("id").substr(1);
1564         if (currentFolderId == http.callbackData) {
1565           ul.removeChild(children[i]);
1566           done = true;
1567         }
1568         else
1569           i++;
1570       }
1571       removeFolderRequestCount--;
1572       if (removeFolderRequestCount == 0) {
1573         refreshEvents();
1574         refreshTasks();
1575         changeCalendarDisplay();
1576       }
1577     }
1578   }
1579   else
1580     log ("ajax problem 5: " + http.status);
1581 }
1582
1583 function configureLists() {
1584    var list = $("tasksList");
1585    list.multiselect = true;
1586    Event.observe(list, "mousedown",
1587                  onTasksSelectionChange.bindAsEventListener(list));
1588
1589    var input = $("showHideCompletedTasks");
1590    Event.observe(input, "click",
1591                  onShowCompletedTasks.bindAsEventListener(input));
1592
1593    list = $("eventsList");
1594    list.multiselect = true;
1595    //configureSortableTableHeaders(list);
1596    TableKit.Resizable.init(list, {'trueResize' : true, 'keepWidth' : true});
1597    Event.observe(list, "mousedown",
1598                  onEventsSelectionChange.bindAsEventListener(list));
1599    var div = list.parentNode;
1600    Event.observe(div, "contextmenu",
1601                  onEventContextMenu.bindAsEventListener(div));
1602 }
1603
1604 function initDateSelectorEvents() {
1605    var arrow = $("rightArrow");
1606    Event.observe(arrow, "click",
1607                  onDateSelectorGotoMonth.bindAsEventListener(arrow));
1608    arrow = $("leftArrow");
1609    Event.observe(arrow, "click",
1610                  onDateSelectorGotoMonth.bindAsEventListener(arrow));
1611
1612    var menuButton = $("monthLabel");
1613    Event.observe(menuButton, "click",
1614                  popupMonthMenu.bindAsEventListener(menuButton));
1615    menuButton = $("yearLabel");
1616    Event.observe(menuButton, "click",
1617                  popupMonthMenu.bindAsEventListener(menuButton));
1618 }
1619
1620 function initCalendars() {
1621    if (!document.body.hasClassName("popup")) {
1622       initDateSelectorEvents();
1623       initCalendarSelector();
1624       configureSearchField();
1625       configureLists();
1626       var selector = $("calendarSelector");
1627       if (selector)
1628          selector.attachMenu("calendarsMenu");
1629    }
1630 }
1631
1632 addEvent(window, 'load', initCalendars);