/* JavaScript for SOGoCalendar */

var sortOrder = '';
var sortKey = '';
var listFilter = 'view_today';

var listOfSelection = null;
var selectedCalendarCell;

var showCompletedTasks = 0;

var currentDay = '';
var currentView = "weekview";

var cachedDateSelectors = new Array();

var contactSelectorAction = 'calendars-contacts';

var eventsToDelete = new Array();
var ownersOfEventsToDelete = new Array();

var usersRightsWindowHeight = 250;
var usersRightsWindowWidth = 502;

function newEvent(sender, type) {
   var day = sender.day;
   if (!day)
      day = currentDay;

   var user = UserLogin;
   if (sender.parentNode.getAttribute("id") != "toolbar"
       && currentView == "multicolumndayview" && type == "event")
      user = sender.parentNode.parentNode.getAttribute("user");

   var hour = sender.hour;
   if (!hour)
      hour = sender.getAttribute("hour");
   var urlstr = UserFolderURL + "../" + user + "/Calendar/new" + type;
   var params = new Array();
   if (day)
      params.push("day=" + day);
   if (hour)
      params.push("hm=" + hour);
   if (params.length > 0)
      urlstr += "?" + params.join("&");
   
   window.open(urlstr, "", "width=490,height=470,resizable=0");
   
   return false; /* stop following the link */
}

function onMenuNewEventClick(event) {
   newEvent(this, "event");
}

function onMenuNewTaskClick(event) {
   newEvent(this, "task");
}

function _editEventId(id, owner) {
  var urlBase;
  if (owner)
    urlBase = UserFolderURL + "../" + owner + "/";
  urlBase += "Calendar/"

  var urlstr = urlBase + id + "/edit";
  var targetname = "SOGo_edit_" + id;
  var win = window.open(urlstr, "_blank",
                        "width=490,height=470,resizable=0");
  win.focus();
}

function editEvent() {
  if (listOfSelection) {
    var nodes = listOfSelection.getSelectedRows();

    for (var i = 0; i < nodes.length; i++)
      _editEventId(nodes[i].getAttribute("id"),
                   nodes[i].owner);
  } else if (selectedCalendarCell) {
      _editEventId(selectedCalendarCell[0].cname,
                   selectedCalendarCell[0].owner);
  }

  return false; /* stop following the link */
}

function _batchDeleteEvents() {
  var events = eventsToDelete.shift();
  var owner = ownersOfEventsToDelete.shift();
  var urlstr = (UserFolderURL + "../" + owner + "/Calendar/batchDelete?ids="
                + events.join('/'));
  document.deleteEventAjaxRequest = triggerAjaxRequest(urlstr,
                                                       deleteEventCallback,
                                                       events);
}

function deleteEvent() {
  if (listOfSelection) {
    var nodes = listOfSelection.getSelectedRows();

    if (nodes.length > 0) {
      var label = "";
      if (listOfSelection == $("tasksList"))
        label = labels["taskDeleteConfirmation"].decodeEntities();
      else
        label = labels["eventDeleteConfirmation"].decodeEntities();
      
      if (confirm(label)) {
        if (document.deleteEventAjaxRequest) {
          document.deleteEventAjaxRequest.aborted = true;
          document.deleteEventAjaxRequest.abort();
        }
        var sortedNodes = new Array();
        var owners = new Array();

        for (var i = 0; i < nodes.length; i++) {
          var owner = nodes[i].owner;
          if (!sortedNodes[owner]) {
              sortedNodes[owner] = new Array();
              owners.push(owner);
          }
          sortedNodes[owner].push(nodes[i].cname);
        }
        for (var i = 0; i < owners.length; i++) {
          ownersOfEventsToDelete.push(owners[i]);
          eventsToDelete.push(sortedNodes[owners[i]]);
        }
        _batchDeleteEvents();
      }
    }
  }
  else if (selectedCalendarCell) {
     var label = labels["eventDeleteConfirmation"].decodeEntities();
     if (confirm(label)) {
        if (document.deleteEventAjaxRequest) {
           document.deleteEventAjaxRequest.aborted = true;
           document.deleteEventAjaxRequest.abort();
        }
        eventsToDelete.push([selectedCalendarCell[0].cname]);
        ownersOfEventsToDelete.push(selectedCalendarCell[0].owner);
        _batchDeleteEvents();
     }
  }
  else
    window.alert("no selection");

  return false;
}

function modifyEvent(sender, modification) {
  var currentLocation = '' + window.location;
  var arr = currentLocation.split("/");
  arr[arr.length-1] = modification;

  document.modifyEventAjaxRequest = triggerAjaxRequest(arr.join("/"),
                                                       modifyEventCallback,
                                                       modification);

  return false;
}

function closeInvitationWindow() {
  var closeDiv = document.createElement("div");
  closeDiv.addClassName("javascriptPopupBackground");
  var closePseudoWin = document.createElement("div");
  closePseudoWin.addClassName("javascriptMessagePseudoTopWindow");
  closePseudoWin.style.top = "0px;";
  closePseudoWin.style.left = "0px;";
  closePseudoWin.style.right = "0px;";
  closePseudoWin.appendChild(document.createTextNode(labels["closeThisWindowMessage"].decodeEntities()));
  document.body.appendChild(closeDiv);
  document.body.appendChild(closePseudoWin);
}

function modifyEventCallback(http) {
   if (http.readyState == 4) {
      if (http.status == 200) {
	 if (queryParameters["mail-invitation"].toLowerCase() == "yes")
	    closeInvitationWindow();
	 else {
	    window.opener.setTimeout("refreshEventsAndDisplay();", 100);
	    window.setTimeout("window.close();", 100);
	 }
      }
      else {
// 	 log("showing alert...");
	 window.alert(labels["eventPartStatModificationError"]);
      }
      document.modifyEventAjaxRequest = null;
   }
}

function deleteEventCallback(http) {
  if (http.readyState == 4
      && http.status == 200) {
    var nodes = http.callbackData;
    for (var i = 0; i < nodes.length; i++) {
      var node = $(nodes[i]);
      if (node)
        node.parentNode.removeChild(node);
    }
    if (eventsToDelete.length)
      _batchDeleteEvents();
    else {
      document.deleteEventAjaxRequest = null;
      refreshEvents();
      refreshTasks();
      changeCalendarDisplay();
    }
  }
  else
    log ("deleteEventCallback Ajax error");
}

function editDoubleClickedEvent(event) {
  _editEventId(this.cname, this.owner);

  preventDefault(event);
  event.cancelBubble = true;
}

function onSelectAll() {
  var list = $("eventsList");
  list.selectRowsMatchingClass("eventRow");

  return false;
}

function onDaySelect(node) {
  var day = node.getAttribute('day');
  var needRefresh = (listFilter == 'view_selectedday'
                     && day != currentDay);

  var td = $(node).getParentWithTagName("td");
  var table = $(td).getParentWithTagName("table");

//   log ("table.selected: " + table.selected);

  if (document.selectedDate)
    document.selectedDate.deselect();

  td.select();
  document.selectedDate = td;

  changeCalendarDisplay( { "day": day } );
  if (needRefresh)
    refreshEvents();

  return false;
}

function onDateSelectorGotoMonth(event) {
   var day = this.getAttribute("date");

   changeDateSelectorDisplay(day, true);

   Event.stop(event);
}

function onCalendarGotoDay(node) {
   var day = node.getAttribute("date");
   
   changeDateSelectorDisplay(day);
   changeCalendarDisplay( { "day": day } );
  
   return false;
}

function gotoToday() {
  changeDateSelectorDisplay('');
  changeCalendarDisplay();

  return false;
}

function setDateSelectorContent(content) {
  var div = $("dateSelectorView");

  div.innerHTML = content;
  if (currentDay.length > 0)
    restoreCurrentDaySelection(div);

  initDateSelectorEvents();
}

function dateSelectorCallback(http) {
  if (http.readyState == 4
      && http.status == 200) {
     document.dateSelectorAjaxRequest = null;
     var content = http.responseText;
     setDateSelectorContent(content);
     cachedDateSelectors[http.callbackData] = content;
  }
  else
    log ("dateSelectorCallback Ajax error");
}

function eventsListCallback(http) {
  if (http.readyState == 4
      && http.status == 200) {
     var div = $("eventsListView");

    document.eventsListAjaxRequest = null;
    var table = $("eventsList").tBodies[0];
    var params = parseQueryParameters(http.callbackData);
    sortKey = params["sort"];
    sortOrder = params["desc"];
    configureSortableTableHeaders();

    var data = http.responseText.evalJSON(true);
    for (var i = 0; i < data.length; i++) {
      var row = document.createElement("tr");
      table.appendChild(row);
      $(row).addClassName("eventRow");
      row.setAttribute("id", data[i][0]);
      row.cname = data[i][0];
      row.owner = data[i][1];

      var startDate = new Date();
      startDate.setTime(data[i][4] * 1000);
      row.day = startDate.getDayString();
      row.hour = startDate.getHourString();
      Event.observe(row, "click",
		    onEventClick.bindAsEventListener(row));
      Event.observe(row, "dblclick",
		    editDoubleClickedEvent.bindAsEventListener(row));
      Event.observe(row, "contextmenu",
		    onEventContextMenu.bindAsEventListener(row));

      var td = document.createElement("td");
      row.appendChild(td);
      Event.observe(td, "mousedown", listRowMouseDownHandler, true);
      td.appendChild(document.createTextNode(data[i][3]));

      td = document.createElement("td");
      row.appendChild(td);
      Event.observe(td, "mousedown", listRowMouseDownHandler, true);
      td.appendChild(document.createTextNode(data[i][8]));

      td = document.createElement("td");
      row.appendChild(td);
      Event.observe(td, "mousedown", listRowMouseDownHandler, true);
      td.appendChild(document.createTextNode(data[i][9]));
      
      td = document.createElement("td");
      row.appendChild(td);
      Event.observe(td, "mousedown", listRowMouseDownHandler, true);
      td.appendChild(document.createTextNode(data[i][6]));
    }
  }
  else
    log ("eventsListCallback Ajax error");
}

function tasksListCallback(http) {
  var div = $("tasksListView");

  if (http.readyState == 4
      && http.status == 200) {
    document.tasksListAjaxRequest = null;
    var list = $("tasksList");
    var data = http.responseText.evalJSON(true);

    for (var i = 0; i < data.length; i++) {
      //log(i + " = " + data[i][3]);
      var listItem = document.createElement("li");
      list.appendChild(listItem);
      Event.observe(listItem, "mousedown", listRowMouseDownHandler); // causes problem with Safari
      Event.observe(listItem, "click", onRowClick);
      Event.observe(listItem, "dblclick", editDoubleClickedEvent.bindAsEventListener(listItem));
      listItem.setAttribute("id", data[i][0]);
      $(listItem).addClassName(data[i][5]);
      var owner = data[i][1];
      listItem.owner = owner;
      $(listItem).addClassName("ownerIs" + owner);
      listItem.cname = data[i][0];
      var input = document.createElement("input");
      input.setAttribute("type", "checkbox");
      listItem.appendChild(input);
      Event.observe(input, "click", updateTaskStatus.bindAsEventListener(input), true);
      input.setAttribute("value", "1");
      if (data[i][2] == 1)
	input.setAttribute("checked", "checked");
      $(input).addClassName("checkBox");
      listItem.appendChild(document.createTextNode(data[i][3]));
    }

    list.scrollTop = list.previousScroll;

    if (http.callbackData) {
      var selectedNodesId = http.callbackData;
      for (var i = 0; i < selectedNodesId.length; i++) {
// 	log(selectedNodesId[i] + " (" + i + ") is selected");
        $(selectedNodesId[i]).select();
      }
    }
    else
      log ("tasksListCallback: no data");
  }
  else
    log ("tasksListCallback Ajax error");
}

function restoreCurrentDaySelection(div) {
  var elements = $(div).getElementsByTagName("a");
  var day = null;
  var i = 9;
  while (!day && i < elements.length)
    {
      day = elements[i].day;
      i++;
    }

  if (day
      && day.substr(0, 6) == currentDay.substr(0, 6)) {
      for (i = 0; i < elements.length; i++) {
        day = elements[i].day;
        if (day && day == currentDay) {
          var td = $(elements[i]).getParentWithTagName("td");
          if (document.selectedDate)
            document.selectedDate.deselect();
          $(td).select();
          document.selectedDate = td;
        }
      }
    }
}

function changeDateSelectorDisplay(day, keepCurrentDay) {
  var url = ApplicationBaseURL + "dateselector";
  if (day)
    url += "?day=" + day;

  if (day != currentDay) {
    if (!keepCurrentDay)
      currentDay = day;

    var month = day.substr(0, 6);
    if (cachedDateSelectors[month]) {
//       log ("restoring cached selector for month: " + month);
      setDateSelectorContent(cachedDateSelectors[month]);
    }
    else {
//       log ("loading selector for month: " + month);
      if (document.dateSelectorAjaxRequest) {
        document.dateSelectorAjaxRequest.aborted = true;
        document.dateSelectorAjaxRequest.abort();
      }
      document.dateSelectorAjaxRequest
        = triggerAjaxRequest(url,
                             dateSelectorCallback,
                             month);
    }
  }
}

function changeCalendarDisplay(time, newView) {
  var url = ApplicationBaseURL + ((newView) ? newView : currentView);

  selectedCalendarCell = null;

  var day = null;
  var hour = null;
  if (time) {
    day = time['day'];
    hour = time['hour'];
  }

  if (!day)
    day = currentDay;
  if (day)
    url += "?day=" + day;

//   if (newView)
//     log ("switching to view: " + newView);
//   log ("changeCalendarDisplay: " + url);

  if (document.dayDisplayAjaxRequest) {
//     log ("aborting day ajaxrq");
    document.dayDisplayAjaxRequest.aborted = true;
    document.dayDisplayAjaxRequest.abort();
  }
  document.dayDisplayAjaxRequest
     = triggerAjaxRequest(url, calendarDisplayCallback,
			  { "view": newView, "day": day, "hour": hour });

  return false;
}

function _ensureView(view) {
  if (currentView != view)
    changeCalendarDisplay(null, view);

  return false;
}

function onDayOverview() {
  return _ensureView("dayview");
}

function onMulticolumnDayOverview() {
  return _ensureView("multicolumndayview");
}

function onWeekOverview() {
  return _ensureView("weekview");
}

function onMonthOverview() {
  return _ensureView("monthview");
}

function scrollDayView(hour) {
  var rowNumber;
  if (hour) {
    if (hour.length == 3)
      rowNumber = parseInt(hour.substr(0, 1));
    else {
      if (hour.substr(0, 1) == "0")
        rowNumber = parseInt(hour.substr(1, 1));
      else
        rowNumber = parseInt(hour.substr(0, 2));
    }
  } else
    rowNumber = 8;

  var daysView = $("daysView");
  var hours =
     $(daysView.childNodesWithTag("div")[0]).childNodesWithTag("div");
  if (hours.length > 0)
    daysView.scrollTop = hours[rowNumber].offsetTop;
}

function onClickableCellsDblClick(event) {
  newEvent(this, 'event');

  event.cancelBubble = true;
  event.returnValue = false;
}

function refreshCalendarEvents() {
   var todayDate = new Date();
   var sd;
   var ed;
   if (currentView == "dayview") {
      if (currentDay)
	 sd = currentDay;
      else
	 sd = todayDate.getDayString();
      ed = sd;
   }
   else if (currentView == "weekview") {
      var startDate;
      if (currentDay)
	 startDate = currentDay.asDate();
      else
	 startDate = todayDate;
      startDate = startDate.beginOfWeek();
      sd = startDate.getDayString();
      var endDate = new Date();
      endDate.setTime(startDate.getTime());
      endDate.addDays(6);
      ed = endDate.getDayString();
   }
   else {
      var monthDate;
      if (currentDay)
	 monthDate = currentDay.asDate();
      else
	 monthDate = todayDate;
      monthDate.setDate(1);
      sd = monthDate.beginOfWeek().getDayString();

      var lastMonthDate = new Date();
      lastMonthDate.setTime(monthDate.getTime());
      lastMonthDate.setMonth(monthDate.getMonth() + 1);
      lastMonthDate.addDays(-1);
      ed = lastMonthDate.endOfWeek().getDayString();
   }
   if (document.refreshCalendarEventsAjaxRequest) {
      document.refreshCalendarEventsAjaxRequest.aborted = true;
      document.refreshCalendarEventsAjaxRequest.abort();
   }
   var url = ApplicationBaseURL + "eventslist?sd=" + sd + "&ed=" + ed;
   document.refreshCalendarEventsAjaxRequest
      = triggerAjaxRequest(url, refreshCalendarEventsCallback,
	                   {"startDate": sd, "endDate": ed});
}

function refreshCalendarEventsCallback(http) {
  if (http.readyState == 4
      && http.status == 200) {
     var data = http.responseText.evalJSON(true);
//      log("refresh calendar events: " + data.length);
     for (var i = 0; i < data.length; i++)
	drawCalendarEvent(data[i],
			  http.callbackData["startDate"],
			  http.callbackData["endDate"]);
  }
  else
     log("AJAX error when refreshing calendar events");
}

function drawCalendarEvent(eventData, sd, ed) {
   var viewStartDate = sd.asDate();
   var viewEndDate = ed.asDate();

   var startDate = new Date();
   startDate.setTime(eventData[4] * 1000);
   var endDate = new Date();
   endDate.setTime(eventData[5] * 1000);

   var days = startDate.daysUpTo(endDate);

   var divs = new Array();

   var title;
   if (currentView == "monthview"
       && (eventData[7] == 0))
      title = startDate.getDisplayHoursString() + " " + eventData[3];
   else
      title = eventData[3];

//    log("title: " + title); 
//    log("viewS: " + viewStartDate);
   var startHour = null;
   var endHour = null;

   var siblings = new Array();
   for (var i = 0; i < days.length; i++)
      if (days[i].earlierDate(viewStartDate) == viewStartDate
	  && days[i].laterDate(viewEndDate) == viewEndDate) {
	 var starts;

// 	 log("day: " + days[i]);
	 if (i == 0) {
	    var quarters = (startDate.getHours() * 4
			    + Math.floor(startDate.getMinutes() / 15));
	    starts = quarters;
	    startHour = startDate.getDisplayHoursString();
	    endHour = endDate.getDisplayHoursString();
	 }
	 else
	    starts = 0;
	 
	 var ends;
	 var lasts;
	 if (i == days.length - 1) {
	    var quarters = (endDate.getHours() * 4
			    + Math.ceil(endDate.getMinutes() / 15));
	    ends = quarters;
	 }
	 else
	    ends = 96;
	 lasts = ends - starts;
	 if (!lasts)
	    lasts = 1;

 	 var eventDiv = newEventDIV(eventData[0], eventData[1], starts, lasts,
 				    null, null, title);
	 siblings.push(eventDiv);
	 eventDiv.siblings = siblings;
	 var dayString = days[i].getDayString();
// 	 log("day: " + dayString);
	 var parentDiv = null;
	 if (currentView == "monthview") {
	    var dayDivs = $("monthDaysView").childNodesWithTag("div");
	    var j = 0; 
	    while (!parentDiv && j < dayDivs.length) {
	       if (dayDivs[j].getAttribute("day") == dayString)
		  parentDiv = dayDivs[j];
	       else
		  j++;
	    }
	 }
	 else {
	    if (eventData[7] == 0) {
	       var daysView = $("daysView");
	       var eventsDiv = $(daysView).childNodesWithTag("div")[1];
	       var dayDivs = $(eventsDiv).childNodesWithTag("div");
	       var j = 0; 
	       while (!parentDiv && j < dayDivs.length) {
		  if (dayDivs[j].getAttribute("day") == dayString)
		     parentDiv = dayDivs[j].childNodesWithTag("div")[0];
		  else
		     j++;
	       }
	    }
	    else {
	       var header = $("calendarHeader");
	       var daysDiv = $(header).childNodesWithTag("div")[1];
	       var dayDivs = $(daysDiv).childNodesWithTag("div");
	       var j = 0; 
	       while (!parentDiv && j < dayDivs.length) {
		  if (dayDivs[j].getAttribute("day") == dayString)
		     parentDiv = dayDivs[j];
		  else
		     j++;
	       }
	    }
	 }
	 if (parentDiv)
	    parentDiv.appendChild(eventDiv);
      }
}

function newEventDIV(cname, owner, starts, lasts,
		     startHour, endHour, title) {
   var eventDiv = document.createElement("div");
   eventDiv.cname = cname;
   eventDiv.owner = owner;
   eventDiv.addClassName("event");
   eventDiv.addClassName("starts" + starts);
   eventDiv.addClassName("lasts" + lasts);
   for (var i = 1; i < 5; i++) {
      var shadowDiv = document.createElement("div");
      eventDiv.appendChild(shadowDiv);
      shadowDiv.addClassName("shadow");
      shadowDiv.addClassName("shadow" + i);
   }
   var innerDiv = document.createElement("div");
   eventDiv.appendChild(innerDiv);
   innerDiv.addClassName("eventInside");
   innerDiv.addClassName("ownerIs" + owner);

   var gradientDiv = document.createElement("div");
   innerDiv.appendChild(gradientDiv);
   gradientDiv.addClassName("gradient");
   var gradientImg = document.createElement("img");
   gradientDiv.appendChild(gradientImg);
   gradientImg.src = ResourcesURL + "/event-gradient.png";

   var textDiv = document.createElement("div");
   innerDiv.appendChild(textDiv);
   textDiv.addClassName("text");
   if (startHour) {
      var headerSpan = document.createElement("span");
      textDiv.appendChild(headerSpan);
      headerSpan.addClassName("eventHeader");
      headerSpan.appendChild(document.createTextNode(startHour + " - "
						     + endHour));
      textDiv.appendChild(document.createElement("br"));
   }
   textDiv.appendChild(document.createTextNode(title));

   Event.observe(eventDiv, "mousedown", listRowMouseDownHandler);
   Event.observe(eventDiv, "click",
		 onCalendarSelectEvent.bindAsEventListener(eventDiv));
   Event.observe(eventDiv, "dblclick",
		 editDoubleClickedEvent.bindAsEventListener(eventDiv));

   return eventDiv;
}

function calendarDisplayCallback(http) {
  var div = $("calendarView");

  if (http.readyState == 4
      && http.status == 200) {
    document.dayDisplayAjaxRequest = null;
    div.innerHTML = http.responseText;
    if (http.callbackData["view"])
      currentView = http.callbackData["view"];
    if (http.callbackData["day"])
      currentDay = http.callbackData["day"];

    var hour = null;
    if (http.callbackData["hour"])
      hour = http.callbackData["hour"];
    var contentView;
    if (currentView == "monthview")
      contentView = $("calendarContent");
    else {
      scrollDayView(hour);
      contentView = $("daysView");
    }
    refreshCalendarEvents();
    var days = document.getElementsByClassName("day", contentView);
    if (currentView == "monthview")
      for (var i = 0; i < days.length; i++) {
        Event.observe(days[i], "click",  onCalendarSelectDay.bindAsEventListener(days[i]));
        Event.observe(days[i], "dblclick",  onClickableCellsDblClick.bindAsEventListener(days[i]));
      }
    else {
       var headerDivs = $("calendarHeader").childNodesWithTag("div"); 
       var headerDaysLabels = document.getElementsByClassName("day", headerDivs[0]);
       var headerDays = document.getElementsByClassName("day", headerDivs[1]);
       for (var i = 0; i < days.length; i++) {
	  headerDays[i].hour = "allday";
	  Event.observe(headerDaysLabels[i], "mousedown", listRowMouseDownHandler);
	  Event.observe(headerDays[i], "click",
			onCalendarSelectDay.bindAsEventListener(days[i]));
	  Event.observe(headerDays[i], "dblclick",
			onClickableCellsDblClick.bindAsEventListener(headerDays[i]));
	  Event.observe(days[i], "click",
			onCalendarSelectDay.bindAsEventListener(days[i]));
	  var clickableCells = document.getElementsByClassName("clickableHourCell",
							       days[i]);
	  for (var j = 0; j < clickableCells.length; j++)
	     Event.observe(clickableCells[j], "dblclick",
			   onClickableCellsDblClick.bindAsEventListener(clickableCells[j]));
       }
    }
  }
  else
    log ("calendarDisplayCallback Ajax error (" + http.readyState + "/" + http.status + ")");
}

function assignCalendar(name) {
   if (typeof(skycalendar) != "undefined") {
      var node = $(name);
      
      node.calendar = new skycalendar(node);
      node.calendar.setCalendarPage(ResourcesURL + "/skycalendar.html");
      var dateFormat = node.getAttribute("dateFormat");
      if (dateFormat)
	 node.calendar.setDateFormat(dateFormat);
   }
}

function popupCalendar(node) {
   var nodeId = node.getAttribute("inputId");
   var input = $(nodeId);
   input.calendar.popup();

   return false;
}

function onEventContextMenu(event) {
  var topNode = $("eventsList");
//   log(topNode);

  var menu = $("eventsListMenu");

  Event.observe(menu, "hideMenu",  onEventContextMenuHide);
  popupMenu(event, "eventsListMenu", this);

  var topNode = $("eventsList");
  var selectedNodes = topNode.getSelectedRows();
  topNode.menuSelectedRows = selectedNodes;
  for (var i = 0; i < selectedNodes.length; i++)
    selectedNodes[i].deselect();

  topNode.menuSelectedEntry = this;
  this.select();
}

function onEventContextMenuHide(event) {
  var topNode = $("eventsList");

  if (topNode.menuSelectedEntry) {
    topNode.menuSelectedEntry.deselect();
    topNode.menuSelectedEntry = null;
  }
  if (topNode.menuSelectedRows) {
    var nodeIds = topNode.menuSelectedRows;
    for (var i = 0; i < nodeIds.length; i++) {
      var node = $(nodeIds[i]);
      node.select();
    }
    topNode.menuSelectedRows = null;
  }
}

function onEventsSelectionChange() {
  listOfSelection = this;
  this.removeClassName("_unfocused");
  $("tasksList").addClassName("_unfocused");
}

function onTasksSelectionChange() {
  listOfSelection = this;
  this.removeClassName("_unfocused");
  $("eventsList").addClassName("_unfocused");
}

function _loadEventHref(href) {
  if (document.eventsListAjaxRequest) {
    document.eventsListAjaxRequest.aborted = true;
    document.eventsListAjaxRequest.abort();
  }
  var url = ApplicationBaseURL + href;
  document.eventsListAjaxRequest
    = triggerAjaxRequest(url, eventsListCallback, href);

  var table = $("eventsList").tBodies[0];
  while (table.rows.length > 1)
     table.removeChild(table.rows[1]);

  return false;
}

function _loadTasksHref(href) {
  if (document.tasksListAjaxRequest) {
    document.tasksListAjaxRequest.aborted = true;
    document.tasksListAjaxRequest.abort();
  }
  url = ApplicationBaseURL + href;

  var tasksList = $("tasksList");
  var selectedIds;
  if (tasksList)
     selectedIds = tasksList.getSelectedNodesId();
  else
     selectedIds = null;
  document.tasksListAjaxRequest
    = triggerAjaxRequest(url, tasksListCallback, selectedIds);

  tasksList.previousScroll = tasksList.scrollTop;
  while (tasksList.childNodes.length)
     tasksList.removeChild(tasksList.childNodes[0]);

  return true;
}

function onHeaderClick(event) {
//   log("onHeaderClick: " + this.link);
  _loadEventHref(this.link);

  preventDefault(event);
}

function refreshEvents() {
   return _loadEventHref("eventslist?desc=" + sortOrder
			 + "&sort=" + sortKey
			 + "&day=" + currentDay
			 + "&filterpopup=" + listFilter);
}

function refreshTasks() {
  return _loadTasksHref("taskslist?show-completed=" + showCompletedTasks);
}

function refreshEventsAndDisplay() {
  refreshEvents();
  changeCalendarDisplay();
}

function onListFilterChange() {
  var node = $("filterpopup");

  listFilter = node.value;
//   log ("listFilter = " + listFilter);

  return refreshEvents();
}

function onEventClick(event) {
  var day = this.day;
  var hour = this.hour;

  changeCalendarDisplay( { "day": day, "hour": hour} );
  changeDateSelectorDisplay(day);

  return onRowClick(event);
}

function selectMonthInMenu(menu, month) {
   var entries = menu.childNodes[1].childNodesWithTag("LI");
   for (i = 0; i < entries.length; i++) {
      var entry = entries[i];
      var entryMonth = entry.getAttribute("month");
      if (entryMonth == month)
	 entry.addClassName("currentMonth");
      else
	 entry.removeClassName("currentMonth");
   }
}

function selectYearInMenu(menu, month) {
  var entries = menu.childNodes[1].childNodes;
  for (i = 0; i < entries.length; i++) {
    var entry = entries[i];
    if (entry instanceof HTMLLIElement) {
      var entryMonth = entry.innerHTML;
      if (entryMonth == month)
        entry.addClassName("currentMonth");
      else
        entry.removeClassName("currentMonth");
    }
  }
}

function popupMonthMenu(event) {
  if (event.button == 0) {
    var id = this.getAttribute("id");
    if (id == "monthLabel")
       menuId = "monthListMenu";
    else
       menuId = "yearListMenu";

    var popup = $(menuId);
    if (id == "monthLabel")
      selectMonthInMenu(popup, this.getAttribute("month"));
    else
      selectYearInMenu(popup, this.innerHTML);

    popupToolbarMenu(this, menuId);
    Event.stop(event);
  }
}

function onMonthMenuItemClick(event) {
  var month = '' + this.getAttribute("month");
  var year = '' + $("yearLabel").innerHTML;

  changeDateSelectorDisplay(year + month + "01", true);
}

function onYearMenuItemClick(event) {
  var month = '' + $("monthLabel").getAttribute("month");;
  var year = '' + this.innerHTML;

  changeDateSelectorDisplay(year + month + "01", true);
}

function onSearchFormSubmit() {
  log ("search not implemented");

  return false;
}

function onCalendarSelectEvent() {
  var list = $("eventsList");
  list.deselectAll();

  if (selectedCalendarCell)
     for (var i = 0; i < selectedCalendarCell.length; i++)
	selectedCalendarCell[i].deselect();

  for (var i = 0; i < this.siblings.length; i++)
     this.siblings[i].select();
  selectedCalendarCell = this.siblings;
  var row = $(this.cname);
  if (row) {
    var div = row.parentNode.parentNode.parentNode;
    div.scrollTop = row.offsetTop - (div.offsetHeight / 2);
    row.select();
  }
}

function onCalendarSelectDay(event) {
  var day;
  if (currentView == "multicolumndayview")
     day = this.getAttribute("day");
  else
     day = this.getAttribute("day");
  var needRefresh = (listFilter == 'view_selectedday'
                     && day != currentDay);

  if (currentView == 'weekview')
    changeWeekCalendarDisplayOfSelectedDay(this);
  else if (currentView == 'monthview')
    changeMonthCalendarDisplayOfSelectedDay(this);
  changeDateSelectorDisplay(day);

  if (listOfSelection) {
    listOfSelection.addClassName("_unfocused");
    listOfSelection = null;
  }

  if (needRefresh)
    refreshEvents();
}

function changeWeekCalendarDisplayOfSelectedDay(node) {
  var days = document.getElementsByClassName("day", node.parentNode);
  var headerDiv = $("calendarHeader").childNodesWithTag("div")[1];
  var headerDays = document.getElementsByClassName("day", headerDiv);

//   log ("days: " + days.length + "; headerDays: " + headerDays.length);
  for (var i = 0; i < days.length; i++)
     if (days[i] != node) {
// 	log("unselect day : " + i);
	headerDays[i].removeClassName("selectedDay");
	days[i].removeClassName("selectedDay");
     }
     else {
// 	log("selected day : " + i);
	headerDays[i].addClassName("selectedDay");
	days[i].addClassName("selectedDay");
     }
}

function findMonthCalendarSelectedCell(daysContainer) {
   var found = false;
   var i = 0;

   while (!found && i < daysContainer.childNodes.length) {
      var currentNode = daysContainer.childNodes[i];
      if (currentNode instanceof HTMLDivElement
          && currentNode.hasClassName("selectedDay")) {
         daysContainer.selectedCell = currentNode;
         found = true;
      }
      else
         i++;
   }
}

function changeMonthCalendarDisplayOfSelectedDay(node) {
   var daysContainer = node.parentNode;
   if (!daysContainer.selectedCell)
      findMonthCalendarSelectedCell(daysContainer);
   
   if (daysContainer.selectedCell)
      daysContainer.selectedCell.removeClassName("selectedDay");
   daysContainer.selectedCell = node;
   node.addClassName("selectedDay");
}

function onShowCompletedTasks(event) {
   showCompletedTasks = (this.checked ? 1 : 0);

   return refreshTasks();
}

function updateTaskStatus(event) {
  var taskId = this.parentNode.getAttribute("id");
  var taskOwner = this.parentNode.owner;
  var newStatus = (this.checked ? 1 : 0);
  var http = createHTTPClient();
  
//   log("update task status: " + taskId + " to " + this.checked);
  event.cancelBubble = true;
  
  url = (UserFolderURL + "../" + taskOwner 
	 + "/Calendar/" + taskId
	 + "/changeStatus?status=" + newStatus);

  if (http) {
//     log ("url: " + url);
    // TODO: add parameter to signal that we are only interested in OK
    http.open("POST", url, false /* not async */);
    http.url = url;
    http.send("");
    if (http.status == 200)
      refreshTasks();
  } else
    log ("no http client?");

  return false;
}

function updateCalendarStatus(event) {
  var list = new Array();

  var nodes = $("calendarList").childNodesWithTag("li");
  for (var i = 0; i < nodes.length; i++) {
    var input = $(nodes[i]).childNodesWithTag("input")[0];
    if (input.checked) {
       var folderId = nodes[i].getAttribute("id");
       var elems = folderId.split(":");
       if (elems.length > 1)
	  list.push(elems[0]);
       else
	  list.push(UserLogin);
    }
  }

  if (!list.length) {
     list.push(UserLogin);
     nodes[0].childNodesWithTag("input")[0].checked = true;
  }
//   ApplicationBaseURL = (UserFolderURL + "Groups/_custom_"
// 			+ list.join(",") + "/Calendar/");

  if (event) {
     var folderID = this.parentNode.getAttribute("id");
     var urlstr = URLForFolderID(folderID);
     if (this.checked)
       urlstr += "/activateFolder";
     else
       urlstr += "/deactivateFolder";
     //log("updateCalendarStatus: ajax request = " + urlstr + ", folderID = " + folderID);
     triggerAjaxRequest(urlstr, calendarStatusCallback, folderID);
  }
  else {
     updateCalendarsList();
     refreshEvents();
     refreshTasks();
     changeCalendarDisplay();
  }

  return false;
}

function calendarStatusCallback(http) {
  if (http.readyState == 4) {
    if (isHttpStatus204(http.status)) {
         refreshEvents();
         refreshTasks();
         changeCalendarDisplay();
      }
      else {
	 var folder = $(http.callbackData);
         var input = folder.childNodesWithTag("input")[0];
	 input.checked = (!input.checked);
      }
   }
   else
      log("calendarStatusCallback Ajax error");
}

function calendarEntryCallback(http) {
   if (http.readyState == 4) { 
      var denied = !isHttpStatus204(http.status);
      var entry = $(http.callbackData);
      if (denied)
	 entry.addClassName("denied");
      else
	 entry.removeClassName("denied");
   }
}

function updateCalendarsList(method) {
  var list = $("calendarList").childNodesWithTag("li");
  for (var i = 0; i < list.length; i++) {
     var folderID = list[i].getAttribute("id");
     var url = URLForFolderID(folderID) + "/canAccessContent";
     triggerAjaxRequest(url, calendarEntryCallback, folderID);
  }
}

function addContact(tag, fullContactName, contactId, contactName, contactEmail) {
  var uids = $("uixselector-calendarsList-uidList");
//   log("addContact");
  if (contactId)
    {
      var re = new RegExp("(^|,)" + contactId + "($|,)");

      if (!re.test(uids.value))
        {
          if (uids.value.length > 0)
            uids.value += ',' + contactId;
          else
            uids.value = contactId;
          var names = $("calendarList");
          var listElems = names.childNodesWithTag("li");
          var colorDef = indexColor(listElems.length);
          names.appendChild(userCalendarEntry(contactId, colorDef));

        }
    }

  return false;
}

function validateBrowseURL(input) {
  var button = $("browseURLBtn");

  if (input.value.length) {
    if (!button.enabled)
      enableAnchor(button);
  } else if (!button.disabled)
    disableAnchor(button);
}

function browseURL(anchor, event) {
  if (event.button == 0) {
    var input = $("url");
    var url = input.value;
    if (url.length)
      window.open(url, '_blank');
  }

  return false;
}

function getMenus() {
   var menus = {};

   var dateMenu = new Array();
   for (var i = 0; i < 12; i++)
      dateMenu.push(onMonthMenuItemClick);
   menus["monthListMenu"] = dateMenu;

   dateMenu = new Array();
   for (var i = 0; i < 11; i++)
      dateMenu.push(onYearMenuItemClick);
   menus["yearListMenu"] = dateMenu;

   menus["eventsListMenu"] = new Array(onMenuNewEventClick, "-",
				       onMenuNewTaskClick,
				       editEvent, deleteEvent, "-",
				       onSelectAll, "-",
				       null, null);
   menus["calendarsMenu"] = new Array(null, null, "-", null, null, "-",
				      null, "-", onMenuSharing);
   menus["searchMenu"] = new Array(setSearchCriteria);

   return menus;
}

function onMenuSharing(event) {
  var folders = $("calendarList");
  var selected = folders.getSelectedNodes()[0];
  /* FIXME: activation of the context menu should preferable select the entry
	       above which the event has occured */
  if (selected) {
     var folderID = selected.getAttribute("id");
     var urlstr = URLForFolderID(folderID) + "/acls";

     openAclWindow(urlstr);
  }
}

function configureDragHandles() {
  var handle = $("verticalDragHandle");
  if (handle) {
    handle.addInterface(SOGoDragHandlesInterface);
    handle.leftBlock=$("leftPanel");
    handle.rightBlock=$("rightPanel");
  }

  handle = $("rightDragHandle");
  if (handle) {
    handle.addInterface(SOGoDragHandlesInterface);
    handle.upperBlock=$("eventsListView");
    handle.lowerBlock=$("calendarView");
  }
}

function initCalendarSelector() {
  var selector = $("calendarSelector");
  updateCalendarStatus();
  selector.changeNotification = updateCalendarsList;

  var list = $("calendarList").childNodesWithTag("li");
  for (var i = 0; i < list.length; i++) {
    var input = list[i].childNodesWithTag("input")[0];
    Event.observe(input, "click", updateCalendarStatus.bindAsEventListener(input)); // not registered in IE?
    //Event.observe(list[i], "mousedown", listRowMouseDownHandler, true); // problem with Safari
    Event.observe(list[i], "click", onRowClick);
  }

  var links = $("calendarSelectorButtons").childNodesWithTag("a");
  Event.observe(links[0], "click",  onCalendarAdd);
  Event.observe(links[1], "click",  onCalendarRemove);
}

function onCalendarAdd(event) {
   openUserFolderSelector(onFolderSubscribeCB, "calendar");

   preventDefault(event);
}

function appendCalendar(folderName, folder) {
   var calendarList = $("calendarList");
   var lis = calendarList.childNodesWithTag("li");
   var color = indexColor(lis.length);
   log ("color: " + color);

   var li = document.createElement("li");
   calendarList.appendChild(li);

   var checkBox = document.createElement("input");
   li.appendChild(checkBox);
   
   li.appendChild(document.createTextNode(" "));

   var colorBox = document.createElement("div");
   li.appendChild(colorBox);
   li.appendChild(document.createTextNode(" " + folderName));
   colorBox.appendChild(document.createTextNode("OO"));

   li.setAttribute("id", folder);
   Event.observe(li, "mousedown",  listRowMouseDownHandler);
   Event.observe(li, "click",  onRowClick);
   checkBox.addClassName("checkBox");
   checkBox.type = "checkbox";
   Event.observe(checkBox, "click",  updateCalendarStatus.bindAsEventListener(checkBox));
   
   colorBox.addClassName("colorBox");
   if (color) {
     colorBox.setStyle({ color: color,
			 backgroundColor: color });
   }

   var contactId = folder.split(":")[0];
   var styles = document.getElementsByTagName("style");

   var url = URLForFolderID(folder) + "/canAccessContent";
   triggerAjaxRequest(url, calendarEntryCallback, folder);

   styles[0].innerHTML += ('.ownerIs' + contactId + ' {'
			   + ' background-color: '
			   + color
			   + ' !important; }');
}

function onFolderSubscribeCB(folderData) {
   var folder = $(folderData["folder"]);
   if (!folder)
      appendCalendar(folderData["folderName"], folderData["folder"]);
}

function onFolderUnsubscribeCB(folderId) {
   var node = $(folderId);
   node.parentNode.removeChild(node);
}

function onCalendarRemove(event) {
  var nodes = $("calendarList").getSelectedNodes();
  if (nodes.length > 0) { 
     nodes[0].deselect();
     var folderId = nodes[0].getAttribute("id");
     var folderIdElements = folderId.split(":");
     if (folderIdElements.length > 1) {
	unsubscribeFromFolder(folderId, onFolderUnsubscribeCB, folderId);
     }
  }

  preventDefault(event);
}

function configureSearchField() {
   var searchValue = $("searchValue");

   Event.observe(searchValue, "mousedown",
		 onSearchMouseDown.bindAsEventListener(searchValue));
   Event.observe(searchValue, "click",
		 popupSearchMenu.bindAsEventListener(searchValue));
   Event.observe(searchValue, "blur",
		 onSearchBlur.bindAsEventListener(searchValue));
   Event.observe(searchValue, "focus",
		 onSearchFocus.bindAsEventListener(searchValue));
   Event.observe(searchValue, "keydown",
		 onSearchKeyDown.bindAsEventListener(searchValue));
}

function configureLists() {
   var list = $("tasksList");
   list.multiselect = true;
   Event.observe(list, "mousedown",
		 onTasksSelectionChange.bindAsEventListener(list));

   var input = $("showHideCompletedTasks");
   Event.observe(input, "click",
		 onShowCompletedTasks.bindAsEventListener(input));

   list = $("eventsList");
   list.multiselect = true;
   Event.observe(list, "mousedown",
		 onEventsSelectionChange.bindAsEventListener(list));
   var div = list.parentNode;
   Event.observe(div, "contextmenu",
		 onEventContextMenu.bindAsEventListener(div));
}

function initDateSelectorEvents() {
   var arrow = $("rightArrow");
   Event.observe(arrow, "click",
		 onDateSelectorGotoMonth.bindAsEventListener(arrow));
   arrow = $("leftArrow");
   Event.observe(arrow, "click",
		 onDateSelectorGotoMonth.bindAsEventListener(arrow));
   
   var menuButton = $("monthLabel");
   Event.observe(menuButton, "click",
		 popupMonthMenu.bindAsEventListener(menuButton));
   menuButton = $("yearLabel");
   Event.observe(menuButton, "click",
		 popupMonthMenu.bindAsEventListener(menuButton));
}

function initCalendars() {
   if (!document.body.hasClassName("popup")) {
      initDateSelectorEvents();
      initCalendarSelector();
      configureSearchField();
      configureLists();
      var selector = $("calendarSelector");
      if (selector)
	 selector.attachMenu("calendarsMenu");
   }
}

addEvent(window, 'load', initCalendars);