No OneTemporary
Actions

Size

353 KB

Referenced Files

None

Subscribers

None

View Options

This file is larger than 256 KB, so syntax highlighting was skipped.

	diff --git a/plugins/calendar/calendar_ui.js b/plugins/calendar/calendar_ui.js
	index 2d2c4677..925324e0 100644
	--- a/plugins/calendar/calendar_ui.js
	+++ b/plugins/calendar/calendar_ui.js
	@@ -1,4234 +1,4234 @@
	/**
	* Client UI Javascript for the Calendar plugin
	*
	* @author Lazlo Westerhof <hello@lazlo.me>
	* @author Thomas Bruederli <bruederli@kolabsys.com>
	*
	* @licstart The following is the entire license notice for the
	* JavaScript code in this file.
	*
	* Copyright (C) 2010, Lazlo Westerhof <hello@lazlo.me>
	* Copyright (C) 2014, Kolab Systems AG <contact@kolabsys.com>
	*
	* This program is free software: you can redistribute it and/or modify
	* it under the terms of the GNU Affero General Public License as
	* published by the Free Software Foundation, either version 3 of the
	* License, or (at your option) any later version.
	*
	* This program is distributed in the hope that it will be useful,
	* but WITHOUT ANY WARRANTY; without even the implied warranty of
	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	* GNU Affero General Public License for more details.
	*
	* You should have received a copy of the GNU Affero General Public License
	* along with this program. If not, see <http://www.gnu.org/licenses/>.
	*
	* @licend The above is the entire license notice
	* for the JavaScript code in this file.
	*/

	// Roundcube calendar UI client class
	function rcube_calendar_ui(settings)
	{
	// extend base class
	rcube_calendar.call(this, settings);

	/* member vars */
	this.is_loading = false;
	this.selected_event = null;
	this.selected_calendar = null;
	this.search_request = null;
	this.saving_lock;
	this.calendars = {};
	this.quickview_sources = [];


	/* private vars */
	var DAY_MS = 86400000;
	var HOUR_MS = 3600000;
	var me = this;
	var gmt_offset = (new Date().getTimezoneOffset() / -60) - (settings.timezone \|\| 0) - (settings.dst \|\| 0);
	var client_timezone = new Date().getTimezoneOffset();
	var day_clicked = day_clicked_ts = 0;
	var ignore_click = false;
	var event_defaults = { free_busy:'busy', alarms:'' };
	var event_attendees = [];
	var calendars_list;
	var calenders_search_list;
	var calenders_search_container;
	var search_calendars = {};
	var attendees_list;
	var resources_list;
	var resources_treelist;
	var resources_data = {};
	var resources_index = [];
	var resource_owners = {};
	var resources_events_source = { url:null, editable:false };
	var freebusy_ui = { workinhoursonly:false, needsupdate:false };
	var freebusy_data = {};
	var current_view = null;
	var count_sources = [];
	var exec_deferred = bw.ie6 ? 5 : 1;
	var sensitivitylabels = { 'public':rcmail.gettext('public','calendar'), 'private':rcmail.gettext('private','calendar'), 'confidential':rcmail.gettext('confidential','calendar') };
	var ui_loading = rcmail.set_busy(true, 'loading');

	// general datepicker settings
	var datepicker_settings = {
	// translate from fullcalendar format to datepicker format
	dateFormat: settings['date_format'].replace(/M/g, 'm').replace(/mmmmm/, 'MM').replace(/mmm/, 'M').replace(/dddd/, 'DD').replace(/ddd/, 'D').replace(/yy/g, 'y'),
	firstDay : settings['first_day'],
	dayNamesMin: settings['days_short'],
	monthNames: settings['months'],
	monthNamesShort: settings['months'],
	changeMonth: false,
	showOtherMonths: true,
	selectOtherMonths: true
	};

	// global fullcalendar settings
	var fullcalendar_defaults = {
	aspectRatio: 1,
	ignoreTimezone: true, // will treat the given date strings as in local (browser's) timezone
	monthNames : settings.months,
	monthNamesShort : settings.months_short,
	dayNames : settings.days,
	dayNamesShort : settings.days_short,
	firstDay : settings.first_day,
	firstHour : settings.first_hour,
	slotMinutes : 60/settings.timeslots,
	timeFormat: {
	'': settings.time_format,
	agenda: settings.time_format + '{ - ' + settings.time_format + '}',
	list: settings.time_format + '{ - ' + settings.time_format + '}',
	table: settings.time_format + '{ - ' + settings.time_format + '}'
	},
	axisFormat : settings.time_format,
	columnFormat: {
	month: 'ddd', // Mon
	week: 'ddd ' + settings.date_short, // Mon 9/7
	day: 'dddd ' + settings.date_short, // Monday 9/7
	table: settings.date_agenda
	},
	titleFormat: {
	month: 'MMMM yyyy',
	week: settings.dates_long,
	day: 'dddd ' + settings['date_long'],
	table: settings.dates_long
	},
	listPage: 7, // advance one week in agenda view
	listRange: settings.agenda_range,
	listSections: settings.agenda_sections,
	tableCols: ['handle', 'date', 'time', 'title', 'location'],
	defaultView: rcmail.env.view \|\| settings.default_view,
	allDayText: rcmail.gettext('all-day', 'calendar'),
	buttonText: {
	prev: ' ◄ ',
	next: ' ► ',
	today: settings['today'],
	day: rcmail.gettext('day', 'calendar'),
	week: rcmail.gettext('week', 'calendar'),
	month: rcmail.gettext('month', 'calendar'),
	table: rcmail.gettext('agenda', 'calendar')
	},
	listTexts: {
	until: rcmail.gettext('until', 'calendar'),
	past: rcmail.gettext('pastevents', 'calendar'),
	today: rcmail.gettext('today', 'calendar'),
	tomorrow: rcmail.gettext('tomorrow', 'calendar'),
	thisWeek: rcmail.gettext('thisweek', 'calendar'),
	nextWeek: rcmail.gettext('nextweek', 'calendar'),
	thisMonth: rcmail.gettext('thismonth', 'calendar'),
	nextMonth: rcmail.gettext('nextmonth', 'calendar'),
	future: rcmail.gettext('futureevents', 'calendar'),
	week: rcmail.gettext('weekofyear', 'calendar')
	},
	currentTimeIndicator: settings.time_indicator,
	// event rendering
	eventRender: function(event, element, view) {
	if (view.name != 'list' && view.name != 'table') {
	var prefix = event.sensitivity && event.sensitivity != 'public' ? String(sensitivitylabels[event.sensitivity]).toUpperCase()+': ' : '';
	element.attr('title', prefix + event.title);
	}
	if (view.name != 'month') {
	if (event.location) {
	element.find('div.fc-event-title').after('<div class="fc-event-location">@ ' + Q(event.location) + '</div>');
	}
	if (event.sensitivity && event.sensitivity != 'public')
	element.find('div.fc-event-time').append('<i class="fc-icon-sensitive"></i>');
	if (event.recurrence)
	element.find('div.fc-event-time').append('<i class="fc-icon-recurring"></i>');
	if (event.alarms)
	element.find('div.fc-event-time').append('<i class="fc-icon-alarms"></i>');
	}
	if (event.status) {
	element.addClass('cal-event-status-' + String(event.status).toLowerCase());
	}

	element.attr('aria-label', event.title + ', ' + me.event_date_text(event, true));
	},
	// render element indicating more (invisible) events
	overflowRender: function(data, element) {
	element.html(rcmail.gettext('andnmore', 'calendar').replace('$nr', data.count))
	.click(function(e){ me.fisheye_view(data.date); });
	},
	// callback when a specific event is clicked
	eventClick: function(event, ev, view) {
	if (!event.temp && String(event.className).indexOf('fc-type-freebusy') < 0)
	event_show_dialog(event, ev);
	}
	};

	/* imports */
	var Q = this.quote_html;
	var text2html = this.text2html;
	var event_date_text = this.event_date_text;
	var parse_datetime = this.parse_datetime;
	var date2unixtime = this.date2unixtime;
	var fromunixtime = this.fromunixtime;
	var parseISO8601 = this.parseISO8601;
	var date2servertime = this.date2ISO8601;
	var render_message_links = this.render_message_links;


	/* private methods */

	// same as str.split(delimiter) but it ignores delimiters within quoted strings
	var explode_quoted_string = function(str, delimiter)
	{
	var result = [],
	strlen = str.length,
	q, p, i, char, last;

	for (q = p = i = 0; i < strlen; i++) {
	char = str.charAt(i);
	if (char == '"' && last != '\\') {
	q = !q;
	}
	else if (!q && char == delimiter) {
	result.push(str.substring(p, i));
	p = i + 1;
	}
	last = char;
	}

	result.push(str.substr(p));
	return result;
	};

	// Change the first charcter to uppercase
	var ucfirst = function(str)
	{
	return str.charAt(0).toUpperCase() + str.substr(1);
	};

	// clone the given date object and optionally adjust time
	var clone_date = function(date, adjust)
	{
	var d = new Date(date.getTime());

	// set time to 00:00
	if (adjust == 1) {
	d.setHours(0);
	d.setMinutes(0);
	}
	// set time to 23:59
	else if (adjust == 2) {
	d.setHours(23);
	d.setMinutes(59);
	}

	return d;
	};

	// fix date if jumped over a DST change
	var fix_date = function(date)
	{
	if (date.getHours() == 23)
	date.setTime(date.getTime() + HOUR_MS);
	else if (date.getHours() > 0)
	date.setHours(0);
	};

	var date2timestring = function(date, dateonly)
	{
	return date2servertime(date).replace(/[^0-9]/g, '').substr(0, (dateonly ? 8 : 14));
	}

	var format_datetime = function(date, mode, voice)
	{
	return me.format_datetime(date, mode, voice);
	}

	var render_link = function(url)
	{
	var islink = false, href = url;
	if (url.match(/^[fhtpsmailo]+?:\/\//i)) {
	islink = true;
	}
	else if (url.match(/^[a-z0-9.-:]+(\/\|$)/i)) {
	islink = true;
	href = 'http://' + url;
	}
	return islink ? '<a href="' + Q(href) + '" target="_blank">' + Q(url) + '</a>' : Q(url);
	}

	// determine whether the given date is on a weekend
	var is_weekend = function(date)
	{
	return date.getDay() == 0 \|\| date.getDay() == 6;
	};

	var is_workinghour = function(date)
	{
	if (settings['work_start'] > settings['work_end'])
	return date.getHours() >= settings['work_start'] \|\| date.getHours() < settings['work_end'];
	else
	return date.getHours() >= settings['work_start'] && date.getHours() < settings['work_end'];
	};

	// check if the event has 'real' attendees, excluding the current user
	var has_attendees = function(event)
	{
	return (event.attendees && event.attendees.length && (event.attendees.length > 1 \|\| String(event.attendees[0].email).toLowerCase() != settings.identity.email));
	};

	// check if the current user is an attendee of this event
	var is_attendee = function(event, role, email)
	{
	var emails = email ? ';'+email.toLowerCase() : settings.identity.emails;
	for (var i=0; event.attendees && i < event.attendees.length; i++) {
	if ((!role \|\| event.attendees[i].role == role) && event.attendees[i].email && emails.indexOf(';'+event.attendees[i].email.toLowerCase()) >= 0)
	return event.attendees[i];
	}
	return false;
	};

	// check if the current user is the organizer
	var is_organizer = function(event, email)
	{
	return is_attendee(event, 'ORGANIZER', email) \|\| !event.id;
	};

	var load_attachment = function(event, att)
	{
	var query = { _id: att.id, _event: event.recurrence_id \|\| event.id, _cal:event.calendar, _frame: 1 };
	if (event.rev)
	query._rev = event.rev;

	// open attachment in frame if it's of a supported mimetype
	if (id && att.mimetype && $.inArray(att.mimetype, settings.mimetypes)>=0) {
	if (rcmail.open_window(rcmail.url('get-attachment', query), true, true)) {
	return;
	}
	}

	query._frame = null;
	query._download = 1;
	rcmail.goto_url('get-attachment', query, false);
	};

	// build event attachments list
	var event_show_attachments = function(list, container, event, edit)
	{
	var i, id, len, img, content, li, elem,
	ul = document.createElement('UL');
	ul.className = 'attachmentslist';

	for (i=0, len=list.length; i<len; i++) {
	elem = list[i];
	li = document.createElement('LI');
	li.className = elem.classname;

	if (edit) {
	rcmail.env.attachments[elem.id] = elem;
	// delete icon
	content = $('<a href="#delete" />')
	.attr('title', rcmail.gettext('delete'))
	.attr('aria-label', rcmail.gettext('delete') + ' ' + Q(elem.name))
	.addClass('delete')
	.click({id: elem.id}, function(e) { remove_attachment(this, e.data.id); return false; });

	if (!rcmail.env.deleteicon)
	content.html(rcmail.gettext('delete'));
	else {
	img = document.createElement('IMG');
	img.src = rcmail.env.deleteicon;
	img.alt = rcmail.gettext('delete');
	content.append(img);
	}

	content.appendTo(li);
	}

	// name/link
	content = $('<a href="#load" />')
	.html(Q(elem.name))
	.addClass('file')
	.click({event: event, att: elem}, function(e) {
	load_attachment(e.data.event, e.data.att);
	return false;
	})
	.appendTo(li);

	ul.appendChild(li);
	}

	if (edit && rcmail.gui_objects.attachmentlist) {
	ul.id = rcmail.gui_objects.attachmentlist.id;
	rcmail.gui_objects.attachmentlist = ul;
	}

	container.empty().append(ul);
	};

	var remove_attachment = function(elem, id)
	{
	$(elem.parentNode).hide();
	rcmail.env.deleted_attachments.push(id);
	delete rcmail.env.attachments[id];
	};

	// event details dialog (show only)
	var event_show_dialog = function(event, ev, temp)
	{
	var $dialog = $("#eventshow");
	var calendar = event.calendar && me.calendars[event.calendar] ? me.calendars[event.calendar] : { editable:false };

	if (!temp)
	me.selected_event = event;

	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	// remove status-* classes
	$dialog.removeClass(function(i, oldclass) {
	var oldies = String(oldclass).split(' ');
	return $.grep(oldies, function(cls) { return cls.indexOf('status-') === 0 \|\| cls.indexOf('sensitivity-') === 0 }).join(' ');
	});

	// convert start/end dates if not done yet by fullcalendar
	if (typeof event.start == 'string')
	event.start = parseISO8601(event.start);
	if (typeof event.end == 'string')
	event.end = parseISO8601(event.end);

	// allow other plugins to do actions when event form is opened
	rcmail.triggerEvent('calendar-event-init', {o: event});

	$dialog.find('div.event-section, div.event-line').hide();
	$('#event-title').html(Q(event.title)).show();

	if (event.location)
	$('#event-location').html('@ ' + text2html(event.location)).show();
	if (event.description)
	$('#event-description').show().children('.event-text').html(text2html(event.description, 300, 6));
	if (event.vurl)
	$('#event-url').show().children('.event-text').html(render_link(event.vurl));

	// render from-to in a nice human-readable way
	// -> now shown in dialog title
	// $('#event-date').html(Q(me.event_date_text(event))).show();

	if (event.recurrence && event.recurrence_text)
	$('#event-repeat').show().children('.event-text').html(Q(event.recurrence_text));

	if (event.valarms && event.alarms_text)
	$('#event-alarm').show().children('.event-text').html(Q(event.alarms_text));

	if (calendar.name)
	$('#event-calendar').show().children('.event-text').html(Q(calendar.name)).attr('class', 'event-text cal-'+calendar.id).css('color', calendar.textColor \|\| calendar.color \|\| '');
	if (event.categories)
	$('#event-category').show().children('.event-text').html(Q(event.categories)).attr('class', 'event-text cat-'+String(event.categories).toLowerCase().replace(rcmail.identifier_expr, ''));
	if (event.free_busy)
	$('#event-free-busy').show().children('.event-text').html(Q(rcmail.gettext(event.free_busy, 'calendar')));
	if (event.priority > 0) {
	var priolabels = [ '', rcmail.gettext('highest'), rcmail.gettext('high'), '', '', rcmail.gettext('normal'), '', '', rcmail.gettext('low'), rcmail.gettext('lowest') ];
	$('#event-priority').show().children('.event-text').html(Q(event.priority+' '+priolabels[event.priority]));
	}

	if (event.status) {
	var status_lc = String(event.status).toLowerCase();
	$('#event-status').show().children('.event-text').html(Q(rcmail.gettext('status-'+status_lc,'calendar')));
	$dialog.addClass('status-'+status_lc);
	}
	if (event.sensitivity && event.sensitivity != 'public') {
	$('#event-sensitivity').show().children('.event-text').html(Q(sensitivitylabels[event.sensitivity]));
	$dialog.addClass('sensitivity-'+event.sensitivity);
	}
	if (event.created \|\| event.changed) {
	var created = parseISO8601(event.created),
	changed = parseISO8601(event.changed)
	$('#event-created-changed .event-created').html(Q(created ? format_datetime(created) : rcmail.gettext('unknown','calendar')))
	$('#event-created-changed .event-changed').html(Q(changed ? format_datetime(changed) : rcmail.gettext('unknown','calendar')))
	$('#event-created-changed').show()
	}

	// create attachments list
	if ($.isArray(event.attachments)) {
	event_show_attachments(event.attachments, $('#event-attachments').children('.event-text'), event);
	if (event.attachments.length > 0) {
	$('#event-attachments').show();
	}
	}
	else if (calendar.attachments) {
	// fetch attachments, some drivers doesn't set 'attachments' prop of the event?
	}

	// build attachments list
	$('#event-links').hide();
	if ($.isArray(event.links) && event.links.length) {
	render_message_links(event.links \|\| [], $('#event-links').children('.event-text'), false, 'calendar');
	$('#event-links').show();
	}

	// list event attendees
	if (calendar.attendees && event.attendees) {
	// sort resources to the end
	event.attendees.sort(function(a,b) {
	var j = a.cutype == 'RESOURCE' ? 1 : 0,
	k = b.cutype == 'RESOURCE' ? 1 : 0;
	return (j - k);
	});

	var data, mystatus = null, rsvp, line, morelink, html = '', overflow = '';
	for (var j=0; j < event.attendees.length; j++) {
	data = event.attendees[j];
	if (data.email) {
	if (data.role == 'ORGANIZER')
	organizer = true;
	else if (settings.identity.emails.indexOf(';'+data.email) >= 0) {
	mystatus = data.status.toLowerCase();
	if (data.status == 'NEEDS-ACTION' \|\| data.status == 'TENTATIVE' \|\| data.rsvp)
	rsvp = mystatus;
	}
	}

	line = event_attendee_html(data);

	if (morelink)
	overflow += line;
	else
	html += line;

	// stop listing attendees
	if (j == 7 && event.attendees.length >= 7) {
	morelink = $('<a href="#more" class="morelink"></a>').html(rcmail.gettext('andnmore', 'calendar').replace('$nr', event.attendees.length - j - 1));
	}
	}

	if (html && (event.attendees.length > 1 \|\| !organizer)) {
	$('#event-attendees').show()
	.children('.event-text')
	.html(html)
	.find('a.mailtolink').click(event_attendee_click);

	// display all attendees in a popup when clicking the "more" link
	if (morelink) {
	$('#event-attendees .event-text').append(morelink);
	morelink.click(function(e){
	rcmail.show_popup_dialog(
	'<div id="all-event-attendees" class="event-attendees">' + html + overflow + '</div>',
	rcmail.gettext('tabattendees','calendar'),
	null,
	{ width:450, modal:false });
	$('#all-event-attendees a.mailtolink').click(event_attendee_click);
	return false;
	})
	}
	}

	if (mystatus && !rsvp) {
	$('#event-partstat').show().children('.changersvp')
	.removeClass('accepted tentative declined delegated needs-action')
	.addClass(mystatus)
	.children('.event-text')
	.html(Q(rcmail.gettext('itip' + mystatus, 'libcalendaring')));
	}

	var show_rsvp = rsvp && !is_organizer(event) && event.status != 'CANCELLED';
	$('#event-rsvp')[(show_rsvp ? 'show' : 'hide')]();
	$('#event-rsvp .rsvp-buttons input').prop('disabled', false).filter('input[rel='+mystatus+']').prop('disabled', true);

	if (show_rsvp && event.comment)
	$('#event-rsvp-comment').show().children('.event-text').html(Q(event.comment));

	$('#event-rsvp a.reply-comment-toggle').show();
	$('#event-rsvp .itip-reply-comment textarea').hide().val('');
	}

	var buttons = [];
	if (!temp && calendar.editable && event.editable !== false) {
	buttons.push({
	text: rcmail.gettext('edit', 'calendar'),
	click: function() {
	event_edit_dialog('edit', event);
	}
	});
	buttons.push({
	text: rcmail.gettext('delete', 'calendar'),
	'class': 'delete',
	click: function() {
	me.delete_event(event);
	$dialog.dialog('close');
	}
	});
	}
	else {
	buttons.push({
	text: rcmail.gettext('close', 'calendar'),
	click: function(){
	$dialog.dialog('close');
	}
	});
	}

	// open jquery UI dialog
	$dialog.dialog({
	modal: false,
	resizable: !bw.ie6,
	closeOnEscape: (!bw.ie6 && !bw.ie7), // disable for performance reasons
	title: me.event_date_text(event),
	open: function() {
	$dialog.attr('aria-hidden', 'false');
	setTimeout(function(){
	$dialog.parent().find('.ui-button:not(.ui-dialog-titlebar-close)').first().focus();
	}, 5);
	},
	close: function() {
	$dialog.dialog('destroy').attr('aria-hidden', 'true').hide();
	rcmail.command('menu-close','eventoptionsmenu')
	},
	dragStart: function() {
	rcmail.command('menu-close','eventoptionsmenu')
	},
	resizeStart: function() {
	rcmail.command('menu-close','eventoptionsmenu')
	},
	buttons: buttons,
	minWidth: 320,
	width: 420
	}).show();

	// remember opener element (to be focused on close)
	$dialog.data('opener', ev && rcube_event.is_keyboard(ev) ? ev.target : null);

	// set voice title on dialog widget
	$dialog.dialog('widget').removeAttr('aria-labelledby')
	.attr('aria-label', me.event_date_text(event, true) + ', ', event.title);

	// set dialog size according to content
	me.dialog_resize($dialog.get(0), $dialog.height(), 420);

	// add link for "more options" drop-down
	if (!temp && !event.temporary && event.calendar != '_resource') {
	$('<a>')
	.attr('href', '#')
	.html(rcmail.gettext('eventoptions','calendar'))
	.addClass('dropdown-link')
	.click(function(e) {
	return rcmail.command('menu-open','eventoptionsmenu', this, e)
	})
	.appendTo($dialog.parent().find('.ui-dialog-buttonset'));
	}

	rcmail.enable_command('event-history', calendar.history)
	};

	// render HTML code for displaying an attendee record
	var event_attendee_html = function(data)
	{
	var dispname = Q(data.name \|\| data.email), tooltip = '';

	if (data.email) {
	tooltip = data.email + '; ' + data.status;
	dispname = '<a href="mailto:' + data.email + '" class="mailtolink" data-cutype="' + data.cutype + '">' + dispname + '</a>';
	}

	if (data['delegated-to'])
	tooltip = rcmail.gettext('delegatedto', 'calendar') + data['delegated-to'];
	else if (data['delegated-from'])
	tooltip = rcmail.gettext('delegatedfrom', 'calendar') + data['delegated-from'];

	return '<span class="attendee ' + String(data.role == 'ORGANIZER' ? 'organizer' : data.status).toLowerCase() + '" title="' + Q(tooltip) + '">' + dispname + '</span> ';
	};

	// event handler for clicks on an attendee link
	var event_attendee_click = function(e)
	{
	var cutype = $(this).attr('data-cutype'),
	mailto = this.href.substr(7);
	if (rcmail.env.calendar_resources && cutype == 'RESOURCE') {
	event_resources_dialog(mailto);
	}
	else {
	rcmail.command('compose', mailto, e ? e.target : null, e);
	}
	return false;
	};

	// bring up the event dialog (jquery-ui popup)
	var event_edit_dialog = function(action, event)
	{
	// copy opener element from show dialog
	var op_elem = $("#eventshow:ui-dialog").data('opener');

	// close show dialog first
	$("#eventshow:ui-dialog").data('opener', null).dialog('close');

	var $dialog = $('<div>');
	var calendar = event.calendar && me.calendars[event.calendar] ? me.calendars[event.calendar] : { editable:action=='new' };
	me.selected_event = $.extend($.extend({}, event_defaults), event); // clone event object (with defaults)
	event = me.selected_event; // change reference to clone
	freebusy_ui.needsupdate = false;

	// reset dialog first
	$('#eventtabs').get(0).reset();

	// allow other plugins to do actions when event form is opened
	rcmail.triggerEvent('calendar-event-init', {o: event});

	// event details
	var title = $('#edit-title').val(event.title \|\| '');
	var location = $('#edit-location').val(event.location \|\| '');
	var description = $('#edit-description').text(event.description \|\| '');
	var vurl = $('#edit-url').val(event.vurl \|\| '');
	var categories = $('#edit-categories').val(event.categories);
	var calendars = $('#edit-calendar').val(event.calendar);
	var eventstatus = $('#edit-event-status').val(event.status);
	var freebusy = $('#edit-free-busy').val(event.free_busy);
	var priority = $('#edit-priority').val(event.priority);
	var sensitivity = $('#edit-sensitivity').val(event.sensitivity);

	var duration = Math.round((event.end.getTime() - event.start.getTime()) / 1000);
	var startdate = $('#edit-startdate').val($.fullCalendar.formatDate(event.start, settings['date_format'])).data('duration', duration);
	var starttime = $('#edit-starttime').val($.fullCalendar.formatDate(event.start, settings['time_format'])).show();
	var enddate = $('#edit-enddate').val($.fullCalendar.formatDate(event.end, settings['date_format']));
	var endtime = $('#edit-endtime').val($.fullCalendar.formatDate(event.end, settings['time_format'])).show();
	var allday = $('#edit-allday').get(0);
	var notify = $('#edit-attendees-donotify').get(0);
	var invite = $('#edit-attendees-invite').get(0);
	var comment = $('#edit-attendees-comment');

	invite.checked = settings.itip_notify & 1 > 0;
	notify.checked = has_attendees(event) && invite.checked;

	if (event.allDay) {
	starttime.val("12:00").hide();
	endtime.val("13:00").hide();
	allday.checked = true;
	}
	else {
	allday.checked = false;
	}

	// set alarm(s)
	me.set_alarms_edit('#edit-alarms', action != 'new' && event.valarms && calendar.alarms ? event.valarms : []);

	// enable/disable alarm property according to backend support
	$('#edit-alarms')[(calendar.alarms ? 'show' : 'hide')]();

	// check categories drop-down: add value if not exists
	if (event.categories && !categories.find("option[value='"+event.categories+"']").length) {
	$('<option>').attr('value', event.categories).text(event.categories).appendTo(categories).prop('selected', true);
	}

	if ($.isArray(event.links) && event.links.length) {
	render_message_links(event.links, $('#edit-event-links .event-text'), true, 'calendar');
	$('#edit-event-links').show();
	}
	else {
	$('#edit-event-links').hide();
	}

	// show warning if editing a recurring event
	if (event.id && event.recurrence) {
	var sel = event.thisandfuture ? 'future' : (event.isexception ? 'current' : 'all');
	$('#edit-recurring-warning').show();
	$('input.edit-recurring-savemode[value="'+sel+'"]').prop('checked', true);
	}
	else
	$('#edit-recurring-warning').hide();

	// init attendees tab
	var organizer = !event.attendees \|\| is_organizer(event),
	allow_invitations = organizer \|\| (calendar.owner && calendar.owner == 'anonymous') \|\| settings.invite_shared;
	event_attendees = [];
	attendees_list = $('#edit-attendees-table > tbody').html('');
	resources_list = $('#edit-resources-table > tbody').html('');
	$('#edit-attendees-notify')[(allow_invitations && has_attendees(event) && (settings.itip_notify & 2) ? 'show' : 'hide')]();
	$('#edit-localchanges-warning')[(has_attendees(event) && !(allow_invitations \|\| (calendar.owner && is_organizer(event, calendar.owner))) ? 'show' : 'hide')]();

	var load_attendees_tab = function()
	{
	var j, data, reply_selected = 0;
	if (event.attendees) {
	for (j=0; j < event.attendees.length; j++) {
	data = event.attendees[j];
	add_attendee(data, !allow_invitations);
	if (allow_invitations && data.role != 'ORGANIZER' && !data.noreply)
	reply_selected++;
	}
	}

	// make sure comment box is visible if at least one attendee has reply enabled
	// or global "send invitations" checkbox is checked
	$('#eventedit .attendees-commentbox')[(reply_selected \|\| invite.checked ? 'show' : 'hide')]();

	// select the correct organizer identity
	var identity_id = 0;
	$.each(settings.identities, function(i,v){
	if (organizer && v == organizer.email) {
	identity_id = i;
	return false;
	}
	});
	$('#edit-identities-list').val(identity_id);
	$('#edit-attendees-form')[(allow_invitations?'show':'hide')]();
	$('#edit-attendee-schedule')[(calendar.freebusy?'show':'hide')]();
	};

	// attachments
	var load_attachments_tab = function()
	{
	rcmail.enable_command('remove-attachment', !calendar.readonly);
	rcmail.env.deleted_attachments = [];
	// we're sharing some code for uploads handling with app.js
	rcmail.env.attachments = [];
	rcmail.env.compose_id = event.id; // for rcmail.async_upload_form()

	if ($.isArray(event.attachments)) {
	event_show_attachments(event.attachments, $('#edit-attachments'), event, true);
	}
	else {
	$('#edit-attachments > ul').empty();
	// fetch attachments, some drivers doesn't set 'attachments' array for event?
	}
	};

	// init dialog buttons
	var buttons = [];

	// save action
	buttons.push({
	text: rcmail.gettext('save', 'calendar'),
	'class': 'mainaction',
	click: function() {
	var start = parse_datetime(allday.checked ? '12:00' : starttime.val(), startdate.val());
	var end = parse_datetime(allday.checked ? '13:00' : endtime.val(), enddate.val());

	// basic input validatetion
	if (start.getTime() > end.getTime()) {
	alert(rcmail.gettext('invalideventdates', 'calendar'));
	return false;
	}

	// post data to server
	var data = {
	calendar: event.calendar,
	start: date2servertime(start),
	end: date2servertime(end),
	allday: allday.checked?1:0,
	title: title.val(),
	description: description.val(),
	location: location.val(),
	categories: categories.val(),
	vurl: vurl.val(),
	free_busy: freebusy.val(),
	priority: priority.val(),
	sensitivity: sensitivity.val(),
	status: eventstatus.val(),
	recurrence: me.serialize_recurrence(endtime.val()),
	valarms: me.serialize_alarms('#edit-alarms'),
	attendees: event_attendees,
	links: me.selected_event.links,
	deleted_attachments: rcmail.env.deleted_attachments,
	attachments: []
	};

	// uploaded attachments list
	for (var i in rcmail.env.attachments)
	if (i.match(/^rcmfile(.+)/))
	data.attachments.push(RegExp.$1);

	// read attendee roles
	$('select.edit-attendee-role').each(function(i, elem){
	if (data.attendees[i])
	data.attendees[i].role = $(elem).val();
	});

	if (organizer)
	data._identity = $('#edit-identities-list option:selected').val();

	// don't submit attendees if only myself is added as organizer
	if (data.attendees.length == 1 && data.attendees[0].role == 'ORGANIZER' && String(data.attendees[0].email).toLowerCase() == settings.identity.email)
	data.attendees = [];

	// per-attendee notification suppression
	var need_invitation = false;
	if (allow_invitations) {
	$.each(data.attendees, function (i, v) {
	if (v.role != 'ORGANIZER') {
	if ($('input.edit-attendee-reply[value="' + v.email + '"]').prop('checked') \|\| v.cutype == 'RESOURCE') {
	need_invitation = true;
	delete data.attendees[i]['noreply'];
	}
	else if (settings.itip_notify > 0) {
	data.attendees[i].noreply = 1;
	}
	}
	});
	}

	// tell server to send notifications
	if ((data.attendees.length \|\| (event.id && event.attendees.length)) && allow_invitations && (notify.checked \|\| invite.checked \|\| need_invitation)) {
	data._notify = settings.itip_notify;
	data._comment = comment.val();
	}

	data.calendar = calendars.val();

	if (event.id) {
	data.id = event.id;
	if (event.recurrence)
	data._savemode = $('input.edit-recurring-savemode:checked').val();
	if (data.calendar && data.calendar != event.calendar)
	data._fromcalendar = event.calendar;
	}

	update_event(action, data);
	$dialog.dialog("close");
	} // end click:
	});

	if (event.id) {
	buttons.push({
	text: rcmail.gettext('delete', 'calendar'),
	'class': 'delete',
	click: function() {
	me.delete_event(event);
	$dialog.dialog('close');
	}
	});
	}

	buttons.push({
	text: rcmail.gettext('cancel', 'calendar'),
	click: function() {
	$dialog.dialog("close");
	}
	});

	// show/hide tabs according to calendar's feature support
	$('#edit-tab-attendees')[(calendar.attendees?'show':'hide')]();
	$('#edit-tab-resources')[(rcmail.env.calendar_resources?'show':'hide')]();
	$('#edit-tab-attachments')[(calendar.attachments?'show':'hide')]();

	// activate the first tab
	$('#eventtabs').tabs('option', 'active', 0);

	// hack: set task to 'calendar' to make all dialog actions work correctly
	var comm_path_before = rcmail.env.comm_path;
	rcmail.env.comm_path = comm_path_before.replace(/_task=[a-z]+/, '_task=calendar');

	var editform = $("#eventedit");

	// open jquery UI dialog
	$dialog.dialog({
	modal: true,
	resizable: (!bw.ie6 && !bw.ie7), // disable for performance reasons
	closeOnEscape: false,
	title: rcmail.gettext((action == 'edit' ? 'edit_event' : 'new_event'), 'calendar'),
	open: function() {
	editform.attr('aria-hidden', 'false');
	},
	close: function() {
	editform.hide().attr('aria-hidden', 'true').appendTo(document.body);
	$dialog.dialog("destroy").remove();
	rcmail.ksearch_blur();
	freebusy_data = {};
	rcmail.env.comm_path = comm_path_before; // restore comm_path
	if (op_elem)
	$(op_elem).focus();
	},
	buttons: buttons,
	minWidth: 500,
	width: 600
	}).append(editform.show()); // adding form content AFTERWARDS massively speeds up opening on IE6

	// set dialog size according to form content
	me.dialog_resize($dialog.get(0), editform.height() + (bw.ie ? 20 : 0), 550);

	title.select();

	// init other tabs asynchronously
	window.setTimeout(function(){ me.set_recurrence_edit(event); }, exec_deferred);
	if (calendar.attendees)
	window.setTimeout(load_attendees_tab, exec_deferred);
	if (calendar.attachments)
	window.setTimeout(load_attachments_tab, exec_deferred);
	};

	// show event changelog in a dialog
	var event_history_dialog = function(event)
	{
	if (!event.id)
	return false

	// render dialog
	$dialog = $('#eventhistory');

	// close show dialog first
	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	var buttons = {};
	buttons[rcmail.gettext('close', 'calendar')] = function() {
	$dialog.dialog('close');
	};

	// hide and reset changelog table
	$('#event-changelog-table').children('tbody')
	.html('<tr><td colspan="6"><span class="loading">'+ rcmail.gettext('loading') +'</span></td></tr>');

	// open jquery UI dialog
	$dialog.dialog({
	modal: false,
	resizable: true,
	closeOnEscape: true,
	title: rcmail.gettext('eventchangelog','calendar') + ' - ' + event.title + ', ' + me.event_date_text(event),
	open: function() {
	$dialog.attr('aria-hidden', 'false');
	setTimeout(function(){
	$dialog.parent().find('.ui-button:not(.ui-dialog-titlebar-close)').first().focus();
	}, 5);
	},
	close: function() {
	$dialog.dialog('destroy').attr('aria-hidden', 'true').hide();
	},
	buttons: buttons,
	minWidth: 450,
	width: 650,
	height: 350,
	minHeight: 200,
	})
	.data('event', event)
	.show().children('.compare-button').hide();

	// set dialog size according to content
	// me.dialog_resize($dialog.get(0), $dialog.height(), 650);

	// fetch changelog data
	me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
	rcmail.http_post('event', { action:'changelog', e:{ id:event.id, calendar:event.calendar } }, me.loading_lock);

	// initialize event handlers for history dialog UI elements
	if (!$dialog.data('initialized')) {
	// compare button
	$dialog.find('.compare-button input').click(function(e) {
	var rev1 = $('#event-changelog-table input.diff-rev1:checked').val(),
	rev2 = $('#event-changelog-table input.diff-rev2:checked').val(),
	event = $('#eventhistory').data('event');

	if (rev1 && rev2 && rev1 != rev2) {
	// swap revisions if the user got it wrong
	if (rev1 > rev2) {
	var tmp = rev2;
	rev2 = rev1;
	rev1 = tmp;
	}

	me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
	rcmail.http_post('event', { action:'diff', e:{ id:event.id, calendar:event.calendar, rev: rev1+':'+rev2 } }, me.loading_lock);
	}
	else {
	alert('Invalid selection!')
	}
	});

	// delegate handlers for list actions
	$('#event-changelog-table tbody').on('click', 'td.actions a', function(e) {
	var link = $(this),
	action = link.hasClass('restore') ? 'restore' : 'show',
	event = $('#eventhistory').data('event'),
	rev = link.attr('data-rev');

	// ignore clicks on first row (current revision)
	if (link.closest('tr').hasClass('first')) {
	return false;
	}

	// let the user confirm the restore action
	if (action == 'restore' && !confirm(rcmail.gettext('eventrestoreconfirm','calendar').replace('$rev', rev))) {
	return false;
	}

	me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
	rcmail.http_post('event', { action:action, e:{ id:event.id, calendar:event.calendar, rev: rev } }, me.loading_lock);
	return false;
	});

	$dialog.data('initialized', true);
	}
	};

	// callback from server with changelog data
	var render_event_changelog = function(data)
	{
	var $dialog = $('#eventhistory');

	if (data === false \|\| !data.length) {
	$dialog.dialog('close');
	return
	}

	var i, change, accessible, op_append, first = data.length -1, last = 0,
	op_labels = { APPEND: 'actionappend', MOVE: 'actionmove', DELETE: 'actiondelete' },
	actions = '<a href="#show" class="iconbutton preview" title="'+ rcmail.gettext('showrevision','calendar') +'" data-rev="{rev}" /> ' +
	'<a href="#restore" class="iconbutton restore" title="'+ rcmail.gettext('restore','calendar') + '" data-rev="{rev}" />',
	tbody = $('#event-changelog-table tbody').html('');

	for (i=first; i >= 0; i--) {
	change = data[i];
	accessible = change.date && change.user;

	if (change.op == 'MOVE' && change.folder) {
	op_append = ' ⇢ ' + change.folder;
	}
	else {
	op_append = '';
	}

	$('<tr class="' + (i == first ? 'first' : (i == last ? 'last' : '')) + (accessible ? '' : 'undisclosed') + '">')
	.append('<td class="diff">' + (accessible && change.op != 'DELETE' ?
	'<input type="radio" name="rev1" class="diff-rev1" value="' + change.rev + '" title="" '+ (i == last ? 'checked="checked"' : '') +' /> '+
	'<input type="radio" name="rev2" class="diff-rev2" value="' + change.rev + '" title="" '+ (i == first ? 'checked="checked"' : '') +' /></td>'
	: ''))
	.append('<td class="revision">' + Q(change.rev) + '</td>')
	.append('<td class="date">' + Q(change.date ? format_datetime(parseISO8601(change.date)) : '') + '</td>')
	.append('<td class="user">' + Q(change.user \|\| 'undisclosed') + '</td>')
	.append('<td class="operation" title="' + op_append + '">' + Q(rcmail.gettext(op_labels[change.op] \|\| '', 'calendar') + (op_append ? ' ...' : '')) + '</td>')
	.append('<td class="actions">' + (accessible && change.op != 'DELETE' ? actions.replace(/\{rev\}/g, change.rev) : '') + '</td>')
	.appendTo(tbody);
	}

	if (first > 0)
	$('#eventhistory .compare-button').fadeIn(200);

	// set dialog size according to content
	me.dialog_resize($dialog.get(0), $dialog.height(), 600);
	};

	// callback from server with event diff data
	var event_show_diff = function(data)
	{
	var event = me.selected_event,
	$dialog = $("#eventdiff");

	$dialog.find('div.event-section, div.event-line, h1.event-title-new').hide().data('set', false).find('.index').html('');
	$dialog.find('div.event-section.clone, div.event-line.clone').remove();

	// always show event title and date
	$('.event-title', $dialog).text(event.title).removeClass('event-text-old').show();
	$('.event-date', $dialog).text(me.event_date_text(event)).show();

	// show each property change
	$.each(data.changes, function(i,change) {
	var prop = change.property, r2, html = false,
	row = $('div.event-' + prop, $dialog).first();

	// special case: title
	if (prop == 'title') {
	$('.event-title', $dialog).addClass('event-text-old').text(change.old \|\| '--');
	$('.event-title-new', $dialog).text(change.new \|\| '--').show();
	}

	// no display container for this property
	if (!row.length) {
	return true;
	}

	// clone row if already exists
	if (row.data('set')) {
	r2 = row.clone().addClass('clone').insertAfter(row);
	row = r2;
	}

	// format dates
	if (['start','end','changed'].indexOf(prop) >= 0) {
	if (change.old) change.old_ = me.format_datetime(parseISO8601(change.old));
	if (change.new) change.new_ = me.format_datetime(parseISO8601(change.new));
	}
	// render description text
	else if (prop == 'description') {
	// TODO: show real text diff
	if (!change.diff_ && change.old) change.old_ = text2html(change.old);
	if (!change.diff_ && change.new) change.new_ = text2html(change.new);
	html = true;
	}
	// format attendees struct
	else if (prop == 'attendees') {
	if (change.old) change.old_ = event_attendee_html(change.old);
	if (change.new) change.new_ = event_attendee_html($.extend({}, change.old \|\| {}, change.new));
	html = true;
	}
	// localize priority values
	else if (prop == 'priority') {
	var priolabels = [ '', rcmail.gettext('highest'), rcmail.gettext('high'), '', '', rcmail.gettext('normal'), '', '', rcmail.gettext('low'), rcmail.gettext('lowest') ];
	if (change.old) change.old_ = change.old + ' ' + (priolabels[change.old] \|\| '');
	if (change.new) change.new_ = change.new + ' ' + (priolabels[change.new] \|\| '');
	}
	// localize status
	else if (prop == 'status') {
	var status_lc = String(event.status).toLowerCase();
	if (change.old) change.old_ = rcmail.gettext(String(change.old).toLowerCase(), 'calendar');
	if (change.new) change.new_ = rcmail.gettext(String(change.new).toLowerCase(), 'calendar');
	}

	// format attachments struct
	if (prop == 'attachments') {
	if (change.old) event_show_attachments([change.old], row.children('.event-text-old'), event, false);
	else row.children('.event-text-old').text('--');
	if (change.new) event_show_attachments([$.extend({}, change.old \|\| {}, change.new)], row.children('.event-text-new'), event, false);
	else row.children('.event-text-new').text('--');
	// remove click handler as we're currentyl not able to display the according attachment contents
	$('.attachmentslist li a', row).unbind('click').removeAttr('href');
	}
	else if (change.diff_) {
	row.children('.event-text-diff').html(change.diff_);
	row.children('.event-text-old, .event-text-new').hide();
	}
	else {
	if (!html) {
	// escape HTML characters
	change.old_ = Q(change.old_ \|\| change.old \|\| '--')
	change.new_ = Q(change.new_ \|\| change.new \|\| '--')
	}
	row.children('.event-text-old').html(change.old_ \|\| change.old \|\| '--');
	row.children('.event-text-new').html(change.new_ \|\| change.new \|\| '--');
	}

	// display index number
	if (typeof change.index != 'undefined') {
	row.find('.index').html('(' + change.index + ')');
	}

	row.show().data('set', true);

	// hide event-date line
	if (prop == 'start' \|\| prop == 'end')
	$('.event-date', $dialog).hide();
	});

	var buttons = {};
	buttons[rcmail.gettext('close', 'calendar')] = function() {
	$dialog.dialog('close');
	};

	// open jquery UI dialog
	$dialog.dialog({
	modal: false,
	resizable: true,
	closeOnEscape: true,
	title: rcmail.gettext('eventdiff','calendar').replace('$rev', data.rev) + ' - ' + event.title,
	open: function() {
	$dialog.attr('aria-hidden', 'false');
	setTimeout(function(){
	$dialog.parent().find('.ui-button:not(.ui-dialog-titlebar-close)').first().focus();
	}, 5);
	},
	close: function() {
	$dialog.dialog('destroy').attr('aria-hidden', 'true').hide();
	},
	buttons: buttons,
	minWidth: 320,
	width: 450
	}).show();

	// set dialog size according to content
	me.dialog_resize($dialog.get(0), $dialog.height(), 400);
	};

	// exports
	this.event_show_diff = event_show_diff;
	this.event_show_dialog = event_show_dialog;
	this.event_history_dialog = event_history_dialog;
	this.render_event_changelog = render_event_changelog;

	// open a dialog to display detailed free-busy information and to find free slots
	var event_freebusy_dialog = function()
	{
	var $dialog = $('#eventfreebusy'),
	event = me.selected_event;

	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	if (!event_attendees.length)
	return false;

	// set form elements
	var allday = $('#edit-allday').get(0);
	var duration = Math.round((event.end.getTime() - event.start.getTime()) / 1000);
	freebusy_ui.startdate = $('#schedule-startdate').val($.fullCalendar.formatDate(event.start, settings['date_format'])).data('duration', duration);
	freebusy_ui.starttime = $('#schedule-starttime').val($.fullCalendar.formatDate(event.start, settings['time_format'])).show();
	freebusy_ui.enddate = $('#schedule-enddate').val($.fullCalendar.formatDate(event.end, settings['date_format']));
	freebusy_ui.endtime = $('#schedule-endtime').val($.fullCalendar.formatDate(event.end, settings['time_format'])).show();

	if (allday.checked) {
	freebusy_ui.starttime.val("12:00").hide();
	freebusy_ui.endtime.val("13:00").hide();
	event.allDay = true;
	}

	// read attendee roles from drop-downs
	$('select.edit-attendee-role').each(function(i, elem){
	if (event_attendees[i])
	event_attendees[i].role = $(elem).val();
	});

	// render time slots
	var now = new Date(), fb_start = new Date(), fb_end = new Date();
	fb_start.setTime(event.start);
	fb_start.setHours(0); fb_start.setMinutes(0); fb_start.setSeconds(0); fb_start.setMilliseconds(0);
	fb_end.setTime(fb_start.getTime() + DAY_MS);

	freebusy_data = { required:{}, all:{} };
	freebusy_ui.loading = 1; // prevent render_freebusy_grid() to load data yet
	freebusy_ui.numdays = Math.max(allday.checked ? 14 : 1, Math.ceil(duration * 2 / 86400));
	freebusy_ui.interval = allday.checked ? 1440 : 60;
	freebusy_ui.start = fb_start;
	freebusy_ui.end = new Date(freebusy_ui.start.getTime() + DAY_MS * freebusy_ui.numdays);
	render_freebusy_grid(0);

	// render list of attendees
	freebusy_ui.attendees = {};
	var domid, dispname, data, role_html, list_html = '';
	for (var i=0; i < event_attendees.length; i++) {
	data = event_attendees[i];
	dispname = Q(data.name \|\| data.email);
	domid = String(data.email).replace(rcmail.identifier_expr, '');
	role_html = '<a class="attendee-role-toggle" id="rcmlia' + domid + '" title="' + Q(rcmail.gettext('togglerole', 'calendar')) + '"> </a>';
	list_html += '<div class="attendee ' + String(data.role).toLowerCase() + '" id="rcmli' + domid + '">' + role_html + dispname + '</div>';

	// clone attendees data for local modifications
	freebusy_ui.attendees[i] = freebusy_ui.attendees[domid] = $.extend({}, data);
	}

	// add total row
	list_html += '<div class="attendee spacer"> </div>';
	list_html += '<div class="attendee total">' + rcmail.gettext('reqallattendees','calendar') + '</div>';

	$('#schedule-attendees-list').html(list_html)
	.unbind('click.roleicons')
	.bind('click.roleicons', function(e){
	// toggle attendee status upon click on icon
	if (e.target.id && e.target.id.match(/rcmlia(.+)/)) {
	var attendee, domid = RegExp.$1,
	roles = [ 'REQ-PARTICIPANT', 'OPT-PARTICIPANT', 'NON-PARTICIPANT', 'CHAIR' ];
	if ((attendee = freebusy_ui.attendees[domid]) && attendee.role != 'ORGANIZER') {
	var req = attendee.role != 'OPT-PARTICIPANT' && attendee.role != 'NON-PARTICIPANT';
	var j = $.inArray(attendee.role, roles);
	j = (j+1) % roles.length;
	attendee.role = roles[j];
	$(e.target).parent().attr('class', 'attendee '+String(attendee.role).toLowerCase());

	// update total display if required-status changed
	if (req != (roles[j] != 'OPT-PARTICIPANT' && roles[j] != 'NON-PARTICIPANT')) {
	compute_freebusy_totals();
	update_freebusy_display(attendee.email);
	}
	}
	}

	return false;
	});

	// enable/disable buttons
	$('#shedule-find-prev').button('option', 'disabled', (fb_start.getTime() < now.getTime()));

	// dialog buttons
	var buttons = {};

	buttons[rcmail.gettext('select', 'calendar')] = function() {
	$('#edit-startdate').val(freebusy_ui.startdate.val());
	$('#edit-starttime').val(freebusy_ui.starttime.val());
	$('#edit-enddate').val(freebusy_ui.enddate.val());
	$('#edit-endtime').val(freebusy_ui.endtime.val());

	// write role changes back to main dialog
	$('select.edit-attendee-role').each(function(i, elem){
	if (event_attendees[i] && freebusy_ui.attendees[i]) {
	event_attendees[i].role = freebusy_ui.attendees[i].role;
	$(elem).val(event_attendees[i].role);
	}
	});

	if (freebusy_ui.needsupdate)
	update_freebusy_status(me.selected_event);
	freebusy_ui.needsupdate = false;
	$dialog.dialog("close");
	};

	buttons[rcmail.gettext('cancel', 'calendar')] = function() {
	$dialog.dialog("close");
	};

	$dialog.dialog({
	modal: true,
	resizable: true,
	closeOnEscape: (!bw.ie6 && !bw.ie7),
	title: rcmail.gettext('scheduletime', 'calendar'),
	open: function() {
	$dialog.attr('aria-hidden', 'false').find('#shedule-find-next, #shedule-find-prev').not(':disabled').first().focus();
	},
	close: function() {
	if (bw.ie6)
	$("#edit-attendees-table").css('visibility','visible');
	$dialog.dialog("destroy").attr('aria-hidden', 'true').hide();
	// TODO: focus opener button
	},
	resizeStop: function() {
	render_freebusy_overlay();
	},
	buttons: buttons,
	minWidth: 640,
	width: 850
	}).show();

	// hide edit dialog on IE6 because of drop-down elements
	if (bw.ie6)
	$("#edit-attendees-table").css('visibility','hidden');

	// adjust dialog size to fit grid without scrolling
	var gridw = $('#schedule-freebusy-times').width();
	var overflow = gridw - $('#attendees-freebusy-table td.times').width() + 1;
	me.dialog_resize($dialog.get(0), $dialog.height() + (bw.ie ? 20 : 0), 800 + Math.max(0, overflow));

	// fetch data from server
	freebusy_ui.loading = 0;
	load_freebusy_data(freebusy_ui.start, freebusy_ui.interval);
	};

	// render an HTML table showing free-busy status for all the event attendees
	var render_freebusy_grid = function(delta)
	{
	if (delta) {
	freebusy_ui.start.setTime(freebusy_ui.start.getTime() + DAY_MS * delta);
	fix_date(freebusy_ui.start);

	// skip weekends if in workinhoursonly-mode
	if (Math.abs(delta) == 1 && freebusy_ui.workinhoursonly) {
	while (is_weekend(freebusy_ui.start))
	freebusy_ui.start.setTime(freebusy_ui.start.getTime() + DAY_MS * delta);
	fix_date(freebusy_ui.start);
	}

	freebusy_ui.end = new Date(freebusy_ui.start.getTime() + DAY_MS * freebusy_ui.numdays);
	}

	var dayslots = Math.floor(1440 / freebusy_ui.interval);
	var date_format = 'ddd '+ (dayslots <= 2 ? settings.date_short : settings.date_format);
	var lastdate, datestr, css,
	curdate = new Date(),
	allday = (freebusy_ui.interval == 1440),
	times_css = (allday ? 'allday ' : ''),
	dates_row = '<tr class="dates">',
	times_row = '<tr class="times">',
	slots_row = '';
	for (var s = 0, t = freebusy_ui.start.getTime(); t < freebusy_ui.end.getTime(); s++) {
	curdate.setTime(t);
	datestr = fc.fullCalendar('formatDate', curdate, date_format);
	if (datestr != lastdate) {
	if (lastdate && !allday) break;
	dates_row += '<th colspan="' + dayslots + '" class="boxtitle date' + $.fullCalendar.formatDate(curdate, 'ddMMyyyy') + '">' + Q(datestr) + '</th>';
	lastdate = datestr;
	}

	// set css class according to working hours
	css = is_weekend(curdate) \|\| (freebusy_ui.interval <= 60 && !is_workinghour(curdate)) ? 'offhours' : 'workinghours';
	times_row += '<td class="' + times_css + css + '" id="t-' + Math.floor(t/1000) + '">' + Q(allday ? rcmail.gettext('all-day','calendar') : $.fullCalendar.formatDate(curdate, settings['time_format'])) + '</td>';
	slots_row += '<td class="' + css + ' unknown"> </td>';

	t += freebusy_ui.interval * 60000;
	}
	dates_row += '</tr>';
	times_row += '</tr>';

	// render list of attendees
	var domid, data, list_html = '', times_html = '';
	for (var i=0; i < event_attendees.length; i++) {
	data = event_attendees[i];
	domid = String(data.email).replace(rcmail.identifier_expr, '');
	times_html += '<tr id="fbrow' + domid + '">' + slots_row + '</tr>';
	}

	// add line for all/required attendees
	times_html += '<tr class="spacer"><td colspan="' + (dayslots * freebusy_ui.numdays) + '"> </td>';
	times_html += '<tr id="fbrowall">' + slots_row + '</tr>';

	var table = $('#schedule-freebusy-times');
	table.children('thead').html(dates_row + times_row);
	table.children('tbody').html(times_html);

	// initialize event handlers on grid
	if (!freebusy_ui.grid_events) {
	freebusy_ui.grid_events = true;
	table.children('thead').click(function(e){
	// move event to the clicked date/time
	if (e.target.id && e.target.id.match(/t-(\d+)/)) {
	var newstart = new Date(RegExp.$1 * 1000);
	// set time to 00:00
	if (me.selected_event.allDay) {
	newstart.setMinutes(0);
	newstart.setHours(0);
	}
	update_freebusy_dates(newstart, new Date(newstart.getTime() + freebusy_ui.startdate.data('duration') * 1000));
	render_freebusy_overlay();
	}
	})
	}

	// if we have loaded free-busy data, show it
	if (!freebusy_ui.loading) {
	if (freebusy_ui.start < freebusy_data.start \|\| freebusy_ui.end > freebusy_data.end \|\| freebusy_ui.interval != freebusy_data.interval) {
	load_freebusy_data(freebusy_ui.start, freebusy_ui.interval);
	}
	else {
	for (var email, i=0; i < event_attendees.length; i++) {
	if ((email = event_attendees[i].email))
	update_freebusy_display(email);
	}
	}
	}

	// render current event date/time selection over grid table
	// use timeout to let the dom attributes (width/height/offset) be set first
	window.setTimeout(function(){ render_freebusy_overlay(); }, 10);
	};

	// render overlay element over the grid to visiualize the current event date/time
	var render_freebusy_overlay = function()
	{
	var overlay = $('#schedule-event-time');
	if (me.selected_event.end.getTime() <= freebusy_ui.start.getTime() \|\| me.selected_event.start.getTime() >= freebusy_ui.end.getTime()) {
	overlay.hide();
	if (overlay.data('isdraggable'))
	overlay.draggable('disable');
	}
	else {
	var table = $('#schedule-freebusy-times'),
	width = 0,
	pos = { top:table.children('thead').height(), left:0 },
	eventstart = date2unixtime(clone_date(me.selected_event.start, me.selected_event.allDay?1:0)),
	eventend = date2unixtime(clone_date(me.selected_event.end, me.selected_event.allDay?2:0)) - 60,
	slotstart = date2unixtime(freebusy_ui.start),
	slotsize = freebusy_ui.interval * 60,
	slotend, fraction, $cell;

	// iterate through slots to determine position and size of the overlay
	table.children('thead').find('td').each(function(i, cell){
	slotend = slotstart + slotsize - 1;
	// event starts in this slot: compute left
	if (eventstart >= slotstart && eventstart <= slotend) {
	fraction = 1 - (slotend - eventstart) / slotsize;
	pos.left = Math.round(cell.offsetLeft + cell.offsetWidth * fraction);
	}
	// event ends in this slot: compute width
	if (eventend >= slotstart && eventend <= slotend) {
	fraction = 1 - (slotend - eventend) / slotsize;
	width = Math.round(cell.offsetLeft + cell.offsetWidth * fraction) - pos.left;
	}

	slotstart = slotstart + slotsize;
	});

	if (!width)
	width = table.width() - pos.left;

	// overlay is visible
	if (width > 0) {
	overlay.css({ width: (width-5)+'px', height:(table.children('tbody').height() - 4)+'px', left:pos.left+'px', top:pos.top+'px' }).show();

	// configure draggable
	if (!overlay.data('isdraggable')) {
	overlay.draggable({
	axis: 'x',
	scroll: true,
	stop: function(e, ui){
	// convert pixels to time
	var px = ui.position.left;
	var range_p = $('#schedule-freebusy-times').width();
	var range_t = freebusy_ui.end.getTime() - freebusy_ui.start.getTime();
	var newstart = new Date(freebusy_ui.start.getTime() + px * (range_t / range_p));
	newstart.setSeconds(0); newstart.setMilliseconds(0);
	// snap to day boundaries
	if (me.selected_event.allDay) {
	if (newstart.getHours() >= 12) // snap to next day
	newstart.setTime(newstart.getTime() + DAY_MS);
	newstart.setMinutes(0);
	newstart.setHours(0);
	}
	else {
	// round to 5 minutes
	var round = newstart.getMinutes() % 5;
	if (round > 2.5) newstart.setTime(newstart.getTime() + (5 - round) * 60000);
	else if (round > 0) newstart.setTime(newstart.getTime() - round * 60000);
	}
	// update event times and display
	update_freebusy_dates(newstart, new Date(newstart.getTime() + freebusy_ui.startdate.data('duration') * 1000));
	if (me.selected_event.allDay)
	render_freebusy_overlay();
	}
	}).data('isdraggable', true);
	}
	else
	overlay.draggable('enable');
	}
	else
	overlay.draggable('disable').hide();
	}

	};


	// fetch free-busy information for each attendee from server
	var load_freebusy_data = function(from, interval)
	{
	var start = new Date(from.getTime() - DAY_MS * 2); // start 2 days before event
	fix_date(start);
	var end = new Date(start.getTime() + DAY_MS * Math.max(14, freebusy_ui.numdays + 7)); // load min. 14 days
	freebusy_ui.numrequired = 0;
	freebusy_data.all = [];
	freebusy_data.required = [];

	// load free-busy information for every attendee
	var domid, email;
	for (var i=0; i < event_attendees.length; i++) {
	if ((email = event_attendees[i].email)) {
	domid = String(email).replace(rcmail.identifier_expr, '');
	$('#rcmli' + domid).addClass('loading');
	freebusy_ui.loading++;

	$.ajax({
	type: 'GET',
	dataType: 'json',
	url: rcmail.url('freebusy-times'),
	data: { email:email, start:date2servertime(clone_date(start, 1)), end:date2servertime(clone_date(end, 2)), interval:interval, _remote:1 },
	success: function(data) {
	freebusy_ui.loading--;

	// find attendee
	var attendee = null;
	for (var i=0; i < event_attendees.length; i++) {
	if (freebusy_ui.attendees[i].email == data.email) {
	attendee = freebusy_ui.attendees[i];
	break;
	}
	}

	// copy data to member var
	var ts, req = attendee.role != 'OPT-PARTICIPANT';
	freebusy_data.start = parseISO8601(data.start);
	freebusy_data[data.email] = {};
	for (var i=0; i < data.slots.length; i++) {
	ts = data.times[i] + '';
	freebusy_data[data.email][ts] = data.slots[i];

	// set totals
	if (!freebusy_data.required[ts])
	freebusy_data.required[ts] = [0,0,0,0];
	if (req)
	freebusy_data.required[ts][data.slots[i]]++;

	if (!freebusy_data.all[ts])
	freebusy_data.all[ts] = [0,0,0,0];
	freebusy_data.all[ts][data.slots[i]]++;
	}
	freebusy_data.end = parseISO8601(data.end);
	freebusy_data.interval = data.interval;

	// hide loading indicator
	var domid = String(data.email).replace(rcmail.identifier_expr, '');
	$('#rcmli' + domid).removeClass('loading');

	// update display
	update_freebusy_display(data.email);
	}
	});

	// count required attendees
	if (freebusy_ui.attendees[i].role != 'OPT-PARTICIPANT')
	freebusy_ui.numrequired++;
	}
	}
	};

	// re-calculate total status after role change
	var compute_freebusy_totals = function()
	{
	freebusy_ui.numrequired = 0;
	freebusy_data.all = [];
	freebusy_data.required = [];

	var email, req, status;
	for (var i=0; i < event_attendees.length; i++) {
	if (!(email = event_attendees[i].email))
	continue;

	req = freebusy_ui.attendees[i].role != 'OPT-PARTICIPANT';
	if (req)
	freebusy_ui.numrequired++;

	for (var ts in freebusy_data[email]) {
	if (!freebusy_data.required[ts])
	freebusy_data.required[ts] = [0,0,0,0];
	if (!freebusy_data.all[ts])
	freebusy_data.all[ts] = [0,0,0,0];

	status = freebusy_data[email][ts];
	freebusy_data.all[ts][status]++;

	if (req)
	freebusy_data.required[ts][status]++;
	}
	}
	};

	// update free-busy grid with status loaded from server
	var update_freebusy_display = function(email)
	{
	var status_classes = ['unknown','free','busy','tentative','out-of-office'];
	var domid = String(email).replace(rcmail.identifier_expr, '');
	var row = $('#fbrow' + domid);
	var rowall = $('#fbrowall').children();
	var dateonly = freebusy_ui.interval > 60,
	t, ts = date2timestring(freebusy_ui.start, dateonly),
	curdate = new Date(),
	fbdata = freebusy_data[email];

	if (fbdata && fbdata[ts] !== undefined && row.length) {
	t = freebusy_ui.start.getTime();
	row.children().each(function(i, cell){
	curdate.setTime(t);
	ts = date2timestring(curdate, dateonly);
	cell.className = cell.className.replace('unknown', fbdata[ts] ? status_classes[fbdata[ts]] : 'unknown');

	// also update total row if all data was loaded
	if (freebusy_ui.loading == 0 && freebusy_data.all[ts] && (cell = rowall.get(i))) {
	var workinghours = cell.className.indexOf('workinghours') >= 0;
	var all_status = freebusy_data.all[ts][2] ? 'busy' : 'unknown';
	req_status = freebusy_data.required[ts][2] ? 'busy' : 'free';
	for (var j=1; j < status_classes.length; j++) {
	if (freebusy_ui.numrequired && freebusy_data.required[ts][j] >= freebusy_ui.numrequired)
	req_status = status_classes[j];
	if (freebusy_data.all[ts][j] == event_attendees.length)
	all_status = status_classes[j];
	}

	cell.className = (workinghours ? 'workinghours ' : 'offhours ') + req_status + ' all-' + all_status;
	}

	t += freebusy_ui.interval * 60000;
	});
	}
	};

	// write changed event date/times back to form fields
	var update_freebusy_dates = function(start, end)
	{
	// fix all-day evebt times
	if (me.selected_event.allDay) {
	var numdays = Math.floor((me.selected_event.end.getTime() - me.selected_event.start.getTime()) / DAY_MS);
	start.setHours(12);
	start.setMinutes(0);
	end.setTime(start.getTime() + numdays * DAY_MS);
	end.setHours(13);
	end.setMinutes(0);
	}
	me.selected_event.start = start;
	me.selected_event.end = end;
	freebusy_ui.startdate.val($.fullCalendar.formatDate(start, settings['date_format']));
	freebusy_ui.starttime.val($.fullCalendar.formatDate(start, settings['time_format']));
	freebusy_ui.enddate.val($.fullCalendar.formatDate(end, settings['date_format']));
	freebusy_ui.endtime.val($.fullCalendar.formatDate(end, settings['time_format']));
	freebusy_ui.needsupdate = true;
	};

	// attempt to find a time slot where all attemdees are available
	var freebusy_find_slot = function(dir)
	{
	// exit if free-busy data isn't available yet
	if (!freebusy_data \|\| !freebusy_data.start)
	return false;

	var event = me.selected_event,
	eventstart = clone_date(event.start, event.allDay ? 1 : 0).getTime(), // calculate with integers
	eventend = clone_date(event.end, event.allDay ? 2 : 0).getTime(),
	duration = eventend - eventstart - (event.allDay ? HOUR_MS : 0), /* make sure we don't cross day borders on DST change */
	sinterval = freebusy_data.interval * 60000,
	intvlslots = 1,
	numslots = Math.ceil(duration / sinterval),
	checkdate, slotend, email, ts, slot, slotdate = new Date();

	// shift event times to next possible slot
	eventstart += sinterval * intvlslots * dir;
	eventend += sinterval * intvlslots * dir;

	// iterate through free-busy slots and find candidates
	var candidatecount = 0, candidatestart = candidateend = success = false;
	for (slot = dir > 0 ? freebusy_data.start.getTime() : freebusy_data.end.getTime() - sinterval;
	(dir > 0 && slot < freebusy_data.end.getTime()) \|\| (dir < 0 && slot >= freebusy_data.start.getTime());
	slot += sinterval * dir) {
	slotdate.setTime(slot);
	// fix slot if just crossed a DST change
	if (event.allDay) {
	fix_date(slotdate);
	slot = slotdate.getTime();
	}
	slotend = slot + sinterval;

	if ((dir > 0 && slotend <= eventstart) \|\| (dir < 0 && slot >= eventend)) // skip
	continue;

	// respect workingours setting
	if (freebusy_ui.workinhoursonly) {
	if (is_weekend(slotdate) \|\| (freebusy_data.interval <= 60 && !is_workinghour(slotdate))) { // skip off-hours
	candidatestart = candidateend = false;
	candidatecount = 0;
	continue;
	}
	}

	if (!candidatestart)
	candidatestart = slot;

	// check freebusy data for all attendees
	ts = date2timestring(slotdate, freebusy_data.interval > 60);
	for (var i=0; i < event_attendees.length; i++) {
	if (freebusy_ui.attendees[i].role != 'OPT-PARTICIPANT' && (email = freebusy_ui.attendees[i].email) && freebusy_data[email] && freebusy_data[email][ts] > 1) {
	candidatestart = candidateend = false;
	break;
	}
	}

	// occupied slot
	if (!candidatestart) {
	slot += Math.max(0, intvlslots - candidatecount - 1) * sinterval * dir;
	candidatecount = 0;
	continue;
	}

	// set candidate end to slot end time
	candidatecount++;
	if (dir < 0 && !candidateend)
	candidateend = slotend;

	// if candidate is big enough, this is it!
	if (candidatecount == numslots) {
	if (dir > 0) {
	event.start.setTime(candidatestart);
	event.end.setTime(candidatestart + duration);
	}
	else {
	event.end.setTime(candidateend);
	event.start.setTime(candidateend - duration);
	}
	success = true;
	break;
	}
	}

	// update event date/time display
	if (success) {
	update_freebusy_dates(event.start, event.end);

	// move freebusy grid if necessary
	var offset = Math.ceil((event.start.getTime() - freebusy_ui.end.getTime()) / DAY_MS);
	if (event.start.getTime() >= freebusy_ui.end.getTime())
	render_freebusy_grid(Math.max(1, offset));
	else if (event.end.getTime() <= freebusy_ui.start.getTime())
	render_freebusy_grid(Math.min(-1, offset));
	else
	render_freebusy_overlay();

	var now = new Date();
	$('#shedule-find-prev').button('option', 'disabled', (event.start.getTime() < now.getTime()));

	// speak new selection
	rcmail.display_message(rcmail.gettext('suggestedslot', 'calendar') + ': ' + me.event_date_text(event, true), 'voice');
	}
	else {
	alert(rcmail.gettext('noslotfound','calendar'));
	}
	};


	// update event properties and attendees availability if event times have changed
	var event_times_changed = function()
	{
	if (me.selected_event) {
	var allday = $('#edit-allday').get(0);
	me.selected_event.allDay = allday.checked;
	me.selected_event.start = parse_datetime(allday.checked ? '12:00' : $('#edit-starttime').val(), $('#edit-startdate').val());
	me.selected_event.end = parse_datetime(allday.checked ? '13:00' : $('#edit-endtime').val(), $('#edit-enddate').val());
	if (event_attendees)
	freebusy_ui.needsupdate = true;
	$('#edit-startdate').data('duration', Math.round((me.selected_event.end.getTime() - me.selected_event.start.getTime()) / 1000));
	}
	};


	// add the given list of participants
	var add_attendees = function(names, params)
	{
	names = explode_quoted_string(names.replace(/,\s*$/, ''), ',');

	// parse name/email pairs
	var item, email, name, success = false;
	for (var i=0; i < names.length; i++) {
	email = name = '';
	item = $.trim(names[i]);

	if (!item.length) {
	continue;
	} // address in brackets without name (do nothing)
	else if (item.match(/^<[^@]+@[^>]+>$/)) {
	email = item.replace(/[<>]/g, '');
	} // address without brackets and without name (add brackets)
	else if (rcube_check_email(item)) {
	email = item;
	} // address with name
	else if (item.match(/([^\s<@]+@[^>]+)>*$/)) {
	email = RegExp.$1;
	name = item.replace(email, '').replace(/^["\s<>]+/, '').replace(/["\s<>]+$/, '');
	}
	if (email) {
	add_attendee($.extend({ email:email, name:name }, params));
	success = true;
	}
	else {
	alert(rcmail.gettext('noemailwarning'));
	}
	}

	return success;
	};

	// add the given attendee to the list
	var add_attendee = function(data, readonly, before)
	{
	if (!me.selected_event)
	return false;

	// check for dupes...
	var exists = false;
	$.each(event_attendees, function(i, v){ exists \|= (v.email == data.email); });
	if (exists)
	return false;

	var calendar = me.selected_event && me.calendars[me.selected_event.calendar] ? me.calendars[me.selected_event.calendar] : me.calendars[me.selected_calendar];

	var dispname = Q(data.name \|\| data.email);
	if (data.email)
	dispname = '<a href="mailto:' + data.email + '" title="' + Q(data.email) + '" class="mailtolink" data-cutype="' + data.cutype + '">' + dispname + '</a>';

	// role selection
	var organizer = data.role == 'ORGANIZER';
	var opts = {};
	if (organizer)
	opts.ORGANIZER = rcmail.gettext('calendar.roleorganizer');
	opts['REQ-PARTICIPANT'] = rcmail.gettext('calendar.rolerequired');
	opts['OPT-PARTICIPANT'] = rcmail.gettext('calendar.roleoptional');
	opts['NON-PARTICIPANT'] = rcmail.gettext('calendar.rolenonparticipant');

	if (data.cutype != 'RESOURCE')
	opts['CHAIR'] = rcmail.gettext('calendar.rolechair');

	if (organizer && !readonly)
	dispname = rcmail.env['identities-selector'];

	var select = '<select class="edit-attendee-role"' + (organizer \|\| readonly ? ' disabled="true"' : '') + ' aria-label="' + rcmail.gettext('role','calendar') + '">';
	for (var r in opts)
	select += '<option value="'+ r +'" class="' + r.toLowerCase() + '"' + (data.role == r ? ' selected="selected"' : '') +'>' + Q(opts[r]) + '</option>';
	select += '</select>';

	// availability
	var avail = data.email ? 'loading' : 'unknown';

	// delete icon
	var icon = rcmail.env.deleteicon ? '<img src="' + rcmail.env.deleteicon + '" alt="" />' : rcmail.gettext('delete');
	var dellink = '<a href="#delete" class="iconlink delete deletelink" title="' + Q(rcmail.gettext('delete')) + '">' + icon + '</a>';
	var tooltip = data.status \|\| '';

	// send invitation checkbox
	var invbox = '<input type="checkbox" class="edit-attendee-reply" value="' + Q(data.email) +'" title="' + Q(rcmail.gettext('calendar.sendinvitations')) + '" '
	+ (!data.noreply && settings.itip_notify & 1 ? 'checked="checked" ' : '') + '/>';

	if (data['delegated-to'])
	tooltip = rcmail.gettext('delegatedto', 'calendar') + data['delegated-to'];
	else if (data['delegated-from'])
	tooltip = rcmail.gettext('delegatedfrom', 'calendar') + data['delegated-from'];

	// add expand button for groups
	if (data.cutype == 'GROUP') {
	dispname += ' <a href="#expand" data-email="' + Q(data.email) + '" class="iconbutton add expandlink" title="' + rcmail.gettext('expandattendeegroup','libcalendaring') + '">' +
	rcmail.gettext('expandattendeegroup','libcalendaring') + '</a>';
	}

	var img_src = rcmail.assets_path('program/resources/blank.gif');
	var html = '<td class="role">' + select + '</td>' +
	- '<td class="name">' + dispname + '</td>' +
	+ '<td class="name"><span class="attendee-name">' + dispname + '</span></td>' +
	'<td class="availability"><img src="' + img_src + '" class="availabilityicon ' + avail + '" data-email="' + data.email + '" alt="" /></td>' +
	'<td class="confirmstate"><span class="' + String(data.status).toLowerCase() + '" title="' + Q(tooltip) + '">' + Q(data.status \|\| '') + '</span></td>' +
	(data.cutype != 'RESOURCE' ? '<td class="invite">' + (organizer \|\| readonly \|\| !invbox ? '' : invbox) + '</td>' : '') +
	'<td class="options">' + (organizer \|\| readonly ? '' : dellink) + '</td>';

	var table = rcmail.env.calendar_resources && data.cutype == 'RESOURCE' ? resources_list : attendees_list;
	var tr = $('<tr>')
	.addClass(String(data.role).toLowerCase())
	.html(html);

	if (before)
	tr.insertBefore(before)
	else
	tr.appendTo(table);

	tr.find('a.deletelink').click({ id:(data.email \|\| data.name) }, function(e) { remove_attendee(this, e.data.id); return false; });
	tr.find('a.mailtolink').click(event_attendee_click);
	- tr.find('a.expandlink').click(data, function(e) { me.expand_attendee_group(e, add_attendee, remove_attendee); });
	+ tr.find('a.expandlink').click(data, function(e) { me.expand_attendee_group(e, add_attendee, remove_attendee); return false; });
	tr.find('input.edit-attendee-reply').click(function() {
	var enabled = $('#edit-attendees-invite:checked').length \|\| $('input.edit-attendee-reply:checked').length;
	$('#eventedit .attendees-commentbox')[enabled ? 'show' : 'hide']();
	});

	// select organizer identity
	if (data.identity_id)
	$('#edit-identities-list').val(data.identity_id);

	// check free-busy status
	if (avail == 'loading') {
	check_freebusy_status(tr.find('img.availabilityicon'), data.email, me.selected_event);
	}

	event_attendees.push(data);
	return true;
	};

	// iterate over all attendees and update their free-busy status display
	var update_freebusy_status = function(event)
	{
	attendees_list.find('img.availabilityicon').each(function(i,v) {
	var email, icon = $(this);
	if (email = icon.attr('data-email'))
	check_freebusy_status(icon, email, event);
	});

	freebusy_ui.needsupdate = false;
	};

	// load free-busy status from server and update icon accordingly
	var check_freebusy_status = function(icon, email, event)
	{
	var calendar = event.calendar && me.calendars[event.calendar] ? me.calendars[event.calendar] : { freebusy:false };
	if (!calendar.freebusy) {
	$(icon).attr('class', 'availabilityicon unknown');
	return;
	}

	icon = $(icon).attr('class', 'availabilityicon loading');

	$.ajax({
	type: 'GET',
	dataType: 'html',
	url: rcmail.url('freebusy-status'),
	data: { email:email, start:date2servertime(clone_date(event.start, event.allDay?1:0)), end:date2servertime(clone_date(event.end, event.allDay?2:0)), _remote: 1 },
	success: function(status){
	var avail = String(status).toLowerCase();
	icon.removeClass('loading').addClass(avail).attr('alt', rcmail.gettext('avail' + avail, 'calendar'));
	},
	error: function(){
	icon.removeClass('loading').addClass('unknown').attr('alt', rcmail.gettext('availunknown', 'calendar'));
	}
	});
	};

	// remove an attendee from the list
	var remove_attendee = function(elem, id)
	{
	$(elem).closest('tr').remove();
	event_attendees = $.grep(event_attendees, function(data){ return (data.name != id && data.email != id) });
	};

	// open a dialog to display detailed free-busy information and to find free slots
	var event_resources_dialog = function(search)
	{
	var $dialog = $('#eventresourcesdialog');

	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	// dialog buttons
	var buttons = {};

	buttons[rcmail.gettext('addresource', 'calendar')] = function() {
	rcmail.command('add-resource');
	};

	buttons[rcmail.gettext('close')] = function() {
	$dialog.dialog("close");
	};

	// open jquery UI dialog
	$dialog.dialog({
	modal: true,
	resizable: true,
	closeOnEscape: true,
	title: rcmail.gettext('findresources', 'calendar'),
	open: function() {
	$dialog.attr('aria-hidden', 'false');
	},
	close: function() {
	$dialog.dialog('destroy').attr('aria-hidden', 'true').hide();
	},
	resize: function(e) {
	var container = $(rcmail.gui_objects.resourceinfocalendar);
	container.fullCalendar('option', 'height', container.height() + 4);
	},
	buttons: buttons,
	width: 900,
	height: 500
	}).show();

	// define add-button as main action
	$('.ui-dialog-buttonset .ui-button', $dialog.parent()).first().addClass('mainaction').attr('id', 'rcmbtncalresadd');

	me.dialog_resize($dialog.get(0), 540, Math.min(1000, $(window).width() - 50));

	// set search query
	$('#resourcesearchbox').val(search \|\| '');

	// initialize the treelist widget
	if (!resources_treelist) {
	resources_treelist = new rcube_treelist_widget(rcmail.gui_objects.resourceslist, {
	id_prefix: 'rcres',
	id_encode: rcmail.html_identifier_encode,
	id_decode: rcmail.html_identifier_decode,
	selectable: true,
	save_state: true
	});
	resources_treelist.addEventListener('select', function(node) {
	if (resources_data[node.id]) {
	resource_showinfo(resources_data[node.id]);
	rcmail.enable_command('add-resource', me.selected_event && $("#eventedit").is(':visible') ? true : false);
	}
	else {
	rcmail.enable_command('add-resource', false);
	$(rcmail.gui_objects.resourceinfo).hide();
	$(rcmail.gui_objects.resourceownerinfo).hide();
	$(rcmail.gui_objects.resourceinfocalendar).fullCalendar('removeEventSource', resources_events_source);
	}
	});

	// fetch (all) resource data from server
	me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
	rcmail.http_request('resources-list', {}, me.loading_lock);

	// register button
	rcmail.register_button('add-resource', 'rcmbtncalresadd', 'uibutton');

	// initialize resource calendar display
	var resource_cal = $(rcmail.gui_objects.resourceinfocalendar);
	resource_cal.fullCalendar($.extend({}, fullcalendar_defaults, {
	header: { left: '', center: '', right: '' },
	height: resource_cal.height() + 4,
	defaultView: 'agendaWeek',
	eventSources: [],
	slotMinutes: 60,
	allDaySlot: false,
	eventRender: function(event, element, view) {
	var title = rcmail.get_label(event.status, 'calendar');
	element.addClass('status-' + event.status);
	element.find('.fc-event-head').hide();
	element.find('.fc-event-title').text(title);
	element.attr('aria-label', me.event_date_text(event, true) + ': ' + title);
	}
	}));

	$('#resource-calendar-prev').click(function(){
	resource_cal.fullCalendar('prev');
	return false;
	});
	$('#resource-calendar-next').click(function(){
	resource_cal.fullCalendar('next');
	return false;
	});
	}
	else if (search) {
	resource_search();
	}
	else {
	resource_render_list(resources_index);
	}

	if (me.selected_event && me.selected_event.start) {
	$(rcmail.gui_objects.resourceinfocalendar).fullCalendar('gotoDate', me.selected_event.start);
	}
	};

	// render the resource details UI box
	var resource_showinfo = function(resource)
	{
	// inline function to render a resource attribute
	function render_attrib(value) {
	if (typeof value == 'boolean') {
	return value ? rcmail.get_label('yes') : rcmail.get_label('no');
	}

	return value;
	}

	if (rcmail.gui_objects.resourceinfo) {
	var tr, table = $(rcmail.gui_objects.resourceinfo).show().find('tbody').html(''),
	attribs = $.extend({ name:resource.name }, resource.attributes\|\|{})
	attribs.description = resource.description;

	for (var k in attribs) {
	if (typeof attribs[k] == 'undefined')
	continue;
	table.append($('<tr>').addClass(k)
	.append('<td class="title">' + Q(ucfirst(rcmail.get_label(k, 'calendar'))) + '</td>')
	.append('<td class="value">' + text2html(render_attrib(attribs[k])) + '</td>')
	);
	}

	$(rcmail.gui_objects.resourceownerinfo).hide();
	$(rcmail.gui_objects.resourceinfocalendar).fullCalendar('removeEventSource', resources_events_source);

	if (resource.owner) {
	// display cached data
	if (resource_owners[resource.owner]) {
	resource_owner_load(resource_owners[resource.owner]);
	}
	else {
	// fetch owner data from server
	me.loading_lock = rcmail.set_busy(true, 'loading', me.loading_lock);
	rcmail.http_request('resources-owner', { _id: resource.owner }, me.loading_lock);
	}
	}

	// load resource calendar
	resources_events_source.url = "./?_task=calendar&_action=resources-calendar&_id="+escape(resource.ID);
	$(rcmail.gui_objects.resourceinfocalendar).fullCalendar('addEventSource', resources_events_source);
	}
	};

	// callback from server for resource listing
	var resource_data_load = function(data)
	{
	var resources_tree = {};

	// store data by ID
	$.each(data, function(i, rec) {
	resources_data[rec.ID] = rec;

	// assign parent-relations
	if (rec.members) {
	$.each(rec.members, function(j, m){
	resources_tree[m] = rec.ID;
	});
	}
	});

	// walk the parent-child tree to determine the depth of each node
	$.each(data, function(i, rec) {
	rec._depth = 0;
	if (resources_tree[rec.ID])
	rec.parent_id = resources_tree[rec.ID];

	var parent_id = resources_tree[rec.ID];
	while (parent_id) {
	rec._depth++;
	parent_id = resources_tree[parent_id];
	}
	});

	// sort by depth, collection and name
	data.sort(function(a,b) {
	var j = a._type == 'collection' ? 1 : 0,
	k = b._type == 'collection' ? 1 : 0,
	d = a._depth - b._depth;
	if (!d) d = (k - j);
	if (!d) d = b.name < a.name ? 1 : -1;
	return d;
	});

	$.each(data, function(i, rec) {
	resources_index.push(rec.ID);
	});

	// apply search filter...
	if ($('#resourcesearchbox').val() != '')
	resource_search();
	else // ...or render full list
	resource_render_list(resources_index);

	rcmail.set_busy(false, null, me.loading_lock);
	};

	// renders the given list of resource records into the treelist
	var resource_render_list = function(index) {
	var rec, link;

	resources_treelist.reset();

	$.each(index, function(i, dn) {
	if (rec = resources_data[dn]) {
	link = $('<a>').attr('href', '#')
	.attr('rel', rec.ID)
	.html(Q(rec.name));

	resources_treelist.insert({ id:rec.ID, html:link, classes:[rec._type], collapsed:true }, rec.parent_id, false);
	}
	});
	};

	// callback from server for owner information display
	var resource_owner_load = function(data)
	{
	if (data) {
	// cache this!
	resource_owners[data.ID] = data;

	var table = $(rcmail.gui_objects.resourceownerinfo).find('tbody').html('');

	for (var k in data) {
	if (k == 'event' \|\| k == 'ID')
	continue;

	table.append($('<tr>').addClass(k)
	.append('<td class="title">' + Q(ucfirst(rcmail.get_label(k, 'calendar'))) + '</td>')
	.append('<td class="value">' + text2html(data[k]) + '</td>')
	);
	}

	table.parent().show();
	}
	}

	// quick-filter the loaded resource data
	var resource_search = function()
	{
	var dn, rec, dataset = [],
	q = $('#resourcesearchbox').val().toLowerCase();

	if (q.length && resources_data) {
	// search by iterating over all resource records
	for (dn in resources_data) {
	rec = resources_data[dn];
	if ((rec.name && String(rec.name).toLowerCase().indexOf(q) >= 0)
	\|\| (rec.email && String(rec.email).toLowerCase().indexOf(q) >= 0)
	\|\| (rec.description && String(rec.description).toLowerCase().indexOf(q) >= 0)
	) {
	dataset.push(rec.ID);
	}
	}

	resource_render_list(dataset);

	// select single match
	if (dataset.length == 1) {
	resources_treelist.select(dataset[0]);
	}
	}
	else {
	$('#resourcesearchbox').val('');
	}
	};

	//
	var reset_resource_search = function()
	{
	$('#resourcesearchbox').val('').focus();
	resource_render_list(resources_index);
	};

	//
	var add_resource2event = function()
	{
	var resource = resources_data[resources_treelist.get_selection()];
	if (resource) {
	if (add_attendee($.extend({ role:'REQ-PARTICIPANT', status:'NEEDS-ACTION', cutype:'RESOURCE' }, resource)))
	rcmail.display_message(rcmail.get_label('resourceadded', 'calendar'), 'confirmation');
	}
	}

	// when the user accepts or declines an event invitation
	var event_rsvp = function(response, delegate)
	{
	if (me.selected_event && me.selected_event.attendees && response) {
	// bring up delegation dialog
	if (response == 'delegated' && !delegate) {
	rcube_libcalendaring.itip_delegate_dialog(function(data) {
	data.rsvp = data.rsvp ? 1 : '';
	event_rsvp('delegated', data);
	});
	return;
	}

	// update attendee status
	for (var data, i=0; i < me.selected_event.attendees.length; i++) {
	data = me.selected_event.attendees[i];
	if (settings.identity.emails.indexOf(';'+String(data.email).toLowerCase()) >= 0) {
	data.status = response.toUpperCase();

	if (data.status == 'DELEGATED') {
	data['delegated-to'] = delegate.to;
	}
	else {
	delete data.rsvp; // unset RSVP flag

	if (data['delegated-to']) {
	delete data['delegated-to'];
	if (data.role == 'NON-PARTICIPANT' && data.status != 'DECLINED')
	data.role = 'REQ-PARTICIPANT';
	}
	}
	}
	}

	// submit status change to server
	var submit_data = $.extend({}, me.selected_event, { source:null, comment:$('#reply-comment-event-rsvp').val() }, (delegate \|\| {})),
	noreply = $('#noreply-event-rsvp:checked').length ? 1 : 0;

	// import event from mail (temporary iTip event)
	if (submit_data._mbox && submit_data._uid) {
	me.saving_lock = rcmail.set_busy(true, 'calendar.savingdata');
	rcmail.http_post('mailimportitip', {
	_mbox: submit_data._mbox,
	_uid: submit_data._uid,
	_part: submit_data._part,
	_status: response,
	_to: (delegate ? delegate.to : null),
	_rsvp: (delegate && delegate.rsvp) ? 1 : 0,
	_noreply: noreply,
	_comment: submit_data.comment
	});
	}
	else if (settings.invitation_calendars) {
	update_event('rsvp', submit_data, { status:response, noreply:noreply });
	}
	else {
	me.saving_lock = rcmail.set_busy(true, 'calendar.savingdata');
	rcmail.http_post('event', { action:'rsvp', e:submit_data, status:response, noreply:noreply });
	}

	event_show_dialog(me.selected_event);
	}
	};

	// add the given date to the RDATE list
	var add_rdate = function(date)
	{
	var li = $('<li>')
	.attr('data-value', date2servertime(date))
	.html('<span>' + Q($.fullCalendar.formatDate(date, settings['date_format'])) + '</span>')
	.appendTo('#edit-recurrence-rdates');

	$('<a>').attr('href', '#del')
	.addClass('iconbutton delete')
	.html(rcmail.get_label('delete', 'calendar'))
	.attr('title', rcmail.get_label('delete', 'calendar'))
	.appendTo(li);
	};

	// re-sort the list items by their 'data-value' attribute
	var sort_rdates = function()
	{
	var mylist = $('#edit-recurrence-rdates'),
	listitems = mylist.children('li').get();
	listitems.sort(function(a, b) {
	var compA = $(a).attr('data-value');
	var compB = $(b).attr('data-value');
	return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
	})
	$.each(listitems, function(idx, item) { mylist.append(item); });
	}

	// remove the link reference matching the given uri
	function remove_link(elem)
	{
	var $elem = $(elem), uri = $elem.attr('data-uri');

	me.selected_event.links = $.grep(me.selected_event.links, function(link) { return link.uri != uri; });

	// remove UI list item
	$elem.hide().closest('li').addClass('deleted');
	}

	// post the given event data to server
	var update_event = function(action, data, add)
	{
	me.saving_lock = rcmail.set_busy(true, 'calendar.savingdata');
	rcmail.http_post('calendar/event', $.extend({ action:action, e:data }, (add \|\| {})));

	// render event temporarily into the calendar
	if ((data.start && data.end) \|\| data.id) {
	var event = data.id ? $.extend(fc.fullCalendar('clientEvents', function(e){ return e.id == data.id; })[0], data) : data;
	if (data.start)
	event.start = data.start;
	if (data.end)
	event.end = data.end;
	if (data.allday !== undefined)
	event.allDay = data.allday;
	event.editable = false;
	event.temp = true;
	event.className = 'fc-event-cal-'+data.calendar+' fc-event-temp';
	fc.fullCalendar(data.id ? 'updateEvent' : 'renderEvent', event);

	// mark all recurring instances as temp
	if (event.recurrence \|\| event.recurrence_id) {
	var base_id = event.recurrence_id ? event.recurrence_id.replace(/-\d+$/, '') : event.id;
	$.each(fc.fullCalendar('clientEvents', function(e){ return e.id == base_id \|\| e.recurrence_id == base_id; }), function(i,ev) {
	ev.temp = true;
	ev.editable = false;
	event.className += ' fc-event-temp';
	fc.fullCalendar('updateEvent', ev);
	});
	}
	}
	};

	// mouse-click handler to check if the show dialog is still open and prevent default action
	var dialog_check = function(e)
	{
	var showd = $("#eventshow");
	if (showd.is(':visible') && !$(e.target).closest('.ui-dialog').length && !$(e.target).closest('.popupmenu').length) {
	showd.dialog('close');
	e.stopImmediatePropagation();
	ignore_click = true;
	return false;
	}
	else if (ignore_click) {
	window.setTimeout(function(){ ignore_click = false; }, 20);
	return false;
	}
	return true;
	};

	// display confirm dialog when modifying/deleting an event
	var update_event_confirm = function(action, event, data)
	{
	if (!data) data = event;
	var decline = false, notify = false, html = '', cal = me.calendars[event.calendar];

	// event has attendees, ask whether to notify them
	if (has_attendees(event)) {
	var checked = (settings.itip_notify & 1 ? ' checked="checked"' : '');
	if (is_organizer(event)) {
	notify = true;
	if (settings.itip_notify & 2) {
	html += '<div class="message">' +
	'<label><input class="confirm-attendees-donotify" type="checkbox"' + checked + ' value="1" name="notify" /> ' +
	rcmail.gettext((action == 'remove' ? 'sendcancellation' : 'sendnotifications'), 'calendar') +
	'</label></div>';
	}
	else {
	data._notify = settings.itip_notify;
	}
	}
	else if (action == 'remove' && is_attendee(event)) {
	decline = true;
	html += '<div class="message">' +
	'<label><input class="confirm-attendees-decline" type="checkbox"' + checked + ' value="1" name="decline" /> ' +
	rcmail.gettext('itipdeclineevent', 'calendar') +
	'</label></div>';
	}
	else {
	html += '<div class="message">' + rcmail.gettext('localchangeswarning', 'calendar') + '</div>';
	}
	}

	// recurring event: user needs to select the savemode
	if (event.recurrence) {
	html += '<div class="message"><span class="ui-icon ui-icon-alert"></span>' +
	rcmail.gettext((action == 'remove' ? 'removerecurringeventwarning' : 'changerecurringeventwarning'), 'calendar') + '</div>' +
	'<div class="savemode">' +
	'<a href="#current" class="button">' + rcmail.gettext('currentevent', 'calendar') + '</a>' +
	'<a href="#future" class="button">' + rcmail.gettext('futurevents', 'calendar') + '</a>' +
	'<a href="#all" class="button">' + rcmail.gettext('allevents', 'calendar') + '</a>' +
	(action != 'remove' ? '<a href="#new" class="button">' + rcmail.gettext('saveasnew', 'calendar') + '</a>' : '') +
	'</div>';
	}

	// show dialog
	if (html) {
	var $dialog = $('<div>').html(html);

	$dialog.find('a.button').button().click(function(e) {
	data._savemode = String(this.href).replace(/.+#/, '');
	data._notify = settings.itip_notify;
	if ($dialog.find('input.confirm-attendees-donotify').length)
	data._notify = $dialog.find('input.confirm-attendees-donotify').get(0).checked ? 1 : 0;
	if (decline && $dialog.find('input.confirm-attendees-decline:checked').length)
	data.decline = 1;
	update_event(action, data);
	$dialog.dialog("close");
	return false;
	});

	var buttons = [];

	if (!event.recurrence) {
	buttons.push({
	text: rcmail.gettext((action == 'remove' ? 'delete' : 'save'), 'calendar'),
	click: function() {
	data._notify = notify && $dialog.find('input.confirm-attendees-donotify:checked').length ? 1 : 0;
	data.decline = decline && $dialog.find('input.confirm-attendees-decline:checked').length ? 1 : 0;
	update_event(action, data);
	$(this).dialog("close");
	}
	});
	}

	buttons.push({
	text: rcmail.gettext('cancel', 'calendar'),
	click: function() {
	$(this).dialog("close");
	}
	});

	$dialog.dialog({
	modal: true,
	width: 460,
	dialogClass: 'warning',
	title: rcmail.gettext((action == 'remove' ? 'removeeventconfirm' : 'changeeventconfirm'), 'calendar'),
	buttons: buttons,
	open: function() {
	setTimeout(function(){
	$dialog.parent().find('.ui-button:not(.ui-dialog-titlebar-close)').first().focus();
	}, 5);
	},
	close: function(){
	$dialog.dialog("destroy").remove();
	if (!rcmail.busy)
	fc.fullCalendar('refetchEvents');
	}
	}).addClass('event-update-confirm').show();

	return false;
	}
	// show regular confirm box when deleting
	else if (action == 'remove' && !cal.undelete) {
	if (!confirm(rcmail.gettext('deleteventconfirm', 'calendar')))
	return false;
	}

	// do update
	update_event(action, data);

	return true;
	};

	var update_agenda_toolbar = function()
	{
	$('#agenda-listrange').val(fc.fullCalendar('option', 'listRange'));
	$('#agenda-listsections').val(fc.fullCalendar('option', 'listSections'));
	}


	/* public methods */

	/**
	* Remove saving lock and free the UI for new input
	*/
	this.unlock_saving = function()
	{
	if (me.saving_lock)
	rcmail.set_busy(false, null, me.saving_lock);
	};

	// opens calendar day-view in a popup
	this.fisheye_view = function(date)
	{
	$('#fish-eye-view:ui-dialog').dialog('close');

	// create list of active event sources
	var src, cals = {}, sources = [];
	for (var id in this.calendars) {
	src = $.extend({}, this.calendars[id]);
	src.editable = false;
	src.url = null;
	src.events = [];

	if (src.active) {
	cals[id] = src;
	sources.push(src);
	}
	}

	// copy events already loaded
	var events = fc.fullCalendar('clientEvents');
	for (var event, i=0; i< events.length; i++) {
	event = events[i];
	if (event.source && (src = cals[event.source.id])) {
	src.events.push(event);
	}
	}

	var h = $(window).height() - 50;
	var dialog = $('<div>')
	.attr('id', 'fish-eye-view')
	.dialog({
	modal: true,
	width: 680,
	height: h,
	title: $.fullCalendar.formatDate(date, 'dddd ' + settings['date_long']),
	close: function(){
	dialog.dialog("destroy");
	me.fisheye_date = null;
	}
	})
	.fullCalendar($.extend({}, fullcalendar_defaults, {
	defaultView: 'agendaDay',
	header: { left: '', center: '', right: '' },
	height: h - 50,
	date: date.getDate(),
	month: date.getMonth(),
	year: date.getFullYear(),
	eventSources: sources
	}));

	this.fisheye_date = date;
	};

	// opens the given calendar in a popup dialog
	this.quickview = function(id, shift)
	{
	var src, in_quickview = false;
	$.each(this.quickview_sources, function(i,cal) {
	if (cal.id == id) {
	in_quickview = true;
	src = cal;
	}
	});

	// remove source from quickview
	if (in_quickview && shift) {
	this.quickview_sources = $.grep(this.quickview_sources, function(src) { return src.id != id; });
	}
	else {
	if (!shift) {
	// remove all current quickview event sources
	if (this.quickview_active) {
	fc.fullCalendar('removeEventSources');
	}

	this.quickview_sources = [];

	// uncheck all active quickview icons
	calendars_list.container.find('div.focusview')
	.add('#calendars .searchresults div.focusview')
	.removeClass('focusview')
	.find('a.quickview').attr('aria-checked', 'false');
	}

	if (!in_quickview) {
	// clone and modify calendar properties
	src = $.extend({}, this.calendars[id]);
	src.url += '&_quickview=1';
	this.quickview_sources.push(src);
	}
	}

	// disable quickview
	if (this.quickview_active && !this.quickview_sources.length) {
	// register regular calendar event sources
	$.each(this.calendars, function(k, cal) {
	if (cal.active)
	fc.fullCalendar('addEventSource', cal);
	});

	this.quickview_active = false;
	$('body').removeClass('quickview-active');

	// uncheck all active quickview icons
	calendars_list.container.find('div.focusview')
	.add('#calendars .searchresults div.focusview')
	.removeClass('focusview')
	.find('a.quickview').attr('aria-checked', 'false');
	}
	// activate quickview
	else if (!this.quickview_active) {
	// remove regular calendar event sources
	fc.fullCalendar('removeEventSources');

	// register quickview event sources
	$.each(this.quickview_sources, function(i, src) {
	fc.fullCalendar('addEventSource', src);
	});

	this.quickview_active = true;
	$('body').addClass('quickview-active');
	}
	// update quickview sources
	else if (in_quickview) {
	fc.fullCalendar('removeEventSource', src);
	}
	else if (src) {
	fc.fullCalendar('addEventSource', src);
	}

	// activate quickview icon
	if (this.quickview_active) {
	$(calendars_list.get_item(id)).find('.calendar').first()
	.add('#calendars .searchresults .cal-' + id)
	[in_quickview ? 'removeClass' : 'addClass']('focusview')
	.find('a.quickview').attr('aria-checked', in_quickview ? 'false' : 'true');
	}
	};

	// disable quickview mode
	function reset_quickview()
	{
	// remove all current quickview event sources
	if (me.quickview_active) {
	fc.fullCalendar('removeEventSources');
	me.quickview_sources = [];
	}

	// register regular calendar event sources
	$.each(me.calendars, function(k, cal) {
	if (cal.active)
	fc.fullCalendar('addEventSource', cal);
	});

	// uncheck all active quickview icons
	calendars_list.container.find('div.focusview')
	.add('#calendars .searchresults div.focusview')
	.removeClass('focusview')
	.find('a.quickview').attr('aria-checked', 'false');

	me.quickview_active = false;
	$('body').removeClass('quickview-active');
	};

	//public method to show the print dialog.
	this.print_calendars = function(view)
	{
	if (!view) view = fc.fullCalendar('getView').name;
	var date = fc.fullCalendar('getDate') \|\| new Date();
	var range = fc.fullCalendar('option', 'listRange');
	var sections = fc.fullCalendar('option', 'listSections');
	rcmail.open_window(rcmail.url('print', { view: view, date: date2unixtime(date), range: range, sections: sections, search: this.search_query }), true, true);
	};

	// public method to bring up the new event dialog
	this.add_event = function(templ) {
	if (this.selected_calendar) {
	var now = new Date();
	var date = fc.fullCalendar('getDate');
	if (typeof date != 'Date')
	date = now;
	date.setHours(now.getHours()+1);
	date.setMinutes(0);
	var end = new Date(date.getTime());
	end.setHours(date.getHours()+1);
	event_edit_dialog('new', $.extend({ start:date, end:end, allDay:false, calendar:this.selected_calendar }, templ \|\| {}));
	}
	};

	// delete the given event after showing a confirmation dialog
	this.delete_event = function(event) {
	// show confirm dialog for recurring events, use jquery UI dialog
	return update_event_confirm('remove', event, { id:event.id, calendar:event.calendar, attendees:event.attendees });
	};

	// opens a jquery UI dialog with event properties (or empty for creating a new calendar)
	this.calendar_edit_dialog = function(calendar)
	{
	// close show dialog first
	var $dialog = $("#calendarform");
	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	if (!calendar)
	calendar = { name:'', color:'cc0000', editable:true, showalarms:true };

	var form, name, color, alarms;

	$dialog.html(rcmail.get_label('loading'));
	$.ajax({
	type: 'GET',
	dataType: 'html',
	url: rcmail.url('calendar'),
	data: { action:(calendar.id ? 'form-edit' : 'form-new'), c:{ id:calendar.id } },
	success: function(data) {
	$dialog.html(data);
	// resize and reposition dialog window
	form = $('#calendarpropform');
	me.dialog_resize('#calendarform', form.height(), form.width());
	name = $('#calendar-name').prop('disabled', !calendar.editable).val(calendar.editname \|\| calendar.name);
	color = $('#calendar-color').val(calendar.color).miniColors({ value: calendar.color, colorValues:rcmail.env.mscolors });
	alarms = $('#calendar-showalarms').prop('checked', calendar.showalarms).get(0);
	name.select();
	}
	});

	// dialog buttons
	var buttons = {};

	buttons[rcmail.gettext('save', 'calendar')] = function() {
	// form is not loaded
	if (!form \|\| !form.length)
	return;

	// TODO: do some input validation
	if (!name.val() \|\| name.val().length < 2) {
	alert(rcmail.gettext('invalidcalendarproperties', 'calendar'));
	name.select();
	return;
	}

	// post data to server
	var data = form.serializeJSON();
	if (data.color)
	data.color = data.color.replace(/^#/, '');
	if (calendar.id)
	data.id = calendar.id;
	if (alarms)
	data.showalarms = alarms.checked ? 1 : 0;

	me.saving_lock = rcmail.set_busy(true, 'calendar.savingdata');
	rcmail.http_post('calendar', { action:(calendar.id ? 'edit' : 'new'), c:data });
	$dialog.dialog("close");
	};

	buttons[rcmail.gettext('cancel', 'calendar')] = function() {
	$dialog.dialog("close");
	};

	// open jquery UI dialog
	$dialog.dialog({
	modal: true,
	resizable: true,
	closeOnEscape: false,
	title: rcmail.gettext((calendar.id ? 'editcalendar' : 'createcalendar'), 'calendar'),
	open: function() {
	$dialog.parent().find('.ui-dialog-buttonset .ui-button').first().addClass('mainaction');
	},
	close: function() {
	$dialog.html('').dialog("destroy").hide();
	},
	buttons: buttons,
	minWidth: 400,
	width: 420
	}).show();

	};

	this.calendar_remove = function(calendar)
	{
	this.calendar_destroy_source(calendar.id);
	rcmail.http_post('calendar', { action:'subscribe', c:{ id:calendar.id, active:0, permanent:0, recursive:1 } });
	return true;
	};

	this.calendar_delete = function(calendar)
	{
	if (confirm(rcmail.gettext(calendar.children ? 'deletecalendarconfirmrecursive' : 'deletecalendarconfirm', 'calendar'))) {
	rcmail.http_post('calendar', { action:'delete', c:{ id:calendar.id } });
	return true;
	}
	return false;
	};

	this.calendar_destroy_source = function(id)
	{
	var delete_ids = [];

	if (this.calendars[id]) {
	// find sub-calendars
	if (this.calendars[id].children) {
	for (var child_id in this.calendars) {
	if (String(child_id).indexOf(id) == 0)
	delete_ids.push(child_id);
	}
	}
	else {
	delete_ids.push(id);
	}
	}

	// delete all calendars in the list
	for (var i=0; i < delete_ids.length; i++) {
	id = delete_ids[i];
	calendars_list.remove(id);
	fc.fullCalendar('removeEventSource', this.calendars[id]);
	$('#edit-calendar option[value="'+id+'"]').remove();
	delete this.calendars[id];
	}
	};

	// open a dialog to upload an .ics file with events to be imported
	this.import_events = function(calendar)
	{
	// close show dialog first
	var $dialog = $("#eventsimport"),
	form = rcmail.gui_objects.importform;

	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	if (calendar)
	$('#event-import-calendar').val(calendar.id);

	var buttons = {};
	buttons[rcmail.gettext('import', 'calendar')] = function() {
	if (form && form.elements._data.value) {
	rcmail.async_upload_form(form, 'import_events', function(e) {
	rcmail.set_busy(false, null, me.saving_lock);
	$('.ui-dialog-buttonpane button', $dialog.parent()).button('enable');

	// display error message if no sophisticated response from server arrived (e.g. iframe load error)
	if (me.import_succeeded === null)
	rcmail.display_message(rcmail.get_label('importerror', 'calendar'), 'error');
	});

	// display upload indicator (with extended timeout)
	var timeout = rcmail.env.request_timeout;
	rcmail.env.request_timeout = 600;
	me.import_succeeded = null;
	me.saving_lock = rcmail.set_busy(true, 'uploading');
	$('.ui-dialog-buttonpane button', $dialog.parent()).button('disable');

	// restore settings
	rcmail.env.request_timeout = timeout;
	}
	};

	buttons[rcmail.gettext('cancel', 'calendar')] = function() {
	$dialog.dialog("close");
	};

	// open jquery UI dialog
	$dialog.dialog({
	modal: true,
	resizable: false,
	closeOnEscape: false,
	title: rcmail.gettext('importevents', 'calendar'),
	open: function() {
	$dialog.parent().find('.ui-dialog-buttonset .ui-button').first().addClass('mainaction');
	},
	close: function() {
	$('.ui-dialog-buttonpane button', $dialog.parent()).button('enable');
	$dialog.dialog("destroy").hide();
	},
	buttons: buttons,
	width: 520
	}).show();

	};

	// callback from server if import succeeded
	this.import_success = function(p)
	{
	this.import_succeeded = true;
	$("#eventsimport:ui-dialog").dialog('close');
	rcmail.set_busy(false, null, me.saving_lock);
	rcmail.gui_objects.importform.reset();

	if (p.refetch)
	this.refresh(p);
	};

	// callback from server to report errors on import
	this.import_error = function(p)
	{
	this.import_succeeded = false;
	rcmail.set_busy(false, null, me.saving_lock);
	rcmail.display_message(p.message \|\| rcmail.get_label('importerror', 'calendar'), 'error');
	}

	// open a dialog to select calendars for export
	this.export_events = function(calendar)
	{
	// close show dialog first
	var $dialog = $("#eventsexport"),
	form = rcmail.gui_objects.exportform;

	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	if (calendar)
	$('#event-export-calendar').val(calendar.id);

	$('#event-export-range').change(function(e){
	var custom = $('option:selected', this).val() == 'custom',
	input = $('#event-export-startdate')
	input.parent()[(custom?'show':'hide')]();
	if (custom)
	input.select();
	})

	var buttons = {};
	buttons[rcmail.gettext('export', 'calendar')] = function() {
	if (form) {
	var start = 0, range = $('#event-export-range option:selected', this).val(),
	source = $('#event-export-calendar option:selected').val(),
	attachmt = $('#event-export-attachments').get(0).checked;

	if (range == 'custom')
	start = date2unixtime(parse_datetime('00:00', $('#event-export-startdate').val()));
	else if (range > 0)
	start = 'today -' + range + ' months';

	rcmail.goto_url('export_events', { source:source, start:start, attachments:attachmt?1:0 });
	}
	};

	buttons[rcmail.gettext('cancel', 'calendar')] = function() {
	$dialog.dialog("close");
	};

	// open jquery UI dialog
	$dialog.dialog({
	modal: true,
	resizable: false,
	closeOnEscape: false,
	title: rcmail.gettext('exporttitle', 'calendar'),
	open: function() {
	$dialog.parent().find('.ui-dialog-buttonset .ui-button').first().addClass('mainaction');
	},
	close: function() {
	$('.ui-dialog-buttonpane button', $dialog.parent()).button('enable');
	$dialog.dialog("destroy").hide();
	},
	buttons: buttons,
	width: 520
	}).show();

	};

	// download the selected event as iCal
	this.event_download = function(event)
	{
	if (event && event.id) {
	rcmail.goto_url('export_events', { source:event.calendar, id:event.id, attachments:1 });
	}
	};

	// open the message compose step with a calendar_event parameter referencing the selected event.
	// the server-side plugin hook will pick that up and attach the event to the message.
	this.event_sendbymail = function(event, e)
	{
	if (event && event.id) {
	rcmail.command('compose', { _calendar_event:event._id }, e ? e.target : null, e);
	}
	};

	// show URL of the given calendar in a dialog box
	this.showurl = function(calendar)
	{
	var $dialog = $('#calendarurlbox');

	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	if (calendar.feedurl) {
	if (calendar.caldavurl) {
	$('#caldavurl').val(calendar.caldavurl);
	$('#calendarcaldavurl').show();
	}
	else {
	$('#calendarcaldavurl').hide();
	}

	$dialog.dialog({
	resizable: true,
	closeOnEscape: true,
	title: rcmail.gettext('showurl', 'calendar'),
	close: function() {
	$dialog.dialog("destroy").hide();
	},
	width: 520
	}).show();

	$('#calfeedurl').val(calendar.feedurl).select();
	}
	};

	// refresh the calendar view after saving event data
	this.refresh = function(p)
	{
	var source = me.calendars[p.source];

	// helper function to update the given fullcalendar view
	function update_view(view, event, source) {
	var existing = view.fullCalendar('clientEvents', event._id);
	if (existing.length) {
	$.extend(existing[0], event);
	view.fullCalendar('updateEvent', existing[0]);
	// remove old recurrence instances
	if (event.recurrence && !event.recurrence_id)
	view.fullCalendar('removeEvents', function(e){ return e._id.indexOf(event._id+'-') == 0; });
	}
	else {
	event.source = source; // link with source
	view.fullCalendar('renderEvent', event);
	}
	}

	// remove temp events
	fc.fullCalendar('removeEvents', function(e){ return e.temp; });

	if (source && (p.refetch \|\| (p.update && !source.active))) {
	// activate event source if new event was added to an invisible calendar
	if (this.quickview_active) {
	// map source to the quickview_sources equivalent
	$.each(this.quickview_sources, function(src) {
	if (src.id == source.id) {
	source = src;
	return false;
	}
	});
	fc.fullCalendar('refetchEvents', source, true);
	}
	else if (!source.active) {
	source.active = true;
	fc.fullCalendar('addEventSource', source);
	$('#rcmlical' + source.id + ' input').prop('checked', true);
	}
	else
	fc.fullCalendar('refetchEvents', source, true);

	fetch_counts();
	}
	// add/update single event object
	else if (source && p.update) {
	var event = p.update;
	event.temp = false;
	event.editable = 0;

	// update fish-eye view
	if (this.fisheye_date)
	update_view($('#fish-eye-view'), event, source);

	// update main view
	event.editable = source.editable;
	update_view(fc, event, source);

	// update the currently displayed event dialog
	if ($('#eventshow').is(':visible') && me.selected_event && me.selected_event.id == event.id)
	event_show_dialog(event)
	}
	// refetch all calendars
	else if (p.refetch) {
	fc.fullCalendar('refetchEvents', undefined, true);
	fetch_counts();
	}
	};

	// modify query parameters for refresh requests
	this.before_refresh = function(query)
	{
	var view = fc.fullCalendar('getView');

	query.start = date2unixtime(view.visStart);
	query.end = date2unixtime(view.visEnd);

	if (this.search_query)
	query.q = this.search_query;

	return query;
	};

	// callback from server providing event counts
	this.update_counts = function(p)
	{
	$.each(p.counts, function(cal, count) {
	var li = calendars_list.get_item(cal),
	bubble = $(li).children('.calendar').find('span.count');

	if (!bubble.length && count > 0) {
	bubble = $('<span>')
	.addClass('count')
	.appendTo($(li).children('.calendar').first())
	}

	if (count > 0) {
	bubble.text(count).show();
	}
	else {
	bubble.text('').hide();
	}
	});
	};

	// callback after an iTip message event was imported
	this.itip_message_processed = function(data)
	{
	// remove temporary iTip source
	fc.fullCalendar('removeEventSource', this.calendars['--invitation--itip']);

	$('#eventshow:ui-dialog').dialog('close');
	this.selected_event = null;

	// refresh destination calendar source
	this.refresh({ source:data.calendar, refetch:true });

	this.unlock_saving();

	// process 'after_action' in mail task
	if (window.opener && window.opener.rcube_libcalendaring)
	window.opener.rcube_libcalendaring.itip_message_processed(data);
	};

	// reload the calendar view by keeping the current date/view selection
	this.reload_view = function()
	{
	var query = { view: fc.fullCalendar('getView').name },
	date = fc.fullCalendar('getDate');
	if (date)
	query.date = date2unixtime(date);
	rcmail.redirect(rcmail.url('', query));
	}

	// update browser location to remember current view
	this.update_state = function()
	{
	var query = { view: current_view },
	date = fc.fullCalendar('getDate');
	if (date)
	query.date = date2unixtime(date);

	if (window.history.replaceState)
	window.history.replaceState({}, document.title, rcmail.url('', query).replace('&_action=', ''));
	};

	this.resource_search = resource_search;
	this.reset_resource_search = reset_resource_search;
	this.add_resource2event = add_resource2event;
	this.resource_data_load = resource_data_load;
	this.resource_owner_load = resource_owner_load;


	/* event searching */

	// execute search
	this.quicksearch = function()
	{
	if (rcmail.gui_objects.qsearchbox) {
	var q = rcmail.gui_objects.qsearchbox.value;
	if (q != '') {
	var id = 'search-'+q;
	var sources = [];

	if (me.quickview_active)
	reset_quickview();

	if (this._search_message)
	rcmail.hide_message(this._search_message);

	for (var sid in this.calendars) {
	if (this.calendars[sid]) {
	this.calendars[sid].url = this.calendars[sid].url.replace(/&q=.+/, '') + '&q=' + urlencode(q);
	sources.push(sid);
	}
	}
	id += '@'+sources.join(',');

	// ignore if query didn't change
	if (this.search_request == id) {
	return;
	}
	// remember current view
	else if (!this.search_request) {
	this.default_view = fc.fullCalendar('getView').name;
	}

	this.search_request = id;
	this.search_query = q;

	// change to list view
	fc.fullCalendar('option', 'listSections', 'month')
	.fullCalendar('option', 'listRange', Math.max(60, settings['agenda_range']))
	.fullCalendar('changeView', 'table');

	update_agenda_toolbar();

	// refetch events with new url (if not already triggered by changeView)
	if (!this.is_loading)
	fc.fullCalendar('refetchEvents');
	}
	else // empty search input equals reset
	this.reset_quicksearch();
	}
	};

	// reset search and get back to normal event listing
	this.reset_quicksearch = function()
	{
	$(rcmail.gui_objects.qsearchbox).val('');

	if (this._search_message)
	rcmail.hide_message(this._search_message);

	if (this.search_request) {
	// hide bottom links of agenda view
	fc.find('.fc-list-content > .fc-listappend').hide();

	// restore original event sources and view mode from fullcalendar
	fc.fullCalendar('option', 'listSections', settings['agenda_sections'])
	.fullCalendar('option', 'listRange', settings['agenda_range']);

	update_agenda_toolbar();

	for (var sid in this.calendars) {
	if (this.calendars[sid])
	this.calendars[sid].url = this.calendars[sid].url.replace(/&q=.+/, '');
	}
	if (this.default_view)
	fc.fullCalendar('changeView', this.default_view);

	if (!this.is_loading)
	fc.fullCalendar('refetchEvents');

	this.search_request = this.search_query = null;
	}
	};

	// callback if all sources have been fetched from server
	this.events_loaded = function(count)
	{
	var addlinks, append = '';

	// enhance list view when searching
	if (this.search_request) {
	if (!count) {
	this._search_message = rcmail.display_message(rcmail.gettext('searchnoresults', 'calendar'), 'notice');
	append = '<div class="message">' + rcmail.gettext('searchnoresults', 'calendar') + '</div>';
	}
	append += '<div class="fc-bottomlinks formlinks"></div>';
	addlinks = true;
	}

	if (fc.fullCalendar('getView').name == 'table') {
	var container = fc.find('.fc-list-content > .fc-listappend');
	if (append) {
	if (!container.length)
	container = $('<div class="fc-listappend"></div>').appendTo(fc.find('.fc-list-content'));
	container.html(append).show();
	}
	else if (container.length)
	container.hide();

	// add links to adjust search date range
	if (addlinks) {
	var lc = container.find('.fc-bottomlinks');
	$('<a>').attr('href', '#').html(rcmail.gettext('searchearlierdates', 'calendar')).appendTo(lc).click(function(){
	fc.fullCalendar('incrementDate', 0, -1, 0);
	});
	lc.append(" ");
	$('<a>').attr('href', '#').html(rcmail.gettext('searchlaterdates', 'calendar')).appendTo(lc).click(function(){
	var range = fc.fullCalendar('option', 'listRange');
	if (range < 90) {
	fc.fullCalendar('option', 'listRange', fc.fullCalendar('option', 'listRange') + 30).fullCalendar('render');
	update_agenda_toolbar();
	}
	else
	fc.fullCalendar('incrementDate', 0, 1, 0);
	});
	}
	}

	if (this.fisheye_date)
	this.fisheye_view(this.fisheye_date);
	};

	// resize and reposition (center) the dialog window
	this.dialog_resize = function(id, height, width)
	{
	var win = $(window), w = win.width(), h = win.height();
	$(id).dialog('option', { height: Math.min(h-20, height+130), width: Math.min(w-20, width+50) })
	.dialog('option', 'position', ['center', 'center']); // only works in a separate call (!?)
	};

	// adjust calendar view size
	this.view_resize = function()
	{
	var footer = fc.fullCalendar('getView').name == 'table' ? $('#agendaoptions').outerHeight() : 0;
	fc.fullCalendar('option', 'height', $('#calendar').height() - footer);
	};

	// mark the given calendar folder as selected
	this.select_calendar = function(id, nolistupdate)
	{
	if (!nolistupdate)
	calendars_list.select(id);

	// trigger event hook
	rcmail.triggerEvent('selectfolder', { folder:id, prefix:'rcmlical' });

	this.selected_calendar = id;
	};

	// register the given calendar to the current view
	var add_calendar_source = function(cal)
	{
	var color, brightness, select, id = cal.id;

	me.calendars[id] = $.extend({
	url: rcmail.url('calendar/load_events', { source: id }),
	editable: !cal.readonly,
	className: 'fc-event-cal-'+id,
	id: id
	}, cal);

	// choose black text color when background is bright, white otherwise
	if (color = settings.event_coloring % 2 ? '' : '#' + cal.color) {
	if (/^#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})$/i.test(color)) {
	// use information about brightness calculation found at
	// http://javascriptrules.com/2009/08/05/css-color-brightness-contrast-using-javascript/
	brightness = (parseInt(RegExp.$1, 16) * 299 + parseInt(RegExp.$2, 16) * 587 + parseInt(RegExp.$3, 16) * 114) / 1000;
	if (brightness > 125)
	me.calendars[id].textColor = 'black';
	}

	me.calendars[id].color = color;
	}

	if (fc && (cal.active \|\| cal.subscribed)) {
	if (cal.active)
	fc.fullCalendar('addEventSource', me.calendars[id]);

	var submit = { id: id, active: cal.active ? 1 : 0 };
	if (cal.subscribed !== undefined)
	submit.permanent = cal.subscribed ? 1 : 0;
	rcmail.http_post('calendar', { action:'subscribe', c:submit });
	}

	// insert to #calendar-select options if writeable
	select = $('#edit-calendar');
	if (fc && !cal.readonly && select.length && !select.find('option[value="'+id+'"]').length) {
	$('<option>').attr('value', id).html(cal.name).appendTo(select);
	}
	}

	// fetch counts for some calendars from the server
	var fetch_counts = function()
	{
	if (count_sources.length) {
	setTimeout(function() {
	rcmail.http_request('calendar/count', { source:count_sources });
	}, 500);
	}
	};


	/* startup code */

	// create list of event sources AKA calendars
	var id, cal, active, event_sources = [];
	for (id in rcmail.env.calendars) {
	cal = rcmail.env.calendars[id];
	active = cal.active \|\| false;
	add_calendar_source(cal);

	// check active calendars
	$('#rcmlical'+id+' > .calendar input').prop('checked', active);

	if (active) {
	event_sources.push(this.calendars[id]);
	}
	if (cal.counts) {
	count_sources.push(id);
	}

	if (!cal.readonly && !this.selected_calendar) {
	this.selected_calendar = id;
	rcmail.enable_command('addevent', true);
	}
	}

	// initialize treelist widget that controls the calendars list
	var widget_class = window.kolab_folderlist \|\| rcube_treelist_widget;
	calendars_list = new widget_class(rcmail.gui_objects.calendarslist, {
	id_prefix: 'rcmlical',
	selectable: true,
	save_state: true,
	keyboard: false,
	searchbox: '#calendarlistsearch',
	search_action: 'calendar/calendar',
	search_sources: [ 'folders', 'users' ],
	search_title: rcmail.gettext('calsearchresults','calendar')
	});
	calendars_list.addEventListener('select', function(node) {
	if (node && node.id && me.calendars[node.id]) {
	me.select_calendar(node.id, true);
	rcmail.enable_command('calendar-edit', 'calendar-showurl', true);
	rcmail.enable_command('calendar-delete', !me.calendars[node.id].readonly);
	rcmail.enable_command('calendar-remove', me.calendars[node.id] && me.calendars[node.id].removable);
	}
	});
	calendars_list.addEventListener('insert-item', function(p) {
	var cal = p.data;
	if (cal && cal.id) {
	add_calendar_source(cal);

	// add css classes related to this calendar to document
	if (cal.css) {
	$('<style type="text/css"></style>')
	.html(cal.css)
	.appendTo('head');
	}
	}
	});
	calendars_list.addEventListener('subscribe', function(p) {
	var cal;
	if ((cal = me.calendars[p.id])) {
	cal.subscribed = p.subscribed \|\| false;
	rcmail.http_post('calendar', { action:'subscribe', c:{ id:p.id, active:cal.active?1:0, permanent:cal.subscribed?1:0 } });
	}
	});
	calendars_list.addEventListener('remove', function(p) {
	if (me.calendars[p.id] && me.calendars[p.id].removable) {
	me.calendar_remove(me.calendars[p.id]);
	}
	});
	calendars_list.addEventListener('search-complete', function(data) {
	if (data.length)
	rcmail.display_message(rcmail.gettext('nrcalendarsfound','calendar').replace('$nr', data.length), 'voice');
	else
	rcmail.display_message(rcmail.gettext('nocalendarsfound','calendar'), 'info');
	});
	calendars_list.addEventListener('click-item', function(event) {
	// handle clicks on quickview icon: temprarily add this source and open in quickview
	if ($(event.target).hasClass('quickview') && event.data) {
	if (!me.calendars[event.data.id]) {
	event.data.readonly = true;
	event.data.active = false;
	event.data.subscribed = false;
	add_calendar_source(event.data);
	}
	me.quickview(event.data.id, event.shiftKey \|\| event.metaKey \|\| event.ctrlKey);
	}
	});

	// init (delegate) event handler on calendar list checkboxes
	$(rcmail.gui_objects.calendarslist).on('click', 'input[type=checkbox]', function(e) {
	e.stopPropagation();

	if (me.quickview_active) {
	this.checked = !this.checked;
	return false;
	}

	var id = this.value;
	if (me.calendars[id]) { // add or remove event source on click
	var action;
	if (this.checked) {
	action = 'addEventSource';
	me.calendars[id].active = true;
	}
	else {
	action = 'removeEventSource';
	me.calendars[id].active = false;
	}

	// adjust checked state of original list item
	if (calendars_list.is_search()) {
	calendars_list.container.find('input[value="'+id+'"]').prop('checked', this.checked);
	}

	// add/remove event source
	fc.fullCalendar(action, me.calendars[id]);
	rcmail.http_post('calendar', { action:'subscribe', c:{ id:id, active:me.calendars[id].active?1:0 } });
	}
	})
	.on('keypress', 'input[type=checkbox]', function(e) {
	// select calendar on <Enter>
	if (e.keyCode == 13) {
	calendars_list.select(this.value);
	return rcube_event.cancel(e);
	}
	})
	// init (delegate) event handler on quickview links
	.on('click', 'a.quickview', function(e) {
	var id = $(this).closest('li').attr('id').replace(/^rcmlical/, '');

	if (calendars_list.is_search())
	id = id.replace(/--xsR$/, '');

	if (me.calendars[id])
	me.quickview(id, e.shiftKey \|\| e.metaKey \|\| e.ctrlKey);

	e.stopPropagation();
	return false;
	});

	// register dbl-click handler to open calendar edit dialog
	$(rcmail.gui_objects.calendarslist).on('dblclick', ':not(.virtual) > .calname', function(e){
	var id = $(this).closest('li').attr('id').replace(/^rcmlical/, '');
	me.calendar_edit_dialog(me.calendars[id]);
	});

	// select default calendar
	if (settings.default_calendar && this.calendars[settings.default_calendar] && !this.calendars[settings.default_calendar].readonly)
	this.selected_calendar = settings.default_calendar;

	if (this.selected_calendar)
	this.select_calendar(this.selected_calendar);

	var viewdate = new Date();
	if (rcmail.env.date)
	viewdate.setTime(fromunixtime(rcmail.env.date));

	// add source with iTip event data for rendering
	if (rcmail.env.itip_events && rcmail.env.itip_events.length) {
	me.calendars['--invitation--itip'] = {
	events: rcmail.env.itip_events,
	className: 'fc-event-cal---invitation--itip',
	color: '#fff',
	textColor: '#333',
	editable: false,
	attendees: true
	};
	event_sources.push(me.calendars['--invitation--itip']);
	}

	// initalize the fullCalendar plugin
	var fc = $('#calendar').fullCalendar($.extend({}, fullcalendar_defaults, {
	header: {
	right: 'prev,next today',
	center: 'title',
	left: 'agendaDay,agendaWeek,month,table'
	},
	date: viewdate.getDate(),
	month: viewdate.getMonth(),
	year: viewdate.getFullYear(),
	height: $('#calendar').height(),
	eventSources: event_sources,
	selectable: true,
	selectHelper: false,
	loading: function(isLoading) {
	me.is_loading = isLoading;
	this._rc_loading = rcmail.set_busy(isLoading, 'loading', this._rc_loading);
	// trigger callback
	if (!isLoading)
	me.events_loaded($(this).fullCalendar('clientEvents').length);
	},
	// callback for date range selection
	select: function(start, end, allDay, e, view) {
	var range_select = (!allDay \|\| start.getDate() != end.getDate())
	if (dialog_check(e) && range_select)
	event_edit_dialog('new', { start:start, end:end, allDay:allDay, calendar:me.selected_calendar });
	if (range_select \|\| ignore_click)
	view.calendar.unselect();
	},
	// callback for clicks in all-day box
	dayClick: function(date, allDay, e, view) {
	var now = new Date().getTime();
	if (now - day_clicked_ts < 400 && day_clicked == date.getTime()) { // emulate double-click on day
	var enddate = new Date(); enddate.setTime(date.getTime() + DAY_MS - 60000);
	return event_edit_dialog('new', { start:date, end:enddate, allDay:allDay, calendar:me.selected_calendar });
	}

	if (!ignore_click) {
	view.calendar.gotoDate(date);
	if (day_clicked && new Date(day_clicked).getMonth() != date.getMonth())
	view.calendar.select(date, date, allDay);
	}
	day_clicked = date.getTime();
	day_clicked_ts = now;
	},
	// callback when an event was dragged and finally dropped
	eventDrop: function(event, dayDelta, minuteDelta, allDay, revertFunc) {
	if (event.end == null \|\| event.end.getTime() < event.start.getTime()) {
	event.end = new Date(event.start.getTime() + (allDay ? DAY_MS : HOUR_MS));
	}
	// moved to all-day section: set times to 12:00 - 13:00
	if (allDay && !event.allDay) {
	event.start.setHours(12);
	event.start.setMinutes(0);
	event.start.setSeconds(0);
	event.end.setHours(13);
	event.end.setMinutes(0);
	event.end.setSeconds(0);
	}
	// moved from all-day section: set times to working hours
	else if (event.allDay && !allDay) {
	var newstart = event.start.getTime();
	revertFunc(); // revert to get original duration
	var numdays = Math.max(1, Math.round((event.end.getTime() - event.start.getTime()) / DAY_MS)) - 1;
	event.start = new Date(newstart);
	event.end = new Date(newstart + numdays * DAY_MS);
	event.end.setHours(settings['work_end'] \|\| 18);
	event.end.setMinutes(0);

	if (event.end.getTime() < event.start.getTime())
	event.end = new Date(newstart + HOUR_MS);
	}

	// send move request to server
	var data = {
	id: event.id,
	calendar: event.calendar,
	start: date2servertime(event.start),
	end: date2servertime(event.end),
	allday: allDay?1:0
	};
	update_event_confirm('move', event, data);
	},
	// callback for event resizing
	eventResize: function(event, delta) {
	// sanitize event dates
	if (event.allDay)
	event.start.setHours(12);
	if (!event.end \|\| event.end.getTime() < event.start.getTime())
	event.end = new Date(event.start.getTime() + HOUR_MS);

	// send resize request to server
	var data = {
	id: event.id,
	calendar: event.calendar,
	start: date2servertime(event.start),
	end: date2servertime(event.end)
	};
	update_event_confirm('resize', event, data);
	},
	viewDisplay: function(view) {
	$('#agendaoptions')[view.name == 'table' ? 'show' : 'hide']();
	if (minical) {
	window.setTimeout(function(){ minical.datepicker('setDate', fc.fullCalendar('getDate')); }, exec_deferred);
	if (view.name != current_view)
	me.view_resize();
	current_view = view.name;
	me.update_state();
	}
	},
	viewRender: function(view) {
	if (fc && view.name == 'month')
	fc.fullCalendar('option', 'maxHeight', Math.floor((view.element.parent().height()-18) / 6) - 35);
	}
	}));

	// format time string
	var formattime = function(hour, minutes, start) {
	var time, diff, unit, duration = '', d = new Date();
	d.setHours(hour);
	d.setMinutes(minutes);
	time = $.fullCalendar.formatDate(d, settings['time_format']);
	if (start) {
	diff = Math.floor((d.getTime() - start.getTime()) / 60000);
	if (diff > 0) {
	unit = 'm';
	if (diff >= 60) {
	unit = 'h';
	diff = Math.round(diff / 3) / 20;
	}
	duration = ' (' + diff + unit + ')';
	}
	}
	return [time, duration];
	};

	var autocomplete_times = function(p, callback) {
	/* Time completions */
	var result = [];
	var now = new Date();
	var st, start = (String(this.element.attr('id')).indexOf('endtime') > 0
	&& (st = $('#edit-starttime').val())
	&& $('#edit-startdate').val() == $('#edit-enddate').val())
	? parse_datetime(st, '') : null;
	var full = p.term - 1 > 0 \|\| p.term.length > 1;
	var hours = start ? start.getHours() :
	(full ? parse_datetime(p.term, '') : now).getHours();
	var step = 15;
	var minutes = hours * 60 + (full ? 0 : now.getMinutes());
	var min = Math.ceil(minutes / step) * step % 60;
	var hour = Math.floor(Math.ceil(minutes / step) * step / 60);
	// list hours from 0:00 till now
	for (var h = start ? start.getHours() : 0; h < hours; h++)
	result.push(formattime(h, 0, start));
	// list 15min steps for the next two hours
	for (; h < hour + 2 && h < 24; h++) {
	while (min < 60) {
	result.push(formattime(h, min, start));
	min += step;
	}
	min = 0;
	}
	// list the remaining hours till 23:00
	while (h < 24)
	result.push(formattime((h++), 0, start));

	return callback(result);
	};

	var autocomplete_open = function(event, ui) {
	// scroll to current time
	var $this = $(this);
	var widget = $this.autocomplete('widget');
	var menu = $this.data('ui-autocomplete').menu;
	var amregex = /^(.+)(a[.m]*)/i;
	var pmregex = /^(.+)(a[.m]*)/i;
	var val = $(this).val().replace(amregex, '0:$1').replace(pmregex, '1:$1');
	var li, html;
	widget.css('width', '10em');
	widget.children().each(function(){
	li = $(this);
	html = li.children().first().html().replace(/\s+$.+$$/, '').replace(amregex, '0:$1').replace(pmregex, '1:$1');
	if (html.indexOf(val) == 0)
	menu._scrollIntoView(li);
	});
	};

	// if start date is changed, shift end date according to initial duration
	var shift_enddate = function(dateText) {
	var newstart = parse_datetime('0', dateText);
	var newend = new Date(newstart.getTime() + $('#edit-startdate').data('duration') * 1000);
	$('#edit-enddate').val($.fullCalendar.formatDate(newend, me.settings['date_format']));
	event_times_changed();
	};

	// Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.
	// Uses the default $.datepicker.iso8601Week() function but takes firstDay setting into account.
	// This is a temporary fix until http://bugs.jqueryui.com/ticket/8420 is resolved.
	var iso8601Week = datepicker_settings.calculateWeek = function(date) {
	var mondayOffset = Math.abs(1 - datepicker_settings.firstDay);
	return $.datepicker.iso8601Week(new Date(date.getTime() + mondayOffset * 86400000));
	};

	var minical;
	var init_calendar_ui = function()
	{
	// initialize small calendar widget using jQuery UI datepicker
	minical = $('#datepicker').datepicker($.extend(datepicker_settings, {
	inline: true,
	showWeek: true,
	changeMonth: true,
	changeYear: true,
	onSelect: function(dateText, inst) {
	ignore_click = true;
	var d = minical.datepicker('getDate'); //parse_datetime('0:0', dateText);
	fc.fullCalendar('gotoDate', d).fullCalendar('select', d, d, true);
	},
	onChangeMonthYear: function(year, month, inst) {
	minical.data('year', year).data('month', month);
	},
	beforeShowDay: function(date) {
	var view = fc.fullCalendar('getView');
	var active = view.visStart && date.getTime() >= view.visStart.getTime() && date.getTime() < view.visEnd.getTime();
	return [ true, (active ? 'ui-datepicker-activerange ui-datepicker-active-' + view.name : ''), ''];
	}
	})) // set event handler for clicks on calendar week cell of the datepicker widget
	.on('click', 'td.ui-datepicker-week-col', function(e) {
	var cell = $(e.target);
	if (e.target.tagName == 'TD') {
	var base_date = minical.datepicker('getDate');
	if (minical.data('month'))
	base_date.setMonth(minical.data('month')-1);
	if (minical.data('year'))
	base_date.setYear(minical.data('year'));
	base_date.setHours(12);
	base_date.setDate(base_date.getDate() - ((base_date.getDay() + 6) % 7) + datepicker_settings.firstDay);
	var base_kw = iso8601Week(base_date),
	target_kw = parseInt(cell.html()),
	wdiff = target_kw - base_kw;
	if (wdiff > 10) // year jump
	base_date.setYear(base_date.getFullYear() - 1);
	else if (wdiff < -10)
	base_date.setYear(base_date.getFullYear() + 1);
	// select monday of the chosen calendar week
	var day_off = base_date.getDay() - datepicker_settings.firstDay,
	date = new Date(base_date.getTime() - day_off * DAY_MS + wdiff * 7 * DAY_MS);
	fc.fullCalendar('gotoDate', date).fullCalendar('setDate', date).fullCalendar('changeView', 'agendaWeek');
	minical.datepicker('setDate', date);
	}
	});

	minical.find('.ui-datepicker-inline').attr('aria-labelledby', 'aria-label-minical');

	if (rcmail.env.date) {
	var viewdate = new Date();
	viewdate.setTime(fromunixtime(rcmail.env.date));
	minical.datepicker('setDate', viewdate);
	}

	// init event dialog
	$('#eventtabs').tabs({
	activate: function(event, ui) {
	if (ui.newPanel.selector == '#event-panel-attendees' \|\| ui.newPanel.selector == '#event-panel-resources') {
	var tab = ui.newPanel.selector == '#event-panel-resources' ? 'resource' : 'attendee';
	if (!rcube_event.is_keyboard(event))
	$('#edit-'+tab+'-name').select();
	// update free-busy status if needed
	if (freebusy_ui.needsupdate && me.selected_event)
	update_freebusy_status(me.selected_event);
	// add current user as organizer if non added yet
	if (!event_attendees.length) {
	add_attendee($.extend({ role:'ORGANIZER' }, settings.identity));
	$('#edit-attendees-form .attendees-invitebox').show();
	}
	}
	// reset autocompletion on tab change (#3389)
	if (ui.oldPanel.selector == '#event-panel-attendees' \|\| ui.oldPanel.selector == '#event-panel-resources') {
	rcmail.ksearch_blur();
	}
	}
	});
	$('#edit-enddate').datepicker(datepicker_settings);
	$('#edit-startdate').datepicker(datepicker_settings).datepicker('option', 'onSelect', shift_enddate).change(function(){ shift_enddate(this.value); });
	$('#edit-enddate').datepicker('option', 'onSelect', event_times_changed).change(event_times_changed);
	$('#edit-allday').click(function(){ $('#edit-starttime, #edit-endtime')[(this.checked?'hide':'show')](); event_times_changed(); });

	// configure drop-down menu on time input fields based on jquery UI autocomplete
	$('#edit-starttime, #edit-endtime, #eventedit input.edit-alarm-time')
	.attr('autocomplete', "off")
	.autocomplete({
	delay: 100,
	minLength: 1,
	appendTo: '#eventedit',
	source: autocomplete_times,
	open: autocomplete_open,
	change: event_times_changed,
	select: function(event, ui) {
	$(this).val(ui.item[0]);
	return false;
	}
	})
	.click(function() { // show drop-down upon clicks
	$(this).autocomplete('search', $(this).val() ? $(this).val().replace(/\D.*/, "") : " ");
	}).each(function(){
	$(this).data('ui-autocomplete')._renderItem = function(ul, item) {
	return $('<li>')
	.data('ui-autocomplete-item', item)
	.append('<a>' + item[0] + item[1] + '</a>')
	.appendTo(ul);
	};
	});

	// register events on alarms and recurrence fields
	me.init_alarms_edit('#edit-alarms');
	me.init_recurrence_edit('#eventedit');

	// reload free-busy status when changing the organizer identity
	$('#eventedit').on('change', '#edit-identities-list', function(e) {
	var email = settings.identities[$(this).val()],
	icon = $(this).closest('tr').find('img.availabilityicon');

	if (email && icon.length) {
	icon.attr('data-email', email);
	check_freebusy_status(icon, email, me.selected_event);
	}
	});

	$('#event-export-startdate').datepicker(datepicker_settings);

	// init attendees autocompletion
	var ac_props;
	// parallel autocompletion
	if (rcmail.env.autocomplete_threads > 0) {
	ac_props = {
	threads: rcmail.env.autocomplete_threads,
	sources: rcmail.env.autocomplete_sources
	};
	}
	rcmail.init_address_input_events($('#edit-attendee-name'), ac_props);
	rcmail.addEventListener('autocomplete_insert', function(e) {
	var success = false;
	if (e.field.name == 'participant') {
	success = add_attendees(e.insert, { role:'REQ-PARTICIPANT', status:'NEEDS-ACTION', cutype:(e.data && e.data.type == 'group' ? 'GROUP' : 'INDIVIDUAL') });
	}
	else if (e.field.name == 'resource' && e.data && e.data.email) {
	success = add_attendee($.extend(e.data, { role:'REQ-PARTICIPANT', status:'NEEDS-ACTION', cutype:'RESOURCE' }));
	}
	if (e.field && success) {
	e.field.value = '';
	}
	});

	$('#edit-attendee-add').click(function(){
	var input = $('#edit-attendee-name');
	rcmail.ksearch_blur();
	if (add_attendees(input.val(), { role:'REQ-PARTICIPANT', status:'NEEDS-ACTION', cutype:'INDIVIDUAL' })) {
	input.val('');
	}
	});

	rcmail.init_address_input_events($('#edit-resource-name'), { action:'calendar/resources-autocomplete' });

	$('#edit-resource-add').click(function(){
	var input = $('#edit-resource-name');
	rcmail.ksearch_blur();
	if (add_attendees(input.val(), { role:'REQ-PARTICIPANT', status:'NEEDS-ACTION', cutype:'RESOURCE' })) {
	input.val('');
	}
	});

	$('#edit-resource-find').click(function(){
	event_resources_dialog();
	return false;
	});

	// handle change of "send invitations" checkbox
	$('#edit-attendees-invite').change(function() {
	$('#edit-attendees-donotify,input.edit-attendee-reply').prop('checked', this.checked);
	// hide/show comment field
	$('#eventedit .attendees-commentbox')[this.checked ? 'show' : 'hide']();
	});

	// delegate change event to "send invitations" checkbox
	$('#edit-attendees-donotify').change(function() {
	$('#edit-attendees-invite').click();
	return false;
	});

	$('#edit-attendee-schedule').click(function(){
	event_freebusy_dialog();
	});

	$('#shedule-freebusy-prev').html(bw.ie6 ? '<<' : '◄').button().click(function(){ render_freebusy_grid(-1); });
	$('#shedule-freebusy-next').html(bw.ie6 ? '>>' : '►').button().click(function(){ render_freebusy_grid(1); }).parent().buttonset();

	$('#shedule-find-prev').button().click(function(){ freebusy_find_slot(-1); });
	$('#shedule-find-next').button().click(function(){ freebusy_find_slot(1); });

	$('#schedule-freebusy-workinghours').click(function(){
	freebusy_ui.workinhoursonly = this.checked;
	$('#workinghourscss').remove();
	if (this.checked)
	$('<style type="text/css" id="workinghourscss"> td.offhours { opacity:0.3; filter:alpha(opacity=30) } </style>').appendTo('head');
	});

	$('#event-rsvp input.button').click(function(e) {
	event_rsvp($(this).attr('rel'))
	});

	$('#eventshow .changersvp').click(function(e) {
	var d = $('#eventshow'),
	h = -$(this).closest('.event-line').toggle().height();
	$('#event-rsvp').slideDown(300, function() {
	h += $(this).height();
	me.dialog_resize(d.get(0), d.height() + h, d.outerWidth() - 50);
	});
	return false;
	})

	// register click handler for message links
	$('#edit-event-links, #event-links').on('click', 'li a.messagelink', function(e) {
	rcmail.open_window(this.href);
	if (!rcube_event.is_keyboard(e) && this.blur)
	this.blur();
	return false;
	});

	// register click handler for message delete buttons
	$('#edit-event-links').on('click', 'li a.delete', function(e) {
	remove_link(e.target);
	return false;
	});

	$('#agenda-listrange').change(function(e){
	settings['agenda_range'] = parseInt($(this).val());
	fc.fullCalendar('option', 'listRange', settings['agenda_range']).fullCalendar('render');
	// TODO: save new settings in prefs
	}).val(settings['agenda_range']);

	$('#agenda-listsections').change(function(e){
	settings['agenda_sections'] = $(this).val();
	fc.fullCalendar('option', 'listSections', settings['agenda_sections']).fullCalendar('render');
	// TODO: save new settings in prefs
	}).val(fc.fullCalendar('option', 'listSections'));

	// hide event dialog when clicking somewhere into document
	$(document).bind('mousedown', dialog_check);

	rcmail.set_busy(false, 'loading', ui_loading);
	}

	// initialize more UI elements (deferred)
	window.setTimeout(init_calendar_ui, exec_deferred);

	// fetch counts for some calendars
	fetch_counts();

	// add proprietary css styles if not IE
	if (!bw.ie)
	$('div.fc-content').addClass('rcube-fc-content');

	// IE supresses 2nd click event when double-clicking
	if (bw.ie && bw.vendver < 9) {
	$('div.fc-content').bind('dblclick', function(e){
	if (!$(this).hasClass('fc-widget-header') && fc.fullCalendar('getView').name != 'table') {
	var date = fc.fullCalendar('getDate');
	var enddate = new Date(); enddate.setTime(date.getTime() + DAY_MS - 60000);
	event_edit_dialog('new', { start:date, end:enddate, allDay:true, calendar:me.selected_calendar });
	}
	});
	}
	} // end rcube_calendar class


	/* calendar plugin initialization */
	window.rcmail && rcmail.addEventListener('init', function(evt) {
	// configure toolbar buttons
	rcmail.register_command('addevent', function(){ cal.add_event(); }, true);
	rcmail.register_command('print', function(){ cal.print_calendars(); }, true);

	// configure list operations
	rcmail.register_command('calendar-create', function(){ cal.calendar_edit_dialog(null); }, true);
	rcmail.register_command('calendar-edit', function(){ cal.calendar_edit_dialog(cal.calendars[cal.selected_calendar]); }, false);
	rcmail.register_command('calendar-remove', function(){ cal.calendar_remove(cal.calendars[cal.selected_calendar]); }, false);
	rcmail.register_command('calendar-delete', function(){ cal.calendar_delete(cal.calendars[cal.selected_calendar]); }, false);
	rcmail.register_command('events-import', function(){ cal.import_events(cal.calendars[cal.selected_calendar]); }, true);
	rcmail.register_command('calendar-showurl', function(){ cal.showurl(cal.calendars[cal.selected_calendar]); }, false);
	rcmail.register_command('event-download', function(){ cal.event_download(cal.selected_event); }, true);
	rcmail.register_command('event-sendbymail', function(p, obj, e){ cal.event_sendbymail(cal.selected_event, e); }, true);
	rcmail.register_command('event-history', function(p, obj, e){ cal.event_history_dialog(cal.selected_event); }, false);

	// search and export events
	rcmail.register_command('export', function(){ cal.export_events(cal.calendars[cal.selected_calendar]); }, true);
	rcmail.register_command('search', function(){ cal.quicksearch(); }, true);
	rcmail.register_command('reset-search', function(){ cal.reset_quicksearch(); }, true);

	// resource invitation dialog
	rcmail.register_command('search-resource', function(){ cal.resource_search(); }, true);
	rcmail.register_command('reset-resource-search', function(){ cal.reset_resource_search(); }, true);
	rcmail.register_command('add-resource', function(){ cal.add_resource2event(); }, false);

	// register callback commands
	rcmail.addEventListener('plugin.destroy_source', function(p){ cal.calendar_destroy_source(p.id); });
	rcmail.addEventListener('plugin.unlock_saving', function(p){ cal.unlock_saving(); });
	rcmail.addEventListener('plugin.refresh_calendar', function(p){ cal.refresh(p); });
	rcmail.addEventListener('plugin.import_success', function(p){ cal.import_success(p); });
	rcmail.addEventListener('plugin.import_error', function(p){ cal.import_error(p); });
	rcmail.addEventListener('plugin.update_counts', function(p){ cal.update_counts(p); });
	rcmail.addEventListener('plugin.reload_view', function(p){ cal.reload_view(p); });
	rcmail.addEventListener('plugin.resource_data', function(p){ cal.resource_data_load(p); });
	rcmail.addEventListener('plugin.resource_owner', function(p){ cal.resource_owner_load(p); });
	rcmail.addEventListener('plugin.render_event_changelog', function(data){ cal.render_event_changelog(data); });
	rcmail.addEventListener('plugin.event_show_diff', function(data){ cal.event_show_diff(data); });
	rcmail.addEventListener('plugin.event_show_revision', function(data){ cal.event_show_dialog(data, null, true); });
	rcmail.addEventListener('plugin.itip_message_processed', function(data){ cal.itip_message_processed(data); });
	rcmail.addEventListener('requestrefresh', function(q){ return cal.before_refresh(q); });

	// let's go
	var cal = new rcube_calendar_ui($.extend(rcmail.env.calendar_settings, rcmail.env.libcal_settings));

	$(window).resize(function(e) {
	// check target due to bugs in jquery
	// http://bugs.jqueryui.com/ticket/7514
	// http://bugs.jquery.com/ticket/9841
	if (e.target == window) {
	cal.view_resize();
	}
	}).resize();

	// show calendars list when ready
	$('#calendars').css('visibility', 'inherit');

	// show toolbar
	$('#toolbar').show();

	});
	diff --git a/plugins/calendar/skins/larry/calendar.css b/plugins/calendar/skins/larry/calendar.css
	index 6375c0eb..a239f2bc 100644
	--- a/plugins/calendar/skins/larry/calendar.css
	+++ b/plugins/calendar/skins/larry/calendar.css
	@@ -1,2292 +1,2300 @@
	/**
	* Roundcube Calendar plugin styles for skin "Larry"
	*
	* Copyright (c) 2012-2014, Kolab Systems AG <contact@kolabsys.com>
	* Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
	*
	* The contents are subject to the Creative Commons Attribution-ShareAlike
	* License. It is allowed to copy, distribute, transmit and to adapt the work
	* by keeping credits to the original autors in the README file.
	* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
	*/

	body.calendarmain {
	overflow: hidden;
	}

	body.calendarmain #mainscreen {
	left: 0;
	}

	/* overrides for tablets and mobile phones */
	@media screen and (max-device-width: 1024px){
	body.calendarmain {
	overflow: visible;
	}

	body.calendarmain #mainscreen {
	min-width: 1000px !important;
	min-height: 520px !important;
	}

	body.calendarmain #header {
	min-width: 1020px !important;
	}
	}

	#calendarsidebar {
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	width: 250px;
	}

	#datepicker {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	min-height: 190px;
	}

	#datepicker .ui-datepicker {
	width: 100% !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}

	#datepicker .ui-datepicker td a {
	padding: 5px 4px;
	font-size: 12px;
	}

	#datepicker td.ui-datepicker-activerange {
	border-color: #69a2b6;
	}

	#datepicker .ui-datepicker-activerange a {
	color: #185d7a;
	background: #d9f1fb;
	background: -moz-linear-gradient(top, #d9f1fb 0%, #c5e3ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9f1fb), color-stop(100%,#c5e3ee));
	background: -o-linear-gradient(top, #d9f1fb 0%, #c5e3ee 100%);
	background: -ms-linear-gradient(top, #d9f1fb 0%, #c5e3ee 100%);
	background: linear-gradient(top, #d9f1fb 0%, #c5e3ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f1fb', endColorstr='#c5e3ee', GradientType=0);
	}

	#datepicker .ui-datepicker-days-cell-over a.ui-state-default {
	color: #fff;
	border-color: #2fa0c0;
	background: rgba(73,180,210,0.6);
	text-shadow: 0px 1px 1px #666;
	filter: none;
	}

	#datepicker .ui-datepicker-activerange a.ui-state-active {
	color: #fff;
	background: #00acd4;
	background: -moz-linear-gradient(top, #00acd4 0%, #008fc7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acd4), color-stop(100%,#008fc7));
	background: -o-linear-gradient(top, #00acd4 0%, #008fc7 100%);
	background: -ms-linear-gradient(top, #00acd4 0%, #008fc7 100%);
	background: linear-gradient(top, #00acd4 0%, #008fc7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00acd4', endColorstr='#008fc7', GradientType=0);
	}

	#datepicker td.ui-datepicker-week-col {
	cursor: pointer;
	}

	#datepicker .ui-datepicker-title {
	margin: 2px 2.3em 3px 2.3em;
	}

	#datepicker .ui-datepicker .ui-datepicker-prev,
	#datepicker .ui-datepicker .ui-datepicker-next {
	top: 4px;
	}

	#calsidebarsplitter {
	position: absolute;
	left: 264px;
	width: 6px;
	top: 40px !important;
	bottom: 0;
	background: url(images/toggle.gif) -1px 48% no-repeat transparent;
	}

	div.sidebarclosed {
	background-position: -8px 48% !important;
	cursor: pointer;
	}

	#calsidebarsplitter:hover {
	background-color: #ddd;
	}

	#calendar {
	position: absolute;
	top: 0;
	left: 276px;
	right: 0;
	bottom: 0;
	}

	.calendarmain #message.statusbar {
	border: 1px solid #c3c3c3;
	border-bottom-color: #ababab;
	}

	#timezonedisplay {
	position: absolute;
	bottom: 5px;
	right: 12px;
	font-size: 0.85em;
	color: #666;
	}

	#print {
	width: 680px;
	}

	pre {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

	#calendars {
	position: absolute;
	top: 276px;
	left: 0;
	bottom: 0;
	right: 0;
	}

	#calendars .boxtitle {
	position: relative;
	}

	#calendars .boxtitle a.iconbutton.search {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 16px;
	cursor: pointer;
	background-position: -2px -317px;
	}

	#calendars .listsearchbox {
	display: none;
	}

	#calendars .listsearchbox.expanded {
	display: block;
	}

	#calendars .scroller {
	top: 34px;
	}

	#calendars .listsearchbox.expanded + .scroller {
	top: 68px;
	}

	#calendars .treelist li {
	margin: 0;
	position: relative;
	}

	#calendars .treelist li div.folder,
	#calendars .treelist li div.calendar {
	position: relative;
	height: 28px;
	}

	#calendars .treelist li div.virtual {
	height: 22px;
	}

	#calendars .treelist li span.calname {
	display: block;
	padding: 0px 18px 2px 2px;
	position: absolute;
	top: 7px;
	left: 38px;
	right: 45px;
	cursor: default;
	background: url(images/calendars.png) right 20px no-repeat;
	overflow-x: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #004458;
	}

	.quickview-active #calendars .treelist div input,
	.quickview-active #calendars .treelist div .calname {
	opacity: 0.35;
	}

	.quickview-active #calendars .treelist div.focusview .calname {
	opacity: 1.0;
	background-image: none;
	}

	#calendars .treelist li div.virtual > span.calname {
	color: #aaa;
	top: 4px;
	left: 20px;
	}

	#calendars .treelist li.x-birthdays span.calname,
	#calendars .treelist li.x-invitations span.calname {
	font-style: italic;
	}

	#calendars .treelist.flat li span.calname {
	left: 24px;
	right: 42px;
	}

	#calendars .treelist li span.handle {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 6px;
	padding: 0;
	width: 10px;
	height: 10px;
	border-radius: 7px;
	font-size: 0.8em;
	border: 1px solid rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
	}

	#calendars .treelist div span.actions {
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 22px;
	padding: 5px 20px 0 6px;
	/* min-width: 40px; */
	height: 19px;
	text-align: right;
	z-index: 4;
	}

	#calendars .treelist div:hover span.actions {
	top: 1px;
	right: 21px;
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
	background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
	}

	#calendars .treelist li a.subscribed {
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 3px;
	height: 16px;
	width: 16px;
	padding: 0;
	background: url(images/calendars.png) -100px 0 no-repeat;
	overflow: hidden;
	text-indent: -5000px;
	cursor: pointer;
	}

	#calendars .treelist div:hover a.subscribed,
	#calendars .treelist div a.subscribed:focus {
	background-position: 0 -110px;
	}

	#calendars .treelist div.subscribed a.subscribed,
	#calendars .treelist div.subscribed a.subscribed:focus {
	background-position: -16px -110px;
	}

	#calendars .treelist div.subscribed.partial a.subscribed,
	#calendars .treelist div.subscribed.partial a.subscribed:focus {
	background-position: -16px -148px;
	}

	#calendars .treelist div a.remove:focus,
	#calendars .treelist div a.quickview:focus,
	#calendars .treelist div a.subscribed:focus {
	border-radius: 3px;
	outline: 2px solid rgba(30,150,192, 0.5);
	}

	#calendars .treelist div a.remove,
	#calendars .treelist div a.quickview {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	padding: 0;
	background: url(images/calendars.png) -100px 0 no-repeat;
	overflow: hidden;
	text-indent: -5000px;
	cursor: pointer;
	}

	#calendars .treelist div a.quickview:focus,
	#calendars .treelist div:hover a.quickview {
	background-position: 0 -128px;
	background-color: transparent !important;
	}

	#calendars .treelist div.focusview a.quickview {
	background-position: -16px -128px;
	}

	#calendars .treelist div a.remove:focus,
	#calendars .treelist div:hover a.remove {
	background-position: -16px -168px;
	background-color: transparent !important;
	}

	#calendars .searchresults .treelist div a.remove {
	display: none;
	}

	#calendars .treelist li input {
	position: absolute;
	top: 5px;
	left: 18px;
	}

	#calendars .treelist li div.treetoggle {
	top: 8px;
	}

	#calendars .treelist li.virtual div.treetoggle {
	top: 6px;
	}

	#calendars .treelist.flat li input {
	left: 4px;
	}

	#calendars .treelist ul li div.folder,
	#calendars .treelist ul li div.calendar {
	margin-left: 16px;
	}

	#calendars .treelist ul ul li div.folder,
	#calendars .treelist ul ul li div.calendar {
	margin-left: 32px;
	}

	#calendars .treelist ul ul ul li div.folder,
	#calendars .treelist ul ul ul li div.calendar {
	margin-left: 48px;
	}

	#calendars .treelist li.selected > div.calendar {
	background-color: #c7e3ef;
	}

	#calendars .treelist li.selected > span.calname {
	font-weight: bold;
	}

	#calendars .treelist div.readonly span.calname {
	background-position: right -20px;
	}

	#calendars .treelist li.user > div > span.calname {
	background-position: right -38px;
	}
	/*
	#calendars .treelist div.user.readonly span.calname {
	background-position: right -56px;
	}

	#calendars .treelist div.shared span.calname {
	background-position: right -74px;
	}

	#calendars .treelist div.shared.readonly span.calname {
	background-position: right -92px;
	}
	*/

	#calendars .treelist .calendar .count {
	position: absolute;
	display: inline-block;
	top: 5px;
	right: 68px;
	min-width: 1.3em;
	padding: 2px 4px;
	background: #005d76;
	background: -moz-linear-gradient(top, #005d76 0%, #004558 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558));
	background: -o-linear-gradient(top, #005d76 0%, #004558 100%);
	background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
	background: linear-gradient(to bottom, #005d76 0%, #004558 100%);
	-webkit-box-shadow: inset 0 1px 1px 0 #002635;
	box-shadow: inset 0 1px 1px 0 #002635;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	text-shadow: none;
	z-index: 3;
	}

	#calendars .searchresults {
	background: #b0ccd7;
	margin-top: 8px;
	}

	#calendars .searchresults .boxtitle {
	background: none;
	padding: 2px 8px 2px 8px;
	}

	#calendars .searchresults .listing li {
	background-color: #c7e3ef;
	}

	#calfeedurl,
	#caldavurl {
	width: 98%;
	background: #fbfbfb;
	padding: 4px;
	margin-bottom: 1em;
	resize: none;
	}

	#agendalist {
	width: 100%;
	margin: 0 auto;
	margin-top: 60px;
	border: 1px solid #C1DAD7;
	display: none;
	}

	#agendalist table {
	width: 100%;
	}

	#agendalist td,
	#agendalist th {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	}

	#agendalist tr {
	vertical-align: top;
	}

	#agendalist th {
	font-weight: bold;
	}

	#calendartoolbar {
	position: absolute;
	top: -6px;
	left: 0;
	height: 40px;
	white-space: nowrap;
	}

	#calendartoolbar a.button {
	background-image: url(images/toolbar.png);
	padding-left: 0;
	padding-right: 0;
	min-width: 50px;
	max-width: 60px;
	}

	#calendartoolbar a.button.addevent {
	background-position: center 1px;
	max-width: 70px;
	}

	#calendartoolbar a.button.export {
	background-position: center -40px;
	}

	#calendartoolbar a.button.import {
	background-position: center -440px;
	}

	#calendartoolbar a.button.print {
	background-position: center -80px;
	}

	body.calendarmain #quicksearchbar {
	z-index: 20;
	}

	body.calendarmain #searchmenulink {
	width: 15px;
	}

	.calendarmain div.uidialog {
	display: none;
	}

	#user {
	position: absolute;
	top: 10px;
	right: 100px;
	left: 100px;
	text-align: center;
	}

	a.morelink {
	font-size: 90%;
	color: #0069a6;
	text-decoration: none;
	}

	a.morelink:hover {
	text-decoration: underline;
	}

	a.miniColors-trigger {
	margin-top: -3px;
	}

	.calendar.attachmentwin #attachmenttoolbar {
	position: relative;
	top: -6px;
	height: 40px;
	}

	.calendar.attachmentwin #attachmentcontainer {
	position: absolute;
	top: 0;
	left: 232px;
	right: 0;
	bottom: 0;
	}

	.calendar.attachmentwin #attachmentframe {
	width: 100%;
	height: 100%;
	border: 0;
	background-color: #fff;
	border-radius: 4px;
	}

	.calendar.attachmentwin #partheader {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	bottom: 0;
	}

	.calendar.attachmentwin #partheader table {
	table-layout: fixed;
	overflow: hidden;
	}

	.calendar.attachmentwin #partheader table td {
	color: #666;
	padding: 4px 6px;
	text-overflow: ellipsis;
	overflow: hidden;
	}

	.calendar.attachmentwin #partheader table td.header {
	font-weight: bold;
	}

	.calendar.attachmentwin #partheader table td.title {
	width: 60px;
	padding-right: 0;
	}

	#edit-attachments {
	margin: 0.6em 0;
	}

	#edit-attachments ul li {
	display: block;
	color: #333;
	font-weight: bold;
	padding: 4px 4px 3px 30px;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
	white-space: nowrap;
	line-height: 20px;
	}

	#edit-attachments ul li a.file {
	padding: 0;
	}

	#edit-attachments-form {
	margin-top: 1em;
	padding-top: 0.8em;
	border-top: 2px solid #fafafa;
	}

	#edit-attachments-form .formbuttons {
	margin: 0.5em 0;
	}

	#eventedit .droptarget {
	background-image: url(../../../../skins/larry/images/filedrop.png) !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
	}

	#eventedit .droptarget.hover,
	#eventedit .droptarget.active {
	border-color: #019bc6;
	box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	-moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	-webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	-o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	}

	#eventedit .droptarget.hover {
	background-color: #d9ecf4;
	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	}

	#event-attachments .attachmentslist li {
	float: left;
	margin-right: 1em;
	}

	#event-attachments .attachmentslist li a {
	outline: none;
	}

	.event-attendees span.attendee {
	padding-right: 18px;
	margin-right: 0.5em;
	background: url(images/attendee-status.png) right 0 no-repeat;
	}

	.event-attendees span.attendee a.mailtolink {
	text-decoration: none;
	white-space: nowrap;
	outline: none;
	}

	.event-attendees span.attendee a.mailtolink:hover {
	text-decoration: underline;
	}

	.event-attendees span.accepted {
	background-position: right -20px;
	}

	.event-attendees span.declined {
	background-position: right -40px;
	}

	.event-attendees span.tentative {
	background-position: right -60px;
	}

	.event-attendees span.delegated {
	background-position: right -180px;
	}

	.event-attendees span.organizer {
	background-position: right -80px;
	}

	#all-event-attendees span.attendee {
	display: block;
	margin-bottom: 0.4em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #ddd;
	}

	.calendarmain .fc-view-table td.fc-list-header,
	#attendees-freebusy-table h3.boxtitle,
	#schedule-freebusy-times thead th,
	.edit-attendees-table thead th
	{
	color: #69939e;
	font-size: 11px;
	font-weight: bold;
	background: #d6eaf3;
	background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(8%,#d6eaf3), color-stop(100%,#d6eaf3));
	background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
	background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
	background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
	border: 0;
	border-bottom: 1px solid #ccc;
	height: 18px;
	line-height: 18px;
	padding: 8px 7px 3px 7px;
	}

	/* jQuery UI overrides */

	.calendarmain .eventdialog h1 {
	font-size: 18px;
	margin: -0.3em 0 0.4em 0;
	}

	.calendarmain .eventdialog label,
	.calendarmain .eventdialog h5.label {
	font-weight: normal;
	font-size: 1em;
	color: #999;
	margin: 0 0 0.2em 0;
	}

	.calendarmain .eventdialog label span.index,
	.calendarmain .eventdialog h5.label .index {
	vertical-align: inherit;
	margin-left: 0.6em;
	}

	.calendarmain .eventdialog {
	margin: 0 -0.2em;
	}

	.calendarmain .eventdialog.status-cancelled {
	background: url(images/badge_cancelled.png) top right no-repeat;
	}

	.calendarmain .eventdialog.sensitivity-private {
	background: url(images/badge_private.png) top right no-repeat;
	}

	.calendarmain .eventdialog.sensitivity-confidential {
	background: url(images/badge_confidential.png) top right no-repeat;
	}

	.calendarmain .sensitivity-private #event-title {
	margin-right: 50px;
	}

	.calendarmain .sensitivity-confidential #event-title {
	margin-right: 60px;
	}

	.calendarmain .eventdialog div.event-line {
	margin-top: 0.1em;
	margin-bottom: 0.3em;
	}

	.calendarmain .eventdialog div.event-line a.iconbutton {
	margin-left: 0.5em;
	line-height: 17px;
	}

	.calendarmain .eventdialog div.event-line span.event-text + label {
	margin-left: 2em;
	}

	.calendarmain .eventdialog #event-rsvp-comment,
	.calendarmain .eventdialog #event-created-changed {
	margin-top: 0.6em;
	}

	.eventdialog .event-text-old,
	.eventdialog .event-text-new,
	.eventdialog .event-text-diff {
	padding: 2px;
	}

	.eventdialog .event-text-diff del,
	.eventdialog .event-text-diff ins {
	text-decoration: none;
	color: inherit;
	}

	.eventdialog .event-text-old,
	.eventdialog .event-text-diff del {
	background-color: #fdd;
	/* text-decoration: line-through; */
	}

	.eventdialog .event-text-new,
	.eventdialog .event-text-diff ins {
	background-color: #dfd;
	}

	#eventdiff .attachmentslist li a,
	#eventdiff .attachmentslist li a:hover {
	cursor: default;
	text-decoration: none;
	}

	#eventhistory .loading {
	color: #666;
	margin: 1em 0;
	padding: 1px 0 2px 24px;
	background: url(images/loading_blue.gif) top left no-repeat;
	}

	#eventhistory .compare-button {
	margin: 4px 0;
	}

	#event-changelog-table tbody td {
	padding: 4px 7px;
	vertical-align: middle;
	}

	#event-changelog-table tbody tr:last-child td {
	border-bottom: 0;
	}

	#event-changelog-table tbody tr.undisclosed td.date,
	#event-changelog-table tbody tr.undisclosed td.user {
	font-style: italic;
	}

	#event-changelog-table .diff {
	width: 4em;
	padding: 2px;
	}

	#event-changelog-table .revision {
	width: 7em;
	}

	#event-changelog-table .date {
	width: 11em;
	}

	#event-changelog-table .user {
	width: auto;
	}

	#event-changelog-table .operation {
	width: 15%;
	}

	#event-changelog-table .actions {
	width: 50px;
	text-align: right;
	padding: 4px;
	}

	#event-changelog-table td a.iconbutton.restore,
	#event-changelog-table td a.iconbutton.preview {
	width: 16px;
	margin-right: 2px;
	background-image: url(images/calendars.png);
	background-position: -1px -147px;
	}

	#event-changelog-table td a.iconbutton.restore {
	background-image: url(images/calendars.png);
	background-position: -1px -167px;
	}

	#event-changelog-table tr.first td a.iconbutton {
	opacity: 0.3;
	cursor: default;
	}

	#event-partstat .changersvp {
	cursor: pointer;
	color: #333;
	text-decoration: none;
	}

	#event-partstat .iconbutton {
	visibility: hidden;
	}

	#event-partstat .changersvp:focus .iconbutton,
	#event-partstat:hover .iconbutton {
	visibility: visible;
	}

	#eventedit {
	position: relative;
	top: -1.5em;
	padding: 0.5em 0.1em;
	margin: 0 -0.2em;
	}

	#eventedit input.text,
	#eventedit textarea {
	width: 97%;
	}

	#eventtabs {
	position: relative;
	padding: 0;
	border: 0;
	border-radius: 0;
	}

	div.form-section,
	.calendarmain .eventdialog div.event-section,
	#eventtabs div.event-section {
	margin-top: 0.2em;
	margin-bottom: 0.6em;
	}

	#eventtabs .border-after {
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	border-bottom: 2px solid #fafafa;
	}

	.calendarmain .eventdialog label,
	#eventedit label,
	.form-section label {
	display: inline-block;
	min-width: 7em;
	padding-right: 0.5em;
	}

	.calendarmain .eventdialog #event-url .event-text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

	#event-links .attachmentslist {
	display: inline-block;
	}

	#event-links label,
	#edit-event-links label {
	float: left;
	margin-top: 0.3em;
	padding-right: 0.75em;
	}

	#edit-event-links .event-text {
	margin-left: 8em;
	min-height: 22px;
	}

	#edit-event-links .attachmentslist li.message a.messagelink,
	#event-links .attachmentslist li.message a.messagelink {
	padding: 0 0 0 24px;
	}

	#edit-event-links .attachmentslist li a.delete {
	top: 0;
	background-position: -6px -378px;
	}

	#edit-event-links .attachmentslist li.deleted a.messagelink,
	#edit-event-links .attachmentslist li.deleted a.messagelink:hover {
	text-decoration: line-through;
	}

	#eventedit .formtable td.label {
	min-width: 6em;
	}

	td.topalign {
	vertical-align: top;
	}

	#eventedit label.weekday,
	#eventedit label.monthday {
	min-width: 3em;
	}

	#eventedit label.month {
	min-width: 5em;
	}

	#eventedit .formtable td {
	padding: 0.2em 0;
	}

	.ui-dialog .event-update-confirm {
	padding: 0 0.5em 0.5em 0.5em;
	}

	.event-dialog-message,
	.event-update-confirm .message {
	margin-top: 0.5em;
	padding: 0.8em;
	border: 1px solid #ffdf0e;
	background-color: #fef893;
	}

	.event-dialog-message .message,
	.event-update-confirm .message {
	margin-bottom: 0.5em;
	}

	.edit-recurring-warning .savemode {
	padding-left: 20px;
	}

	.event-update-confirm .savemode {
	padding-left: 30px;
	}

	.event-dialog-message span.ui-icon,
	.event-update-confirm span.ui-icon {
	float: left;
	margin: 0 7px 20px 0;
	}

	.event-dialog-message label,
	.event-update-confirm label {
	min-width: 3em;
	padding-right: 1em;
	}

	.event-update-confirm a.button {
	margin: 0 0.5em 0 0.2em;
	min-width: 5em;
	}

	#event-rsvp,
	#edit-attendees-notify {
	margin: 0.6em 0 0.3em 0;
	padding: 0.5em;
	}

	#event-rsvp .itip-reply-controls {
	margin-top: 0.5em;
	}

	#event-rsvp .itip-reply-controls label {
	color: #333;
	}

	#event-rsvp .itip-reply-controls textarea {
	width: 95%;
	}

	#eventedit .edit-attendees-table {
	width: 100%;
	margin-top: 0.5em;
	}

	#eventedit .edit-attendees-table th.role,
	#eventedit .edit-attendees-table td.role {
	width: 9em;
	}

	#eventedit .edit-attendees-table th.availability,
	#eventedit .edit-attendees-table td.availability,
	#eventedit .edit-attendees-table th.confirmstate,
	#eventedit .edit-attendees-table td.confirmstate {
	width: 4em;
	}

	#eventedit .edit-attendees-table th.options,
	#eventedit .edit-attendees-table td.options {
	width: 16px;
	padding: 2px 4px;
	}

	#eventedit .edit-attendees-table th.invite,
	#eventedit .edit-attendees-table td.invite {
	width: 44px;
	padding: 2px;
	}

	#eventedit .edit-attendees-table th.invite label {
	display: inline-block;
	position: relative;
	top: 4px;
	width: 24px;
	height: 18px;
	min-width: 24px;
	padding: 0;
	overflow: hidden;
	text-indent: -5000px;
	white-space: nowrap;
	background: url(images/sendinvitation.png) 1px 0 no-repeat;
	}

	#eventedit .edit-attendees-table tbody tr:last-child td {
	border-bottom: 0;
	}

	#eventedit .edit-attendees-table th.name,
	#eventedit .edit-attendees-table td.name {
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	- position: relative;
	}

	#eventedit .edit-attendees-table td.name select {
	width: 100%;
	}

	+#eventedit .edit-attendees-table td.name .attendee-name {
	+ display: block;
	+ position: relative;
	+ overflow: hidden;
	+ text-overflow: ellipsis;
	+ padding: 5px 7px 6px;
	+ margin: -5px -7px -6px;
	+}
	+
	#eventedit .edit-attendees-table a.deletelink {
	display: inline-block;
	width: 17px;
	height: 17px;
	padding: 0;
	overflow: hidden;
	text-indent: 1000px;
	}

	#eventedit .edit-attendees-table a.expandlink {
	position: absolute;
	top: 4px;
	right: 6px;
	width: 16px;
	height: 16px;
	}

	#edit-attendees-form,
	#edit-resources-form {
	position: relative;
	margin-top: 15px;
	}

	#edit-attendees-form .attendees-invitebox {
	text-align: right;
	margin: 0;
	}

	#edit-attendees-form .attendees-invitebox label {
	padding-right: 3px;
	}

	#edit-resources-form #edit-resource-find {
	position: absolute;
	top: 0;
	right: 0;
	}

	#edit-attendees-form #edit-attendee-schedule {
	position: absolute;
	right: 0;
	top: 0;
	}

	.edit-attendees-table select.edit-attendee-role {
	border: 0;
	padding: 2px;
	background: white;
	width: 100%;
	}

	.availability img.availabilityicon {
	margin: 1px;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	}

	.availability img.availabilityicon.loading {
	background: url(images/loading_blue.gif) center no-repeat;
	}

	#schedule-freebusy-times td.unknown,
	.availability img.availabilityicon.unknown {
	background: #ddd;
	}

	#schedule-freebusy-times td.free,
	.availability img.availabilityicon.free {
	background: #abd640;
	}

	#schedule-freebusy-times td.busy,
	.availability img.availabilityicon.busy {
	background: #e26569;
	}

	#schedule-freebusy-times td.tentative,
	.availability img.availabilityicon.tentative {
	background: #8383fc;
	}

	#schedule-freebusy-times td.out-of-office,
	.availability img.availabilityicon.out-of-office {
	background: #fbaa68;
	}

	#schedule-freebusy-times td.all-busy,
	#schedule-freebusy-times td.all-tentative,
	#schedule-freebusy-times td.all-out-of-office {
	background-image: url(images/freebusy-colors.png);
	background-position: top right;
	background-repeat: no-repeat;
	}

	#schedule-freebusy-times td.all-tentative {
	background-position: right -40px;
	}

	#schedule-freebusy-times td.all-out-of-office {
	background-position: right -80px;
	}

	#edit-attendees-legend {
	margin-top: 3em;
	margin-bottom: 0.5em;
	}

	#edit-attendees-legend .legend {
	margin-right: 2em;
	white-space: nowrap;
	}

	#edit-attendees-legend img.availabilityicon {
	vertical-align: middle;
	}

	.edit-attendees-table tbody td.confirmstate {
	overflow: hidden;
	white-space: nowrap;
	text-indent: -2000%;
	}

	.edit-attendees-table td.confirmstate span {
	display: block;
	width: 20px;
	background: url(images/attendee-status.png) 5px 0 no-repeat;
	}

	.edit-attendees-table td.confirmstate span.needs-action {
	}

	.edit-attendees-table td.confirmstate span.accepted {
	background-position: 5px -20px;
	}

	.edit-attendees-table td.confirmstate span.declined {
	background-position: 5px -40px;
	}

	.edit-attendees-table td.confirmstate span.tentative {
	background-position: 5px -60px;
	}

	.edit-attendees-table td.confirmstate span.delegated {
	background-position: 5px -180px;
	}

	#attendees-freebusy-table {
	width: 100%;
	table-layout: fixed;
	border: 1px solid #bbd3da;
	}

	#attendees-freebusy-table td.attendees {
	width: 18em;
	vertical-align: top;
	overflow: hidden;
	}

	#attendees-freebusy-table td.times {
	width: auto;
	vertical-align: top;
	}

	#attendees-freebusy-table div.scroll {
	position: relative;
	overflow: auto;
	}

	#attendees-freebusy-table h3.boxtitle {
	margin: 0;
	border-color: #ccc;
	}

	.attendees-list .attendee {
	padding: 4px 4px 4px 1px;
	background: url(images/attendee-status.png) 2px -97px no-repeat;
	white-space: nowrap;
	}

	.attendees-list a.attendee-role-toggle {
	display: inline-block;
	width: 16px;
	margin-right: 3px;
	cursor: pointer;
	}

	.attendees-list div.attendee {
	border-top: 1px solid #ccc;
	}

	.attendees-list span.attendee {
	padding-left: 20px;
	margin-right: 2em;
	}

	.attendees-list .organizer {
	background-position: 3px -77px;
	}

	.attendees-list .opt-participant {
	background-position: 2px -117px;
	}

	.attendees-list .non-participant {
	background-position: 2px -137px;
	}

	.attendees-list .chair {
	background-position: 2px -157px;
	}

	.attendees-list .loading {
	background: url(images/loading_blue.gif) 1px 50% no-repeat;
	}

	.attendees-list .total {
	background: none;
	padding-left: 4px;
	font-weight: bold;
	}

	.attendees-list .spacer,
	#schedule-freebusy-times tr.spacer td {
	background: 0;
	font-size: 50%;
	}

	#schedule-freebusy-times {
	border-collapse: collapse;
	width: 100%;
	}

	#schedule-freebusy-times td {
	padding: 4px;
	border: 1px solid #ccc;
	}

	#attendees-freebusy-table div.timesheader,
	#schedule-freebusy-times tr.times td {
	min-width: 30px;
	font-size: 9px;
	padding: 5px 2px 6px 2px;
	text-align: center;
	color: #004658;
	}

	#schedule-freebusy-times tr.times td.allday {
	min-width: 60px;
	}

	#schedule-freebusy-times tr.times td {
	cursor: pointer;
	}

	#schedule-event-time {
	position: absolute;
	border: 2px solid #333;
	background: #777;
	background: rgba(60, 60, 60, 0.6);
	opacity: 0.5;
	border-radius: 4px;
	cursor: move;
	filter: alpha(opacity=40); /* IE8 */
	}

	#eventfreebusy .schedule-options {
	position: relative;
	margin-bottom: 1.5em;
	}

	#eventfreebusy .schedule-buttons {
	position: absolute;
	top: 0.5em;
	right: 0;
	margin-right: 0;
	}

	#eventfreebusy .schedule-find-buttons {
	padding-bottom:0.5em;
	}

	#eventfreebusy .schedule-find-buttons button {
	min-width: 9em;
	text-align: center;
	}

	#eventedit .attendees-commentbox label {
	display: block;
	}

	#eventedit .ui-tabs-panel {
	min-height: 24em;
	}

	#rcmKSearchpane ul li.resource i.icon,
	#rcmKSearchpane ul li.collection i.icon {
	background-image: url(images/autocomplete.png);
	background-position: -1px -2px;
	}

	#rcmKSearchpane ul li.collection i.icon {
	background-position: -1px -26px;
	}

	a.dropdown-link {
	font-size: 11px;
	text-decoration: none;
	}

	a.dropdown-link:after {
	content: ' ▼';
	font-size: 10px;
	color: #666;
	}

	.ui-dialog-buttonset a.dropdown-link {
	position: relative;
	top: 2px;
	margin: 0 1em;
	color: #333;
	}

	#calendarsidebar .ui-datepicker-calendar {
	table-layout: fixed;
	}

	.ui-datepicker-calendar .ui-datepicker-week-col {
	border: 0;
	color: #999;
	font-size: 90%;
	text-align: right;
	padding-right: 6px;
	width: 20px;
	overflow: hidden;
	}

	.ui-autocomplete {
	max-height: 160px;
	overflow-y: auto;
	overflow-x: hidden;
	}

	.ui-autocomplete .ui-menu-item {
	white-space: nowrap;
	}

	* html .ui-autocomplete {
	height: 160px;
	}

	.calendarmain span.spacer {
	padding-left: 3em;
	}

	#agendaoptions {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	z-index: 10;
	padding: 4px 5px;
	border: 1px solid #c3c3c3;
	border-top-color: #ddd;
	border-bottom-color: #bbb;
	border-radius: 0 0 4px 4px;
	background: #ebebeb;
	background: -moz-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#c6c6c6));
	background: -o-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
	background: -ms-linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
	background: linear-gradient(top, #ebebeb 0%, #c6c6c6 100%);
	}

	#agendaoptions label {
	text-shadow: 1px 1px #fff;
	padding-right: 0.5em;
	}

	#calendar-kolabform {
	position: relative;
	margin: 0 -8px;
	min-width: 660px;
	min-height: 400px;
	}

	#calendar-kolabform table td.title {
	font-weight: bold;
	white-space: nowrap;
	color: #666;
	padding-right: 10px;
	}

	#resource-selection {
	position: absolute;
	top: 0;
	left: 8px;
	right: 0;
	bottom: 0;
	}

	#resource-selection .scroller {
	top: 34px;
	}

	#resource-dialog-left {
	position: absolute;
	top: 10px;
	left: 0;
	width: 380px;
	bottom: 10px;
	}

	#resource-dialog-right {
	position: absolute;
	top: 10px;
	left: 392px;
	right: 8px;
	bottom: 10px;
	}

	#resource-info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 48%;
	}

	#resource-info table {
	margin: 8px;
	width: 97%;
	}

	#resource-info thead td {
	background: none;
	font-weight: bold;
	font-size: 14px;
	}

	#resource-availability {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 49%;
	}

	#resource-freebusy-calendar {
	position: absolute;
	top: 33px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	}

	#resource-freebusy-calendar .fc-content {
	top: 0;
	}

	#resource-freebusy-calendar .fc-content .fc-event-bg {
	background: 0;
	}

	#resource-freebusy-calendar .fc-event.status-busy,
	#resource-freebusy-calendar .status-busy .fc-event-skin {
	border-color: #e26569;
	background-color: #e26569;
	}

	#resource-freebusy-calendar .fc-event.status-tentative,
	#resource-freebusy-calendar .status-tentative .fc-event-skin {
	border-color: #8383fc;
	background: #8383fc;
	}

	#resource-freebusy-calendar .fc-event.status-outofoffice,
	#resource-freebusy-calendar .status-outofoffice .fc-event-skin {
	border-color: #fbaa68;
	background: #fbaa68;
	}

	#resourcequicksearch {
	padding: 4px;
	background: #c7e3ef;
	}

	#resourcesearchbox {
	width: 100%;
	height: 26px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	#resourcequicksearch .iconbutton.searchoptions {
	position: absolute;
	top: 5px;
	left: 6px;
	width: 16px;
	}

	.searchbox .iconbutton.reset {
	position: absolute;
	top: 4px;
	right: 1px;
	}



	/* fullcalendar style overrides */

	.rcube-fc-content {
	overflow: hidden;
	border: 0;
	border-radius: 4px;
	box-shadow: 0 0 2px #999;
	-o-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	}

	.calendarmain .fc-content {
	position: absolute !important;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	}

	.calendarmain.quickview-active .fc-content {
	background-image: url('images/focusview.png');
	background-position: center;
	background-repeat: no-repeat;
	}

	#fish-eye-view .fc-content {
	top: 2px;
	bottom: 2px;
	}

	#quickview-calendar {
	padding: 8px;
	overflow: hidden;
	}

	.calendarmain .fc-button,
	.calendarmain .fc-button.fc-state-default,
	.calendarmain .fc-button.fc-state-hover {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-position: 0 0;
	}

	.calendarmain #calendar .fc-button,
	.calendarmain #calendar .fc-button.fc-state-default,
	.calendarmain #calendar .fc-button.fc-state-hover {
	margin: 0 0 0 0;
	height: 20px;
	line-height: 20px;
	color: #505050;
	text-shadow: 0px 1px 1px #fff;
	border: 1px solid #e6e6e6;
	background: #d8d8d8;
	background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa));
	background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
	background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%);
	background: linear-gradient(top, #d8d8d8 0%, #bababa 100%);
	box-shadow: 0 1px 1px 0 #999;
	-o-box-shadow: 0 1px 1px 0 #999;
	-webkit-box-shadow: 0 1px 1px 0 #999;
	-moz-box-shadow: 0 1px 1px 0 #999;
	text-decoration: none;
	}

	.calendarmain #calendar .fc-button.fc-state-disabled {
	color: #999;
	background: #d8d8d8;
	}

	.calendarmain .fc-button.fc-state-active,
	.calendarmain .fc-button.fc-state-down,
	.calendarmain #calendar .fc-button.fc-state-active,
	.calendarmain #calendar .fc-button.fc-state-down {
	color: #333;
	background: #bababa;
	background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8));
	background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	background: linear-gradient(top, #bababa 0%, #d8d8d8 100%);
	}

	.calendarmain #calendar .fc-header .fc-button {
	margin-left: -1px;
	margin-right: 0;
	}

	.calendarmain #calendar .fc-header-left .fc-button {
	display: inline-block;
	margin: 0;
	text-align: center;
	font-size: 10px;
	color: #555;
	min-width: 50px;
	max-width: 75px;
	height: 13px;
	line-height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: -7px 0 0 0;
	padding: 28px 2px 0 2px;
	text-shadow: 0px 1px 1px #EEE;
	border: 0;
	background: url(images/toolbar.png) center 100px no-repeat;
	box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	outline: none;
	}

	.calendarmain #calendar .fc-header-left .fc-button:focus {
	color: #fff;
	text-shadow: 0px 1px 1px #666;
	background-color: rgba(30,150,192, 0.5);
	border-radius: 3px;
	}

	.calendarmain #calendar .fc-header-left .fc-button.fc-state-active {
	font-weight: bold;
	color: #222;
	text-shadow: none;
	background-color: transparent;
	}

	.calendarmain #calendar .fc-header-left .fc-button-agendaDay {
	background-position: center -120px;
	}

	.calendarmain #calendar .fc-header-left .fc-button-agendaDay.fc-state-active {
	background-position: center -160px;
	}

	.calendarmain #calendar .fc-header-left .fc-button-agendaWeek {
	background-position: center -200px;
	}

	.calendarmain #calendar .fc-header-left .fc-button-agendaWeek.fc-state-active {
	background-position: center -240px;
	}

	.calendarmain #calendar .fc-header-left .fc-button-month {
	background-position: center -280px;
	}

	.calendarmain #calendar .fc-header-left .fc-button-month.fc-state-active {
	background-position: center -320px;
	}

	.calendarmain #calendar .fc-header-left .fc-button-table {
	background-position: center -360px;
	}

	.calendarmain #calendar .fc-header-left .fc-button-table.fc-state-active {
	background-position: center -400px;
	}

	.calendarmain #calendar .fc-header-right {
	padding-right: 252px;
	padding-top: 4px;
	}

	.calendarmain #calendar .fc-header-title {
	padding-top: 5px;
	}

	.fc-event {
	font-size: 1em !important;
	}

	.fc-event-hori.fc-type-freebusy,
	.fc-event-vert.fc-type-freebusy {
	opacity: 0.60;
	/*
	color: #fff !important;
	background: rgba(80,80,80,0.85) !important;
	background: -moz-linear-gradient(top, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.9) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,0.85)), color-stop(100%,rgba(48,48,48,0.9))) !important;
	background: -webkit-linear-gradient(top, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.85) 100%) !important;
	background: -o-linear-gradient(top, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.85) 100%) !important;
	background: -ms-linear-gradient(top, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.85) 100%) !important;
	background: linear-gradient(to bottom, rgba(80,80,80,0.85) 0%, rgba(48,48,48,0.85) 100%) !important;
	border-color: #444 !important;
	cursor: default !important;
	*/
	-moz-box-shadow: inset 0px 1px 0 0px #888;
	-webkit-box-shadow: inset 0px 1px 0 0px #888;
	-o-box-shadow: inset 0px 1px 0 0px #888;
	box-shadow: inset 0px 1px 0 0px #888;
	}

	.fc-event-row.fc-type-freebusy td {
	color: #999;
	}

	.fc-event-hori.fc-type-freebusy .fc-event-skin,
	.fc-event-hori.fc-type-freebusy .fc-event-inner,
	.fc-event-vert.fc-type-freebusy .fc-event-skin,
	.fc-event-vert.fc-type-freebusy .fc-event-inner {
	/*
	background-color: transparent !important;
	border-color: #444 !important;
	color: #fff !important;
	text-shadow: 0 1px 1px #000;
	*/
	}

	.fc-event-hori.fc-type-freebusy .fc-event-title,
	.fc-event-vert.fc-type-freebusy .fc-event-title {
	position: absolute;
	top: -5000px;
	}

	.fc-event-vert.fc-invitation-needs-action,
	.fc-event-hori.fc-invitation-needs-action {
	border: 1px dashed #5757c7 !important;
	}

	.fc-event-vert.fc-invitation-tentative,
	.fc-event-hori.fc-invitation-tentative {
	border: 1px dashed #eb8900 !important;
	}

	.fc-event-vert.fc-invitation-declined,
	.fc-event-hori.fc-invitation-declined {
	border: 1px dashed #c00 !important;
	}

	.fc-event-vert.fc-event-ns-other.fc-invitation-declined,
	.fc-event-hori.fc-event-ns-other.fc-invitation-declined {
	opacity: 0.7;
	}

	.fc-event-ns-other.fc-invitation-declined .fc-event-title {
	text-decoration: line-through;
	}

	.fc-event-vert.fc-invitation-tentative .fc-event-head,
	.fc-event-vert.fc-invitation-declined .fc-event-head,
	.fc-event-vert.fc-invitation-needs-action .fc-event-head {
	/* background-color: transparent !important; */
	}

	.fc-event-vert.fc-invitation-tentative .fc-event-bg {
	background: url(data:image/gif;base64,R0lGODlhCAAIAPABAOuJAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) 0 0 repeat #fff;
	}

	.fc-event-vert.fc-invitation-needs-action .fc-event-bg {
	background: url(data:image/gif;base64,R0lGODlhCAAIAPABAFdXx////yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) 0 0 repeat #fff;
	}

	.fc-event-vert.fc-invitation-declined .fc-event-bg {
	background: url(data:image/gif;base64,R0lGODlhCAAIAPABAMwAAP///yH/C1hNUCBEYXRhWE1QAT8AIfkEBQAAAQAsAAAAAAgACAAAAg4Egmipx+ZaDPCtVPFNBQA7) 0 0 repeat #fff;
	}

	.fc-view-table tr.fc-invitation-tentative td,
	.fc-view-table tr.fc-invitation-declined td,
	.fc-view-table tr.fc-invitation-needs-action td {
	color: #888;
	}

	.fc-view-table tr.fc-invitation-tentative td.fc-event-title,
	.fc-view-table tr.fc-invitation-declined td.fc-event-title,
	.fc-view-table tr.fc-invitation-needs-action td.fc-event-title {
	font-weight: normal;
	}

	#quickview-calendar .fc-view-table tr.fc-invitation-tentative td,
	#quickview-calendar .fc-view-table tr.fc-invitation-declined td,
	#quickview-calendar .fc-view-table tr.fc-invitation-needs-action td {
	color: #333;
	}

	.calendarmain .fc-event:focus {
	outline: 1px solid rgba(71,135,177, 0.4);
	-webkit-box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
	-moz-box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
	-o-box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
	box-shadow: 0 0 2px 3px rgba(71,135,177, 0.6);
	}
	.fc-event-title {
	font-weight: bold;
	}

	.cal-event-status-cancelled .fc-event-title {
	text-decoration: line-through;
	}

	.fc-event-hori .fc-event-title {
	font-weight: normal;
	white-space: nowrap;
	}

	.fc-event-hori .fc-event-time {
	white-space: nowrap;
	font-weight: normal !important;
	font-size: 10px;
	padding-right: 0.6em;
	}

	.fc-grid .fc-event-time {
	font-weight: normal !important;
	padding-right: 0.3em;
	}

	.calendarmain .fc-event-vert .fc-event-inner {
	z-index: 0;
	}

	.fc-event-cateories {
	font-style:italic;
	}

	div.fc-event-location {
	font-size: 90%;
	}

	.fc-more-link {
	color: #999;
	padding-top: 1px;
	cursor: pointer;
	}

	.fc-agenda-slots td div {
	height: 22px;
	}

	.fc-sat, .fc-sun {
	background-color: rgba(198,198,198, 0.08);
	}

	.calendarmain .fc-state-highlight {
	background-color: rgba(233,198,14, 0.12);
	}

	.fc-widget-header {
	background-color: #d6eaf3;
	color: #004458;
	text-shadow: 0px 1px 1px #fff;
	}

	.fc-view thead th.fc-widget-header {
	padding: 8px 0;
	color: #69939e;
	}

	.fc-day-number {
	color: #578da5;
	}

	.fc-icon-alarms,
	.fc-icon-sensitive,
	.fc-icon-recurring {
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(images/eventicons.png) 0 0 no-repeat;
	margin-left: 3px;
	line-height: 10px;
	}

	.fc-icon-alarms {
	background-position: 0 -13px;
	}

	.fc-icon-sensitive {
	background-position: 0 -25px;
	}

	.fc-list-section .fc-event {
	cursor: pointer;
	}

	.calendarmain .fc-view-table td.fc-list-header {
	color: #004458;
	font-size: 12px;
	}

	.calendarmain .fc-view-table tr.fc-event td {
	border-color: #ddd;
	padding: 4px 7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	.calendarmain .fc-view-table tr.fc-event td.fc-event-handle {
	padding: 5px 0 2px 7px;
	width: 12px;
	}

	.calendarmain .fc-view-table .fc-event-handle .fc-event-skin {
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	font-size: 6px;
	border-radius: 8px;
	}

	.calendarmain .fc-view-table .fc-event-handle .fc-event-inner {
	display: inline-block;
	width: 10px;
	height: 10px;
	padding: 0;
	margin: -1px;
	font-size: 10px;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.3);
	}

	.calendarmain .fc-view-table col.fc-event-location {
	width: 25%;
	}

	.fc-view-table table.fc-list-smart {
	/* table-layout: auto; */
	}

	.fc-listappend {
	text-align: center;
	margin: 1em 0;
	}

	.fc-listappend .message {
	padding: 0.5em;
	margin-bottom: 0.5em;
	font-size: 150%;
	color: #999;
	}

	.fc-listappend .formlinks a {
	font-size: 12px;
	padding: 0 0.3em;
	}

	.fc-event-temp {
	opacity: 0.4;
	filter: alpha(opacity=40); /* IE8 */
	}

	/* Settings section */

	fieldset #calendarcategories div {
	margin-bottom: 0.3em;
	}

	/* Invitation UI in mail */

	.messagelist tbody .attachment span.ical {
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	width: 20px;
	padding: 0;
	background: url(images/ical-attachment.png) 2px 1px no-repeat;
	}

	ul.toolbarmenu li a.calendarlink span.calendar,
	#attachmentmenu li a.calendarlink span.calendar {
	background-position: 0px -2197px;
	}

	div.calendar-invitebox {
	min-height: 20px;
	margin: 5px 8px;
	padding: 3px 6px 6px 34px;
	border: 1px solid #ffdf0e;
	background: url(images/calendar.png) 6px 5px no-repeat #fef893;
	}

	div.calendar-invitebox td.ititle {
	font-weight: bold;
	padding-right: 0.5em;
	}

	div.calendar-invitebox td {
	padding: 2px;
	}

	div.calendar-invitebox td.label {
	color: #666;
	padding-right: 1em;
	}

	div.calendar-invitebox td.sensitivity {
	color: #d31400;
	font-weight: bold;
	}

	#event-rsvp .rsvp-buttons,
	div.calendar-invitebox .itip-buttons div {
	margin-top: 0.5em;
	}

	#event-rsvp input.button,
	div.calendar-invitebox input.button {
	font-weight: bold;
	margin-right: 0.5em;
	}

	div.calendar-invitebox input.button.preview {
	margin-left: 1em;
	margin-right: 0;
	}

	div.calendar-invitebox .folder-select {
	font-weight: 10px;
	margin-left: 1em;
	white-space: nowrap;
	}

	div.calendar-invitebox .rsvp-status {
	padding-left: 2px;
	}

	div.calendar-invitebox .rsvp-status.loading {
	color: #666;
	padding: 1px 0 2px 24px;
	background: url(images/loading_blue.gif) top left no-repeat;
	}

	div.calendar-invitebox .rsvp-status.hint {
	color: #666;
	text-shadow: none;
	font-style: italic;
	}

	#event-partstat .changersvp,
	div.calendar-invitebox .rsvp-status.declined,
	div.calendar-invitebox .rsvp-status.tentative,
	div.calendar-invitebox .rsvp-status.accepted,
	div.calendar-invitebox .rsvp-status.delegated,
	div.calendar-invitebox .rsvp-status.needs-action {
	padding: 0 0 1px 22px;
	background: url(images/attendee-status.png) 2px -20px no-repeat;
	}

	#event-partstat .changersvp.declined,
	div.calendar-invitebox .rsvp-status.declined {
	background-position: 2px -40px;
	}

	#event-partstat .changersvp.tentative,
	div.calendar-invitebox .rsvp-status.tentative {
	background-position: 2px -60px;
	}

	#event-partstat .changersvp.delegated,
	div.calendar-invitebox .rsvp-status.delegated {
	background-position: 2px -180px;
	}

	#event-partstat .changersvp.needs-action,
	div.calendar-invitebox .rsvp-status.needs-action {
	background-position: 2px 0;
	}

	div.calendar-invitebox .calendar-agenda-preview {
	display: none;
	border-top: 1px solid #dfdfdf;
	margin-top: 1em;
	padding-top: 0.6em;
	}

	div.calendar-invitebox .calendar-agenda-preview h3.preview-title {
	margin: 0 0 0.5em 0;
	font-size: 12px;
	color: #333;
	}

	div.calendar-invitebox .calendar-agenda-preview .event-row {
	color: #777;
	padding: 2px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	div.calendar-invitebox .calendar-agenda-preview .event-row.current {
	color: #333;
	font-weight: bold;
	}

	div.calendar-invitebox .calendar-agenda-preview .event-row.no-event {
	font-style: italic;
	}

	div.calendar-invitebox .calendar-agenda-preview .event-date {
	display: inline-block;
	min-width: 8em;
	margin-right: 1em;
	white-space: nowrap;
	}


	/* iTIP attend reply page */

	.calendaritipattend .centerbox {
	width: 40em;
	min-height: 7em;
	margin: 80px auto 0 auto;
	padding: 10px 10px 10px 90px;
	background: url(images/invitation.png) 10px 10px no-repeat #fff;
	}

	.calendaritipattend #message {
	width: 46em;
	margin: 0 auto;
	padding: 10px;
	}

	.calendaritipattend .calendar-invitebox {
	background: none;
	padding-left: 0;
	border: 0;
	margin: 0 0 2em 0;
	}

	.calendaritipattend .calendar-invitebox .rsvp-status {
	margin-top: 2.5em;
	font-size: 110%;
	font-weight: bold;
	}

	.calendaritipattend .calendar-invitebox td.title,
	.calendaritipattend .calendar-invitebox td.ititle {
	font-size: 120%;
	}

	diff --git a/plugins/tasklist/skins/larry/tasklist.css b/plugins/tasklist/skins/larry/tasklist.css
	index b47e496c..bd5ec608 100644
	--- a/plugins/tasklist/skins/larry/tasklist.css
	+++ b/plugins/tasklist/skins/larry/tasklist.css
	@@ -1,1449 +1,1457 @@
	/**
	* Roundcube Taklist plugin styles for skin "Larry"
	*
	* Copyright (C) 2012, Kolab Systems AG <contact@kolabsys.com>
	* Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
	*
	* The contents are subject to the Creative Commons Attribution-ShareAlike
	* License. It is allowed to copy, distribute, transmit and to adapt the work
	* by keeping credits to the original autors in the README file.
	* See http://creativecommons.org/licenses/by-sa/3.0/ for details.
	*/

	#taskbar a.button-tasklist span.button-inner {
	background-image: url(buttons.png);
	background-position: 0 0;
	}

	#taskbar a.button-tasklist:hover span.button-inner,
	#taskbar a.button-tasklist.button-selected span.button-inner {
	background-position: 0 -26px;
	}

	ul.toolbarmenu li span.icon.taskadd,
	#attachmentmenu li a.tasklistlink span.icon.taskadd {
	background-image: url(buttons.png);
	background-position: -4px -90px;
	}

	.tasklistview div.uidialog {
	display: none;
	}

	.tasklistview #mainscreen {
	min-width: 1000px !important;
	min-height: 520px !important;
	}

	.tasklistview #header {
	min-width: 1020px !important;
	}

	#sidebar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 240px;
	}

	.tasklistview #searchmenulink {
	width: 15px;
	}

	#tagsbox {
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	height: 242px;
	}

	#tasklistsbox {
	position: absolute;
	top: 300px;
	left: 0;
	width: 100%;
	bottom: 0px;
	}

	#tasklistsbox .boxtitle a.iconbutton.search {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 16px;
	cursor: pointer;
	background-position: -2px -317px;
	}

	#tasklistsbox .listsearchbox {
	display: none;
	}

	#tasklistsbox .listsearchbox.expanded {
	display: block;
	}

	#tasklistsbox .scroller {
	top: 34px;
	}

	#tasklistsbox .listsearchbox.expanded + .scroller {
	top: 68px;
	}


	#taskselector {
	margin: -1px 40px 0 0;
	padding: 0;
	}

	#taskselector li {
	display: inline-block;
	position: relative;
	font-size: 90%;
	padding-right: 0.3em;
	}

	.tagcloud li,
	#taskselector li a {
	display: inline-block;
	color: #004458;
	min-width: 3.5em;
	padding: 0.2em 0.6em 0.2em 0.6em;
	text-align: center;
	text-decoration: none;
	border: 1px solid #eee;
	border-color: transparent;
	}

	.webkit .tagcloud li,
	.webkit #taskselector li a {
	padding-bottom: 0.25em;
	}


	#taskselector li:first-child {
	border-top: 0;
	border-radius: 4px 4px 0 0;
	}

	#taskselector li:last-child {
	border-bottom: 0;
	border-radius: 0 0 4px 4px;
	}

	#taskselector li.overdue a {
	color: #b72a2a;
	font-weight: bold;
	}

	#taskselector li.inactive a {
	color: #97b3bf;
	}

	.tagcloud li.selected,
	#taskselector li.selected a {
	color: #fff;
	background: #005d76;
	background: -moz-linear-gradient(top, #005d76 0%, #004558 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558));
	background: -o-linear-gradient(top, #005d76 0%, #004558 100%);
	background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
	background: linear-gradient(top, #005d76 0%, #004558 100%);
	box-shadow: inset 0 1px 1px 0 #003645;
	-o-box-shadow: inset 0 1px 1px 0 #003645;
	-webkit-box-shadow: inset 0 1px 1px 0 #003645;
	-moz-box-shadow: inset 0 1px 1px 0 #003645;
	border-color: #003645;
	border-radius: 10px;
	text-shadow: none;
	}

	#taskselector li .count {
	display: none;
	position: absolute;
	top: -18px;
	right: 5px;
	min-width: 1.8em;
	padding: 2px 4px;
	background: #004558;
	background: -moz-linear-gradient(top, #005d76 0%, #004558 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005d76), color-stop(100%,#004558));
	background: -o-linear-gradient(top, #005d76 0%, #004558 100%);
	background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
	background: linear-gradient(top, #005d76 0%, #004558 100%);
	box-shadow: 0 1px 2px 0 rgba(24,24,24,0.6);
	color: #fff;
	border-radius: 3px;
	text-align: center;
	font-weight: bold;
	font-size: 80%;
	text-shadow: none;
	}

	#taskselector li .count:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -5px;
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: #004558 transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
	}

	#taskselector li.overdue .count {
	background: #ff3800;
	}

	#taskselector li.overdue .count:after {
	border-color: #ff3800 transparent;
	}

	.tagcloud {
	padding: 0;
	margin: 6px;
	list-style: none;
	}

	.tagcloud li {
	display: inline-block;
	color: #004458;
	padding-right: 0.2em;
	margin-right: 0.3em;
	margin-bottom: 0.4em;
	min-width: 1.2em;
	cursor: pointer;
	}

	.tagcloud li.inactive {
	color: #89b3be;
	padding-right: 0.6em;
	font-size: 80%;
	/* display: none; */
	}

	.tagcloud li .count {
	position: relative;
	top: -1px;
	margin-left: 5px;
	padding: 0.15em 0.5em;
	font-size: 80%;
	font-weight: bold;
	color: #59838e;
	background: #c7e3ef;
	box-shadow: inset 0 1px 1px 0 #b0ccd7;
	-o-box-shadow: inset 0 1px 1px 0 #b0ccd7;
	-webkit-box-shadow: inset 0 1px 1px 0 #b0ccd7;
	-moz-box-shadow: inset 0 1px 1px 0 #b0ccd7;
	border-color: #b0ccd7;
	border-radius: 8px;
	}

	.tag-draghelper .tag .count,
	.tagcloud li.inactive .count {
	display: none;
	}

	#tasklistsbox .treelist li {
	margin: 0;
	display: block;
	position: relative;
	}

	#tasklistsbox .treelist li div.tasklist {
	margin: 0;
	height: 20px;
	padding: 6px 8px 2px 6px;
	position: relative;
	white-space: nowrap;
	}

	#tasklistsbox .treelist li.virtual > div.tasklist {
	height: 14px;
	}

	#tasklistsbox .treelist ul li > div.tasklist {
	margin-left: 16px;
	}

	#tasklistsbox .treelist ul ul li > div.tasklist {
	margin-left: 32px;
	}

	#tasklistsbox .treelist ul ul ul li > div.tasklist {
	margin-left: 48px;
	}

	#tasklistsbox .treelist li label {
	display: block;
	}

	#tasklistsbox .treelist li span.listname {
	display: block;
	position: absolute;
	top: 7px;
	left: 38px;
	right: 40px;
	cursor: default;
	padding: 0px 30px 2px 2px;
	color: #004458;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(sprites.png) right 20px no-repeat;
	}

	.quickview-active #tasklistsbox .treelist li input,
	.quickview-active #tasklistsbox .treelist li span.listname {
	opacity: 0.35;
	}

	.quickview-active #tasklistsbox .treelist div.focusview span.listname {
	opacity: 1.0;
	}

	#tasklistsbox .treelist div span.actions {
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 2px;
	padding: 5px 20px 0 6px;
	min-width: 40px;
	height: 19px;
	text-align: right;
	}

	#tasklistsbox .treelist div:hover span.actions {
	top: 1px;
	right: 1px;
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	background: #f7f7f7;
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
	background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
	}

	#tasklistsbox .treelist div a.remove,
	#tasklistsbox .treelist div a.quickview,
	#tasklistsbox .treelist div a.subscribed {
	display: inline-block;
	width: 16px;
	height: 16px;
	padding: 0;
	margin-right: 4px;
	background: url(sprites.png) -200px 0 no-repeat;
	overflow: hidden;
	text-indent: -5000px;
	cursor: pointer;
	}

	#tasklistsbox .treelist div a.subscribed {
	position: absolute;
	top: 5px;
	right: 4px;
	margin: 0;
	}

	#tasklistsbox .treelist div a.subscribed:focus,
	#tasklistsbox .treelist div:hover a.subscribed {
	background-position: -2px -215px;
	}

	#tasklistsbox .treelist div.subscribed a.subscribed {
	background-position: -20px -215px;
	}

	#tasklistsbox .treelist div a.quickview:focus,
	#tasklistsbox .treelist div:hover a.quickview {
	background-position: -20px -101px;
	background-color: transparent !important;
	}

	#tasklistsbox .treelist div a.remove:focus,
	#tasklistsbox .treelist div:hover a.remove {
	background-position: -2px -371px;
	background-color: transparent !important;
	}

	#tasklistsbox .treelist div.focusview a.quickview {
	background-position: -2px -101px;
	}

	#tasklistsbox .searchresults .treelist div a.remove,
	#tasklistsbox .searchresults .treelist div a.quickview {
	display: none;
	}

	#tasklistsbox .treelist div a.remove:focus,
	#tasklistsbox .treelist div a.quickview:focus,
	#tasklistsbox .treelist div a.subscribed:focus {
	border-radius: 3px;
	outline: 2px solid rgba(30,150,192, 0.5);
	}

	#tasklistsbox .treelist li.selected > div > span.listname {
	font-weight: bold;
	}

	#tasklistsbox .treelist .readonly > span.listname {
	background-position: right -142px;
	}

	#tasklistsbox .treelist .user > span.listname {
	background-position: right -160px;
	}

	#tasklistsbox .treelist .virtual > span.listname {
	color: #aaa;
	top: 4px;
	left: 20px;
	right: 5px;
	}

	#tasklistsbox .treelist.flat li span.calname {
	left: 24px;
	right: 22px;
	}

	#tasklistsbox .treelist li input {
	position: absolute;
	top: 5px;
	left: 18px;
	}

	#tasklistsbox .treelist li .treetoggle {
	top: 8px;
	}

	#tasklistsbox .treelist li.virtual > .treetoggle {
	top: 6px;
	}

	#tasklistsbox .searchresults {
	background: #b0ccd7;
	margin-top: 8px;
	}

	#tasklistsbox .searchresults .boxtitle {
	background: none;
	padding: 2px 8px 2px 8px;
	}

	#tasklistsbox .searchresults .listing li {
	background-color: #c7e3ef;
	}

	#mainview-right {
	position: absolute;
	top: 0;
	left: 256px;
	right: 0;
	bottom: 0;
	}

	#taskstoolbar {
	position: absolute;
	top: -6px;
	left: 0;
	width: 100%;
	height: 40px;
	white-space: nowrap;
	}

	#taskstoolbar a.button.newtask {
	background-image: url(buttons.png);
	background-position: center -53px;
	}

	#quickaddbox {
	position: absolute;
	top: 2px;
	left: 0;
	width: 60%;
	height: 32px;
	white-space: nowrap;
	}

	#quickaddinput {
	width: 85%;
	margin: 0;
	padding: 3px 8px;
	height: 18px;
	background: #f1f1f1;
	background: rgba(255, 255, 255, 0.7);
	border-color: #a3a3a3;
	font-weight: bold;
	}

	#quickaddbox .button {
	margin-left: 5px;
	padding: 3px 10px;
	font-weight: bold;
	}

	#tasksview {
	position: absolute;
	top: 42px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.2);
	overflow: visible;
	}

	.quickview-active #tasksview {
	background-image: url('images/focusview.png');
	background-position: center;
	background-repeat: no-repeat;
	}

	#message.statusbar {
	border-top: 1px solid #c3c3c3;
	}

	#tasksview .scroller {
	position: absolute;
	left: 0;
	top: 35px;
	width: 100%;
	bottom: 0;
	overflow: auto;
	}

	#tasksview .buttonbar {
	color: #777;
	background: #eee;
	background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf));
	background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
	background: linear-gradient(top, #eee 0%, #dfdfdf 100%);
	border-bottom: 1px solid #ccc;
	position: relative;
	line-height: 13px;
	height: 20px;
	}

	#tasksview .buttonbar .buttonbar-right {
	position: absolute;
	top: 6px;
	right: 8px;
	}

	.buttonbar-right .listmenu {
	display: inline-block;
	cursor: pointer;
	}

	.buttonbar-right a.iconbutton {
	padding: 0;
	background-image: url(sprites.png);
	background-position: 0 -238px;
	}

	.buttonbar-right a.iconbutton.sorting {
	background-position: -18px -347px;
	}

	#thelist {
	padding: 0;
	margin: 1em;
	list-style: none;
	}

	#listmessagebox {
	display: none;
	font-size: 14px;
	color: #666;
	margin: 1.5em;
	text-shadow: 0px 1px 1px #fff;
	text-align:center;
	}

	.taskitem {
	position: relative;
	display: block;
	margin-bottom: 3px;
	}

	.taskitem.dragging {
	opacity: 0.5;
	}

	.taskitem .childtasks {
	position: relative;
	padding: 0;
	margin: 3px 0 0 20px;
	list-style: none;
	}

	.taskitem .childtoggle {
	display: none;
	position: absolute;
	top: 4px;
	left: -5px;
	padding: 2px;
	font-size: 10px;
	color: #727272;
	cursor: pointer;

	width: 14px;
	height: 14px;
	background: url(sprites.png) -2px -80px no-repeat;
	text-indent: -1000px;
	overflow: hidden;
	}

	.taskitem .childtoggle.collapsed {
	background-position: -18px -81px;
	}

	.taskhead {
	position: relative;
	margin-left: 14px;
	padding: 4px 5px 3px 5px;
	border: 1px solid #fff;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);
	box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);
	padding-right: 26em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: default;
	outline: none;
	}

	.taskhead:focus,
	.taskhead.droptarget {
	border-color: #4787b1;
	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	}

	.taskhead .complete {
	margin: -1px 1em 0 0;
	}

	.taskhead .title {
	font-size: 12px;
	}

	.taskhead .flagged {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(sprites.png) 1000px -3px no-repeat;
	margin: -3px 1em 0 0;
	vertical-align: middle;
	cursor: pointer;
	}

	.taskhead .flagged:focus,
	.taskhead:hover .flagged {
	background-position: -2px -3px;
	}

	.taskhead.flagged .flagged {
	background-position: -2px -23px;
	}

	.taskhead .tags {
	display: block;
	position: absolute;
	top: 3px;
	right: 10em;
	max-width: 14em;
	height: 16px;
	overflow: hidden;
	padding-top: 1px;
	text-align: right;
	}

	.tag-draghelper .tag,
	.taskhead .tags .tag {
	font-size: 85%;
	background: #d9ecf4;
	border: 1px solid #c2dae5;
	border-radius: 4px;
	padding: 1px 7px;
	margin-right: 3px;
	}

	.tag-draghelper li.tag {
	list-style: none;
	font-size: 100%;
	}

	.taskhead .date {
	position: absolute;
	top: 4px;
	right: 30px;
	text-align: right;
	cursor: pointer;
	}

	.taskhead.nodate .date {
	color: #ddd;
	}

	.taskhead.overdue .date {
	color: #d00;
	}

	.taskhead.nodate:hover .date {
	color: #999;
	}

	.taskhead .date input {
	padding: 1px 2px;
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
	text-align: right;
	width: 6em;
	font-size: 11px;
	}

	.taskhead .actions {
	display: block;
	position: absolute;
	top: 3px;
	right: 6px;
	width: 18px;
	height: 18px;
	background: url(sprites.png) 1000px -80px no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	cursor: pointer;
	}

	.taskhead .actions:focus,
	.taskhead:hover .actions {
	background-position: 0 -80px;
	}

	.taskhead.complete {
	opacity: 0.6;
	}

	.taskhead.complete .title {
	text-decoration: line-through;
	}

	.taskhead .progressbar {
	position: absolute;
	bottom: 1px;
	left: 6px;
	right: 6px;
	height: 2px;
	}

	.taskhead.complete .progressbar {
	display: none;
	}

	.taskhead .progressvalue {
	height: 1px;
	background: rgba(1, 124, 180, 0.2);
	border-top: 1px solid #219de6;
	}

	ul.toolbarmenu li span.add,
	ul.toolbarmenu li span.expand,
	ul.toolbarmenu li span.collapse,
	ul.toolbarmenu.iconized .selected span.icon {
	background-image: url(sprites.png);
	}

	ul.toolbarmenu li span.add {
	background-position: 0 -302px;
	}

	ul.toolbarmenu li span.expand {
	background-position: 0 -258px;
	}

	ul.toolbarmenu li span.collapse {
	background-position: 0 -280px;
	}

	ul.toolbarmenu li span.delete {
	background-position: 0 -1508px;
	}

	ul.toolbarmenu.iconized .selected span.icon {
	background-position: 0 -324px;
	}

	ul.toolbarmenu .sortcol.by-auto a {
	font-style: italic;
	}

	.taskitem-draghelper {
	/*
	width: 32px;
	height: 26px;
	*/
	background: #444;
	border: 1px solid #555;
	border-radius: 4px;
	box-shadow: 0 2px 6px 0 #333;
	-moz-box-shadow: 0 2px 6px 0 #333;
	-webkit-box-shadow: 0 2px 6px 0 #333;
	-o-box-shadow: 0 2px 6px 0 #333;
	z-index: 5000;
	padding: 2px 10px;
	font-size: 20px;
	color: #ccc;
	opacity: 0.92;
	filter: alpha(opacity=90);
	text-shadow: 0px 1px 1px #333;
	}

	#rootdroppable {
	display: none;
	position: absolute;
	top: 2px;
	left: 1em;
	right: 1em;
	height: 5px;
	background: #ddd;
	border-radius: 3px;
	}

	#rootdroppable.droptarget {
	background: #4787b1;
	box-shadow: 0 0 2px 1px rgba(71,135,177, 0.9);
	-moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.9);
	-webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.9);
	-o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.9);

	}

	/* task edit form */

	#taskedit,
	#taskshow {
	display:none;
	}

	#taskedit {
	position: relative;
	top: -1.5em;
	padding: 0.5em 0.1em;
	margin: 0 -0.2em;
	}

	#taskshow h2 {
	margin-top: -0.5em;
	}

	#taskshow label {
	color: #999;
	}

	#taskshow.status-cancelled {
	background: url(images/badge_cancelled.png) top right no-repeat;
	}

	#task-parent-title {
	position: relative;
	top: -0.6em;
	}

	a.morelink {
	font-size: 90%;
	color: #0069a6;
	text-decoration: none;
	outline: none;
	}

	a.morelink:hover {
	text-decoration: underline;
	}

	#taskedit .ui-tabs-panel {
	min-height: 24em;
	}

	#taskeditform input.text,
	#taskeditform textarea {
	width: 97%;
	}

	#taskeditform .formbuttons {
	margin: 0.5em 0;
	}

	#taskedit .border-after {
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	border-bottom: 2px solid #fafafa;
	}

	#taskedit .edit-attendees-table {
	width: 100%;
	margin-top: 0.5em;
	}

	#taskedit .edit-attendees-table tbody td {
	- padding: 4px 7px;
	+ padding: 5px 7px 6px;
	}

	#taskedit .edit-attendees-table tbody tr:last-child td {
	border-bottom: 0;
	}

	#taskedit .edit-attendees-table th.role,
	#taskedit .edit-attendees-table td.role {
	width: 9em;
	}

	#taskedit .edit-attendees-table th.availability,
	#taskedit .edit-attendees-table td.availability,
	#taskedit .edit-attendees-table th.confirmstate,
	#taskedit .edit-attendees-table td.confirmstate {
	width: 6em;
	}

	#taskedit .edit-attendees-table th.options,
	#taskedit .edit-attendees-table td.options {
	width: 24px;
	padding: 2px 4px;
	text-align: right;
	}

	#taskedit .edit-attendees-table th.invite,
	#taskedit .edit-attendees-table td.invite {
	width: 48px;
	padding: 2px;
	}

	#taskedit .edit-attendees-table th.invite label {
	display: inline-block;
	position: relative;
	top: 4px;
	width: 24px;
	height: 18px;
	min-width: 24px;
	padding: 0;
	overflow: hidden;
	text-indent: -5000px;
	white-space: nowrap;
	background: url(images/sendinvitation.png) 1px 0 no-repeat;
	}

	#taskedit .edit-attendees-table th.name,
	#taskedit .edit-attendees-table td.name {
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	+}
	+
	+#taskedit .edit-attendees-table td.name .attendee-name {
	+ display: block;
	position: relative;
	+ overflow: hidden;
	+ text-overflow: ellipsis;
	+ padding: 5px 7px 6px 4px;
	+ margin: -5px -7px -6px;
	}

	#taskedit .edit-attendees-table td.name select {
	width: 100%;
	}

	#taskedit .edit-attendees-table a.deletelink {
	display: inline-block;
	width: 17px;
	height: 17px;
	padding: 0;
	overflow: hidden;
	text-indent: 1000px;
	}

	#taskedit .edit-attendees-table a.expandlink {
	position: absolute;
	top: 4px;
	right: 6px;
	width: 16px;
	height: 16px;
	}

	#edit-attendees-form {
	position: relative;
	margin-top: 15px;
	}

	#edit-attendees-form .attendees-invitebox {
	text-align: right;
	margin: 0;
	}

	#edit-attendees-form .attendees-invitebox label {
	padding-right: 3px;
	}

	#taskedit-attachments {
	margin: 0.6em 0;
	}

	#taskedit-attachments ul li {
	display: block;
	color: #333;
	font-weight: bold;
	padding: 3px 4px 3px 30px;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
	white-space: nowrap;
	line-height: 20px;
	}

	#taskedit-attachments ul li a.file {
	padding: 0;
	}

	#taskedit-attachments-form {
	margin-top: 1em;
	padding-top: 0.8em;
	border-top: 2px solid #fafafa;
	}

	div.form-section {
	position: relative;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	}

	.form-section label {
	display: inline-block;
	min-width: 7em;
	padding-right: 0.5em;
	margin-bottom: 0.3em;
	}

	.tasklistview div.form-section span.task-text + label {
	margin-left: 2em;
	}

	label.block {
	display: block;
	margin-bottom: 0.3em;
	}

	#task-description {
	margin-bottom: 1em;
	}

	#taskedit-completeness-slider {
	display: inline-block;
	margin-left: 2em;
	width: 30em;
	height: 0.8em;
	border: 1px solid #ccc;
	}

	#taskedit-tagline {
	width: 97%;
	}

	#taskedit .droptarget {
	background-image: url(../../../../skins/larry/images/filedrop.png) !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
	}

	#taskedit .droptarget.hover,
	#taskedit .droptarget.active {
	border-color: #019bc6;
	box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	-moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	-webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	-o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
	}

	#taskedit .droptarget.hover {
	background-color: #d9ecf4;
	box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	-o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
	}

	#task-links {
	margin-top: 0;
	margin-bottom: 0.2em;
	}

	#task-links label {
	vertical-align: top;
	margin-top: 0.3em;
	}

	#task-links .attachmentslist {
	display: inline-block;
	}

	#task-links .attachmentslist li {
	display: inline-block;
	margin-right: 1em;
	}

	#taskedit-links .attachmentslist li.message.eml,
	#task-links .attachmentslist li.message.eml {
	background-image: url(sprites.png);
	background-position: -2px -388px;
	}

	#taskedit-links .attachmentslist li.message a.messagelink,
	#task-links .attachmentslist li.message a.messagelink {
	padding: 0 0 0 24px;
	}

	#taskedit-links .attachmentslist li.deleted a.messagelink,
	#taskedit-links .attachmentslist li.deleted a.messagelink:hover {
	text-decoration: line-through;
	}

	#taskedit-links label {
	float: left;
	margin-top: 0.3em;
	}

	#taskedit-links .task-text {
	margin-left: 8em;
	min-height: 22px;
	}

	#taskedit-links .attachmentslist li a.delete {
	top: 0;
	background-position: -6px -378px;
	}

	#task-attachments .attachmentslist li {
	float: left;
	margin-right: 1em;
	}

	#task-attachments .attachmentslist li a {
	outline: none;
	}

	.task-attendees span.attendee {
	padding-right: 18px;
	margin-right: 0.5em;
	background: url(images/attendee-status.png) right 0 no-repeat;
	}

	.task-attendees span.attendee a.mailtolink {
	text-decoration: none;
	white-space: nowrap;
	outline: none;
	}

	.task-attendees span.attendee a.mailtolink:hover {
	text-decoration: underline;
	}

	.task-attendees span.completed {
	background-position: right -20px;
	}

	.task-attendees span.declined {
	background-position: right -40px;
	}

	.task-attendees span.tentative {
	background-position: right -60px;
	}

	.task-attendees span.delegated {
	background-position: right -180px;
	}

	.task-attendees span.in-process {
	background-position: right -200px;
	}

	.task-attendees span.accepted {
	background-position: right -220px;
	}

	.task-attendees span.organizer {
	background-position: right 100px;
	}

	#all-task-attendees span.attendee {
	display: block;
	margin-bottom: 0.4em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #ddd;
	}

	.tasklistview .uidialog .tabbed {
	min-width: 600px;
	}

	.tasklistview .uidialog .propform fieldset.ui-tabs-panel {
	min-height: 290px;
	}

	.tasklistview .uidialog .propform #taskedit-tasklistame {
	width: 20em;
	}

	.task-dialog-message {
	margin-top: 0.5em;
	padding: 0.8em;
	border: 1px solid #ffdf0e;
	background-color: #fef893;
	}

	.task-dialog-message .message,
	.task-update-confirm .message {
	margin-bottom: 0.5em;
	}

	/* Invitation UI in mail */

	.messagelist tbody .attachment span.ical {
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	width: 20px;
	padding: 0;
	background: url(images/ical-attachment.png) 2px 1px no-repeat;
	}

	div.tasklist-invitebox {
	min-height: 20px;
	margin: 5px 8px;
	padding: 3px 6px 6px 34px;
	border: 1px solid #ffdf0e;
	background: url(images/tasklist.png) 6px 5px no-repeat #fef893;
	}

	div.tasklist-invitebox td {
	padding: 2px;
	}

	div.tasklist-invitebox td.ititle {
	font-weight: bold;
	padding-right: 0.5em;
	}

	div.tasklist-invitebox td.label {
	color: #666;
	padding-right: 1em;
	}

	#task-rsvp .rsvp-buttons,
	#task-rsvp .itip-reply-controls,
	div.tasklist-invitebox .itip-buttons div {
	margin-top: 0.5em;
	}

	#task-rsvp .itip-reply-controls a,
	#task-rsvp .itip-reply-controls label {
	color: #333;
	}

	#task-rsvp input.button,
	div.tasklist-invitebox input.button {
	font-weight: bold;
	margin-right: 0.5em;
	}

	div.tasklist-invitebox .folder-select {
	font-weight: 10px;
	margin-left: 1em;
	}

	div.tasklist-invitebox .rsvp-status {
	padding-left: 2px;
	}

	div.tasklist-invitebox .rsvp-status.loading {
	color: #666;
	padding: 1px 0 2px 24px;
	background: url(images/loading_blue.gif) top left no-repeat;
	}

	div.tasklist-invitebox .rsvp-status.hint {
	color: #666;
	text-shadow: none;
	font-style: italic;
	}

	#task-partstat .changersvp,
	.tasklistview .edit-attendees-table td.confirmstate span,
	div.tasklist-invitebox .rsvp-status.declined,
	div.tasklist-invitebox .rsvp-status.tentative,
	div.tasklist-invitebox .rsvp-status.accepted,
	div.tasklist-invitebox .rsvp-status.delegated,
	div.tasklist-invitebox .rsvp-status.in-process,
	div.tasklist-invitebox .rsvp-status.completed,
	div.tasklist-invitebox .rsvp-status.needs-action {
	padding: 0 0 1px 22px;
	background: url(images/attendee-status.png) 2px -20px no-repeat;
	}

	#task-partstat .changersvp.declined,
	div.tasklist-invitebox .rsvp-status.declined,
	.tasklistview .edit-attendees-table td.confirmstate span.declined {
	background-position: 2px -40px;
	}

	#task-partstat .changersvp.tentative,
	div.tasklist-invitebox .rsvp-status.tentative,
	.tasklistview .edit-attendees-table td.confirmstate span.tentative {
	background-position: 2px -60px;
	}

	#task-partstat .changersvp.delegated,
	div.tasklist-invitebox .rsvp-status.delegated,
	.tasklistview .edit-attendees-table td.confirmstate span.delegated {
	background-position: 2px -180px;
	}

	#task-partstat .changersvp.needs-action,
	div.tasklist-invitebox .rsvp-status.needs-action,
	.tasklistview .edit-attendees-table td.confirmstate span.needs-action {
	background-position: 2px 0;
	}

	#task-partstat .changersvp.in-process,
	div.tasklist-invitebox .rsvp-status.in-process,
	.tasklistview .edit-attendees-table td.confirmstate span.in-process {
	background-position: 2px -200px;
	}

	#task-partstat .changersvp.accepted,
	div.tasklist-invitebox .rsvp-status.accepted,
	.tasklistview .edit-attendees-table td.confirmstate span.accepted {
	background-position: 2px -220px;
	}

	div.messagetasklinks {
	position: relative;
	margin: 8px 8px;
	padding: 4px 8px 4px 30px;
	border: 1px solid #dfdfdf;
	background: #fafafa;
	border-radius: 4px;
	}

	div.messagetasklinks::before {
	content: " ";
	position: absolute;
	top: 4px;
	left: 8px;
	width: 18px;
	height: 18px;
	background: url(buttons.png) -6px -115px no-repeat;
	}

	div.messagetasklinks ul.tasklist {
	margin: 0;
	padding: 0;
	list-style: none;
	}

	div.messagetasklinks .messagetaskref {
	display: block;
	margin-bottom: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

	div.messagetasklinks a.messagetasklink {
	position: relative;
	display: inline-block;
	color: #333;
	font-weight: bold;
	padding: 3px 0 2px 2px;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	}

	div.messagetasklinks .messagetaskref.complete a.messagetasklink {
	text-decoration: line-through;
	text-shadow: none;
	color: #666;
	}

	div.messagetasklinks .messagetaskref input.complete {
	vertical-align: middle;
	}


	.tasklist.attachmentwin #attachmenttoolbar {
	position: relative;
	top: -6px;
	height: 40px;
	}

	.tasklist.attachmentwin #attachmentcontainer {
	position: absolute;
	top: 0;
	left: 232px;
	right: 0;
	bottom: 0;
	}

	.tasklist.attachmentwin #attachmentframe {
	width: 100%;
	height: 100%;
	border: 0;
	background-color: #fff;
	border-radius: 4px;
	}

	.tasklist.attachmentwin #partheader {
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	bottom: 0;
	}

	.tasklist.attachmentwin #partheader table {
	table-layout: fixed;
	overflow: hidden;
	}

	.tasklist.attachmentwin #partheader table td {
	color: #666;
	padding: 4px 6px;
	text-overflow: ellipsis;
	overflow: hidden;
	}

	.tasklist.attachmentwin #partheader table td.header {
	font-weight: bold;
	}

	.tasklist.attachmentwin #partheader table td.title {
	width: 60px;
	padding-right: 0;
	}


	/ Special hacks for IE7 /
	/ They need to be in this file to also affect the task-create dialog embedded in mail view /

	html.ie7 #taskedit-completeness-slider {
	display: inline;
	}
	diff --git a/plugins/tasklist/tasklist.js b/plugins/tasklist/tasklist.js
	index acb75054..70210165 100644
	--- a/plugins/tasklist/tasklist.js
	+++ b/plugins/tasklist/tasklist.js
	@@ -1,3048 +1,3048 @@
	/**
	* Client scripts for the Tasklist plugin
	*
	* @author Thomas Bruederli <bruederli@kolabsys.com>
	*
	* @licstart The following is the entire license notice for the
	* JavaScript code in this file.
	*
	* Copyright (C) 2012, Kolab Systems AG <contact@kolabsys.com>
	*
	* This program is free software: you can redistribute it and/or modify
	* it under the terms of the GNU Affero General Public License as
	* published by the Free Software Foundation, either version 3 of the
	* License, or (at your option) any later version.
	*
	* This program is distributed in the hope that it will be useful,
	* but WITHOUT ANY WARRANTY; without even the implied warranty of
	* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	* GNU Affero General Public License for more details.
	*
	* You should have received a copy of the GNU Affero General Public License
	* along with this program. If not, see <http://www.gnu.org/licenses/>.
	*
	* @licend The above is the entire license notice
	* for the JavaScript code in this file.
	*/

	function rcube_tasklist_ui(settings)
	{
	// extend base class
	rcube_libcalendaring.call(this, settings);

	/* constants */
	var FILTER_MASK_ALL = 0;
	var FILTER_MASK_TODAY = 1;
	var FILTER_MASK_TOMORROW = 2;
	var FILTER_MASK_WEEK = 4;
	var FILTER_MASK_LATER = 8;
	var FILTER_MASK_NODATE = 16;
	var FILTER_MASK_OVERDUE = 32;
	var FILTER_MASK_FLAGGED = 64;
	var FILTER_MASK_COMPLETE = 128;
	var FILTER_MASK_ASSIGNED = 256;
	var FILTER_MASK_MYTASKS = 512;

	var filter_masks = {
	all: FILTER_MASK_ALL,
	today: FILTER_MASK_TODAY,
	tomorrow: FILTER_MASK_TOMORROW,
	week: FILTER_MASK_WEEK,
	later: FILTER_MASK_LATER,
	nodate: FILTER_MASK_NODATE,
	overdue: FILTER_MASK_OVERDUE,
	flagged: FILTER_MASK_FLAGGED,
	complete: FILTER_MASK_COMPLETE,
	assigned: FILTER_MASK_ASSIGNED,
	mytasks: FILTER_MASK_MYTASKS
	};

	/* private vars */
	var tagsfilter = [];
	var filtermask = FILTER_MASK_ALL;
	var loadstate = { filter:-1, lists:'', search:null };
	var idcount = 0;
	var focusview = false;
	var focusview_lists = [];
	var saving_lock;
	var ui_loading;
	var taskcounts = {};
	var listindex = [];
	var listdata = {};
	var tags = [];
	var draghelper;
	var search_request;
	var search_query;
	var completeness_slider;
	var task_draghelper;
	var tag_draghelper;
	var task_drag_active = false;
	var list_scroll_top = 0;
	var scroll_delay = 400;
	var scroll_step = 5;
	var scroll_speed = 20;
	var scroll_sensitivity = 40;
	var scroll_timer;
	var tasklists_widget;
	var focused_task;
	var focused_subclass;
	var task_attendees = [];
	var attendees_list;
	var me = this;

	// general datepicker settings
	var datepicker_settings = {
	// translate from PHP format to datepicker format
	dateFormat: settings['date_format'].replace(/M/g, 'm').replace(/mmmmm/, 'MM').replace(/mmm/, 'M').replace(/dddd/, 'DD').replace(/ddd/, 'D').replace(/yy/g, 'y'),
	firstDay : settings['first_day'],
	// dayNamesMin: settings['days_short'],
	// monthNames: settings['months'],
	// monthNamesShort: settings['months'],
	changeMonth: false,
	showOtherMonths: true,
	selectOtherMonths: true
	};
	var extended_datepicker_settings;

	/* public members */
	this.tasklists = rcmail.env.tasklists;
	this.selected_task;
	this.selected_list;

	/* public methods */
	this.init = init;
	this.edit_task = task_edit_dialog;
	this.delete_task = delete_task;
	this.add_childtask = add_childtask;
	this.quicksearch = quicksearch;
	this.reset_search = reset_search;
	this.expand_collapse = expand_collapse;
	this.list_delete = list_delete;
	this.list_remove = list_remove;
	this.list_edit_dialog = list_edit_dialog;
	this.unlock_saving = unlock_saving;

	/* imports */
	var Q = this.quote_html;
	var text2html = this.text2html;
	var event_date_text = this.event_date_text;
	var parse_datetime = this.parse_datetime;
	var date2unixtime = this.date2unixtime;
	var fromunixtime = this.fromunixtime;
	var render_message_links = this.render_message_links;

	/**
	* initialize the tasks UI
	*/
	function init()
	{
	// initialize task list selectors
	for (var id in me.tasklists) {
	if (settings.selected_list && me.tasklists[settings.selected_list] && !me.tasklists[settings.selected_list].active) {
	me.tasklists[settings.selected_list].active = true;
	me.selected_list = settings.selected_list;
	$(rcmail.gui_objects.tasklistslist).find("input[value='"+settings.selected_list+"']").prop('checked', true);
	}
	if (me.tasklists[id].editable && (!me.selected_list \|\| me.tasklists[id].default \|\| (me.tasklists[id].active && !me.tasklists[me.selected_list].active))) {
	me.selected_list = id;
	}
	}

	// initialize treelist widget that controls the tasklists list
	var widget_class = window.kolab_folderlist \|\| rcube_treelist_widget;
	tasklists_widget = new widget_class(rcmail.gui_objects.tasklistslist, {
	id_prefix: 'rcmlitasklist',
	selectable: true,
	save_state: true,
	keyboard: false,
	searchbox: '#tasklistsearch',
	search_action: 'tasks/tasklist',
	search_sources: [ 'folders', 'users' ],
	search_title: rcmail.gettext('listsearchresults','tasklist')
	});
	tasklists_widget.addEventListener('select', function(node) {
	var id = $(this).data('id');
	rcmail.enable_command('list-edit', 'list-delete', 'list-import', me.tasklists[node.id].editable);
	rcmail.enable_command('list-remove', me.tasklists[node.id] && me.tasklists[node.id].removable);
	me.selected_list = node.id;
	});
	tasklists_widget.addEventListener('subscribe', function(p) {
	var list;
	if ((list = me.tasklists[p.id])) {
	list.subscribed = p.subscribed \|\| false;
	rcmail.http_post('tasklist', { action:'subscribe', l:{ id:p.id, active:list.active?1:0, permanent:list.subscribed?1:0 } });
	}
	});
	tasklists_widget.addEventListener('remove', function(p) {
	if (me.tasklists[p.id] && me.tasklists[p.id].removable) {
	list_remove(p.id);
	}
	});
	tasklists_widget.addEventListener('insert-item', function(p) {
	var list = p.data;
	if (list && list.id && !list.virtual) {
	me.tasklists[list.id] = list;
	var prop = { id:p.id, active:list.active?1:0 };
	if (list.subscribed) prop.permanent = 1;
	rcmail.http_post('tasklist', { action:'subscribe', l:prop });
	list_tasks();
	$(p.item).data('type', 'tasklist');
	}
	});
	tasklists_widget.addEventListener('search-complete', function(data) {
	if (data.length)
	rcmail.display_message(rcmail.gettext('nrtasklistsfound','tasklist').replace('$nr', data.length), 'voice');
	else
	rcmail.display_message(rcmail.gettext('notasklistsfound','tasklist'), 'info');
	});

	// init (delegate) event handler on tasklist checkboxes
	tasklists_widget.container.on('click', 'input[type=checkbox]', function(e) {
	var list, id = this.value;
	if ((list = me.tasklists[id])) {
	list.active = this.checked;
	fetch_counts();
	if (!this.checked) remove_tasks(id);
	else list_tasks(null);
	rcmail.http_post('tasklist', { action:'subscribe', l:{ id:id, active:list.active?1:0 } });

	// disable focusview
	if (!this.checked && focusview && $.inArray(id, focusview_lists) >= 0) {
	set_focusview(null);
	}

	// adjust checked state of original list item
	if (tasklists_widget.is_search()) {
	tasklists_widget.container.find('input[value="'+id+'"]').prop('checked', this.checked);
	}
	}
	e.stopPropagation();
	})
	.on('keypress', 'input[type=checkbox]', function(e) {
	// select tasklist on <Enter>
	if (e.keyCode == 13) {
	tasklists_widget.select(this.value);
	return rcube_event.cancel(e);
	}
	})
	.find('li:not(.virtual)').data('type', 'tasklist');

	// handler for clicks on quickview buttons
	tasklists_widget.container.on('click', '.quickview', function(e){
	var id = $(this).closest('li').attr('id').replace(/^rcmlitasklist/, '');

	if (tasklists_widget.is_search())
	id = id.replace(/--xsR$/, '');

	set_focusview(id, e.shiftKey \|\| e.metaKey \|\| e.ctrlKey);
	e.stopPropagation();
	return false;
	});

	// register dbl-click handler to open calendar edit dialog
	tasklists_widget.container.on('dblclick', ':not(.virtual) > .tasklist', function(e){
	var id = $(this).closest('li').attr('id').replace(/^rcmlitasklist/, '');

	if (tasklists_widget.is_search())
	id = id.replace(/--xsR$/, '');

	list_edit_dialog(id);
	});

	if (me.selected_list) {
	rcmail.enable_command('addtask', true);
	tasklists_widget.select(me.selected_list);
	}

	// register server callbacks
	rcmail.addEventListener('plugin.data_ready', data_ready);
	rcmail.addEventListener('plugin.update_task', update_taskitem);
	rcmail.addEventListener('plugin.refresh_tasks', function(p) { update_taskitem(p, true); });
	rcmail.addEventListener('plugin.update_counts', update_counts);
	rcmail.addEventListener('plugin.insert_tasklist', insert_list);
	rcmail.addEventListener('plugin.update_tasklist', update_list);
	rcmail.addEventListener('plugin.destroy_tasklist', destroy_list);
	rcmail.addEventListener('plugin.unlock_saving', unlock_saving);
	rcmail.addEventListener('requestrefresh', before_refresh);
	rcmail.addEventListener('plugin.reload_data', function(){
	list_tasks(null, true);
	setTimeout(fetch_counts, 200);
	});

	rcmail.register_command('list-sort', list_set_sort, true);
	rcmail.register_command('list-order', list_set_order, (settings.sort_col \|\| 'auto') != 'auto');

	$('#taskviewsortmenu .by-' + (settings.sort_col \|\| 'auto')).attr('aria-checked', 'true').addClass('selected');
	$('#taskviewsortmenu .sortorder.' + (settings.sort_order \|\| 'asc')).attr('aria-checked', 'true').addClass('selected');

	// start loading tasks
	fetch_counts();
	list_tasks(settings.selected_filter);

	// register event handlers for UI elements
	$('#taskselector a').click(function(e) {
	if (!$(this).parent().hasClass('inactive')) {
	var selector = this.href.replace(/^.*#/, ''),
	mask = filter_masks[selector],
	shift = e.shiftKey \|\| e.ctrlKey \|\| e.metaKey;

	if (!shift)
	filtermask = mask; // reset selection on regular clicks
	else if (filtermask & mask)
	filtermask -= mask;
	else
	filtermask \|= mask;

	list_tasks();
	}
	return false;
	});

	// quick-add a task
	$(rcmail.gui_objects.quickaddform).submit(function(e){
	var tasktext = this.elements.text.value,
	rec = { id:-(++idcount), title:tasktext, readonly:true, mask:0, complete:0 };

	if (tasktext && tasktext.length) {
	save_task({ tempid:rec.id, raw:tasktext, list:me.selected_list }, 'new');
	render_task(rec);

	$('#listmessagebox').hide();
	}

	// clear form
	this.reset();
	return false;
	}).find('input[type=text]').placeholder(rcmail.gettext('createnewtask','tasklist'));

	// click-handler on tags list
	$(rcmail.gui_objects.tagslist).on('click', 'li', function(e){
	var item = e.target.nodeName == 'LI' ? $(e.target) : $(e.target).closest('li'),
	tag = item.data('value');

	if (!tag)
	return false;

	// reset selection on regular clicks
	var index = $.inArray(tag, tagsfilter);
	var shift = e.shiftKey \|\| e.ctrlKey \|\| e.metaKey;

	if (!shift) {
	if (tagsfilter.length > 1)
	index = -1;

	$('li', rcmail.gui_objects.tagslist).removeClass('selected').attr('aria-checked', 'false');
	tagsfilter = [];
	}

	// add tag to filter
	if (index < 0) {
	item.addClass('selected').attr('aria-checked', 'true');
	tagsfilter.push(tag);
	}
	else if (shift) {
	item.removeClass('selected').attr('aria-checked', 'false');
	var a = tagsfilter.slice(0,index);
	tagsfilter = a.concat(tagsfilter.slice(index+1));
	}

	list_tasks();

	// clear text selection in IE after shift+click
	if (shift && document.selection)
	document.selection.empty();

	e.preventDefault();
	return false;
	})
	.on('keypress', 'li', function(e) {
	if (e.keyCode == 13) {
	$(this).trigger('click', { pointerType:'keyboard' });
	}
	})
	.mousedown(function(e){
	// disable content selection with the mouse
	e.preventDefault();
	return false;
	});

	// click-handler on task list items (delegate)
	$(rcmail.gui_objects.resultlist).on('click', function(e){
	var item = $(e.target);
	var className = e.target.className;

	if (item.hasClass('childtoggle')) {
	item = item.parent().find('.taskhead');
	className = 'childtoggle';
	}
	else if (!item.hasClass('taskhead'))
	item = item.closest('div.taskhead');

	// ignore
	if (!item.length)
	return false;

	var id = item.data('id'),
	li = item.parent(),
	rec = listdata[id];

	switch (className) {
	case 'childtoggle':
	rec.collapsed = !rec.collapsed;
	li.children('.childtasks:first').toggle().attr('aria-hidden', rec.collapsed ? 'true' : 'false');
	$(e.target).toggleClass('collapsed').html(rec.collapsed ? '▶' : '▼');
	rcmail.http_post('tasks/task', { action:'collapse', t:{ id:rec.id, list:rec.list }, collapsed:rec.collapsed?1:0 });
	if (e.shiftKey) // expand/collapse all childs
	li.children('.childtasks:first .childtoggle.'+(rec.collapsed?'expanded':'collapsed')).click();
	break;

	case 'complete':
	if (rcmail.busy)
	return false;

	save_task_confirm(rec, 'edit', { _status_before:rec.status + '', status:e.target.checked ? 'COMPLETED' : (rec.complete > 0 ? 'IN-PROCESS' : 'NEEDS-ACTION') });
	item.toggleClass('complete');
	return true;

	case 'flagged':
	if (rcmail.busy)
	return false;

	rec.flagged = rec.flagged ? 0 : 1;
	item.toggleClass('flagged').find('.flagged:first').attr('aria-checked', (rec.flagged ? 'true' : 'false'));
	save_task(rec, 'edit');
	break;

	case 'date':
	if (rcmail.busy)
	return false;

	var link = $(e.target).html(''),
	input = $('<input type="text" size="10" />').appendTo(link).val(rec.date \|\| '')

	input.datepicker($.extend({
	onClose: function(dateText, inst) {
	if (dateText != (rec.date \|\| '')) {
	save_task_confirm(rec, 'edit', { date:dateText });
	}
	input.datepicker('destroy').remove();
	link.html(dateText \|\| rcmail.gettext('nodate','tasklist'));
	}
	}, extended_datepicker_settings)
	)
	.datepicker('setDate', rec.date)
	.datepicker('show');
	break;

	case 'delete':
	delete_task(id);
	break;

	case 'actions':
	var pos, ref = $(e.target),
	menu = $('#taskitemmenu');

	if (menu.is(':visible') && menu.data('refid') == id) {
	rcmail.command('menu-close', 'taskitemmenu');
	}
	else {
	rcmail.command('menu-open', { menu: 'taskitemmenu', show: true }, e.target, e);
	menu.data('refid', id);
	me.selected_task = rec;
	}
	e.bubble = false;
	break;

	case 'extlink':
	return true;

	default:
	if (e.target.nodeName != 'INPUT')
	task_show_dialog(id);
	break;
	}

	return false;
	})
	.on('dblclick', '.taskhead, .childtoggle', function(e){
	var id, rec, item = $(e.target);
	if (!item.hasClass('taskhead'))
	item = item.closest('div.taskhead');

	if (!rcmail.busy && item.length && (id = item.data('id')) && (rec = listdata[id])) {
	var list = rec.list && me.tasklists[rec.list] ? me.tasklists[rec.list] : {};
	if (rec.readonly \|\| !list.editable)
	task_show_dialog(id);
	else
	task_edit_dialog(id, 'edit');
	clearSelection();
	}
	})
	.on('keydown', '.taskhead', function(e) {
	if (e.target.nodeName == 'INPUT' && e.target.type == 'text')
	return true;

	var inc = 1;
	switch (e.keyCode) {
	case 13: // Enter
	$(e.target).trigger('click', { pointerType:'keyboard' });
	return rcube_event.cancel(e);

	case 38: // Up arrow key
	inc = -1;
	case 40: // Down arrow key
	if ($(e.target).hasClass('actions')) {
	// unfold actions menu
	$(e.target).trigger('click', { pointerType:'keyboard' });
	return rcube_event.cancel(e);
	}

	// focus next/prev task item
	var x = 0, target = this, items = $(rcmail.gui_objects.resultlist).find('.taskhead:visible');
	items.each(function(i, item) {
	if (item === target) {
	x = i;
	return false;
	}
	});
	items.get(x + inc).focus();
	return rcube_event.cancel(e);

	case 37: // Left arrow key
	case 39: // Right arrow key
	$(this).parent().children('.childtoggle:visible').first().trigger('click', { pointerType:'keyboard' });
	break;
	}
	})
	.on('focusin', '.taskhead', function(e){
	if (rcube_event.is_keyboard(e)) {
	var item = $(e.target);
	if (!item.hasClass('taskhead'))
	item = item.closest('div.taskhead');

	var id = item.data('id');
	if (id && listdata[id]) {
	focused_task = id;
	focused_subclass = item.get(0) !== e.target ? e.target.className : null;
	}
	}
	})
	.on('focusout', '.taskhead', function(e){
	var item = $(e.target);
	if (focused_task && item.data('id') == focused_task) {
	focused_task = focused_subclass = null;
	}
	});

	/**
	*
	*/
	function task_rsvp(response, delegate)
	{
	if (me.selected_task && me.selected_task.attendees && response) {
	// bring up delegation dialog
	if (response == 'delegated' && !delegate) {
	rcube_libcalendaring.itip_delegate_dialog(function(data) {
	$('#reply-comment-task-rsvp').val(data.comment);
	data.rsvp = data.rsvp ? 1 : '';
	task_rsvp('delegated', data);
	});
	return;
	}

	// update attendee status
	for (var data, i=0; i < me.selected_task.attendees.length; i++) {
	data = me.selected_task.attendees[i];
	if (settings.identity.emails.indexOf(';'+String(data.email).toLowerCase()) >= 0) {
	data.status = response.toUpperCase();

	if (data.status == 'DELEGATED') {
	data['delegated-to'] = delegate.to;
	}
	else {
	delete data.rsvp; // unset RSVP flag

	if (data['delegated-to']) {
	delete data['delegated-to'];
	if (data.role == 'NON-PARTICIPANT' && data.status != 'DECLINED') {
	data.role = 'REQ-PARTICIPANT';
	}
	}
	}
	}
	}

	// submit status change to server
	saving_lock = rcmail.set_busy(true, 'tasklist.savingdata');
	rcmail.http_post('tasks/task', {
	action: 'rsvp',
	t: $.extend({}, me.selected_task, (delegate \|\| {})),
	filter: filtermask,
	status: response,
	noreply: $('#noreply-task-rsvp:checked').length ? 1 : 0,
	comment: $('#reply-comment-task-rsvp').val()
	});

	task_show_dialog(me.selected_task.id);
	}
	}

	// init RSVP widget
	$('#task-rsvp input.button').click(function(e) {
	task_rsvp($(this).attr('rel'))
	});

	// register click handler for message links
	$('#task-links, #taskedit-links').on('click', 'li a.messagelink', function(e) {
	rcmail.open_window(this.href);
	return false;
	});

	// register click handler for message delete buttons
	$('#taskedit-links').on('click', 'li a.delete', function(e) {
	remove_link(e.target);
	return false;
	});

	// handle global document clicks: close popup menus
	$(document.body).click(clear_popups);

	// extended datepicker settings
	var extended_datepicker_settings = $.extend({
	showButtonPanel: true,
	beforeShow: function(input, inst) {
	setTimeout(function(){
	$(input).datepicker('widget').find('button.ui-datepicker-close')
	.html(rcmail.gettext('nodate','tasklist'))
	.attr('onclick', '')
	.unbind('click')
	.bind('click', function(e){
	$(input).datepicker('setDate', null).datepicker('hide');
	});
	}, 1);
	}
	}, datepicker_settings);
	}

	/**
	* initialize task edit form elements
	*/
	function init_taskedit()
	{
	$('#taskedit').tabs({
	activate: function(event, ui) {
	// reset autocompletion on tab change (#3389)
	if (ui.oldPanel.selector == '#taskedit-panel-attendees') {
	rcmail.ksearch_blur();
	}
	}
	});

	var completeness_slider_change = function(e, ui){
	var v = completeness_slider.slider('value');
	if (v >= 98) v = 100;
	if (v <= 2) v = 0;
	$('#taskedit-completeness').val(v);
	};
	completeness_slider = $('#taskedit-completeness-slider').slider({
	range: 'min',
	animate: 'fast',
	slide: completeness_slider_change,
	change: completeness_slider_change
	});
	$('#taskedit-completeness').change(function(e){
	completeness_slider.slider('value', parseInt(this.value))
	});

	// register events on alarms and recurrence fields
	me.init_alarms_edit('#taskedit-alarms');
	me.init_recurrence_edit('#eventedit');

	$('#taskedit-date, #taskedit-startdate').datepicker(datepicker_settings);

	$('a.edit-nodate').click(function(){
	var sel = $(this).attr('rel');
	if (sel) $(sel).val('');
	return false;
	});

	// init attendees autocompletion
	var ac_props;
	// parallel autocompletion
	if (rcmail.env.autocomplete_threads > 0) {
	ac_props = {
	threads: rcmail.env.autocomplete_threads,
	sources: rcmail.env.autocomplete_sources
	};
	}
	rcmail.init_address_input_events($('#edit-attendee-name'), ac_props);
	rcmail.addEventListener('autocomplete_insert', function(e) {
	var success = false;
	if (e.field.name == 'participant') {
	success = add_attendees(e.insert, { role:'REQ-PARTICIPANT', status:'NEEDS-ACTION', cutype:(e.data && e.data.type == 'group' ? 'GROUP' : 'INDIVIDUAL') });
	}
	if (e.field && success) {
	e.field.value = '';
	}
	});

	$('#edit-attendee-add').click(function() {
	var input = $('#edit-attendee-name');
	rcmail.ksearch_blur();
	if (add_attendees(input.val(), { role:'REQ-PARTICIPANT', status:'NEEDS-ACTION', cutype:'INDIVIDUAL' })) {
	input.val('');
	}
	});

	// handle change of "send invitations" checkbox
	$('#edit-attendees-invite').change(function() {
	$('#edit-attendees-donotify,input.edit-attendee-reply').prop('checked', this.checked);
	// hide/show comment field
	$('#taskeditform .attendees-commentbox')[this.checked ? 'show' : 'hide']();
	});

	// delegate change task to "send invitations" checkbox
	$('#edit-attendees-donotify').change(function() {
	$('#edit-attendees-invite').click();
	return false;
	});
	}

	/**
	* Request counts from the server
	*/
	function fetch_counts()
	{
	var active = active_lists();
	if (active.length)
	rcmail.http_request('counts', { lists:active.join(',') });
	else
	update_counts({});
	}

	/**
	* List tasks matching the given selector
	*/
	function list_tasks(sel, force)
	{
	if (rcmail.busy)
	return;

	if (sel && filter_masks[sel] !== undefined) {
	filtermask = filter_masks[sel];
	}

	var active = active_lists(),
	basefilter = filtermask & FILTER_MASK_COMPLETE ? FILTER_MASK_COMPLETE : FILTER_MASK_ALL,
	reload = force \|\| active.join(',') != loadstate.lists \|\| basefilter != loadstate.filter \|\| loadstate.search != search_query;

	if (active.length && reload) {
	ui_loading = rcmail.set_busy(true, 'loading');
	rcmail.http_request('fetch', { filter:basefilter, lists:active.join(','), q:search_query }, true);
	}
	else if (reload)
	data_ready({ data:[], lists:'', filter:basefilter, search:search_query });
	else
	render_tasklist();

	$('#taskselector li.selected').removeClass('selected').attr('aria-checked', 'false');

	// select all active selectors
	if (filtermask > 0) {
	$.each(filter_masks, function(sel, mask) {
	if (filtermask & mask)
	$('#taskselector li.'+sel).addClass('selected').attr('aria-checked', 'true');
	});
	}
	else
	$('#taskselector li.all').addClass('selected').attr('aria-checked', 'true');
	}

	/**
	* Remove all tasks of the given list from the UI
	*/
	function remove_tasks(list_id)
	{
	// remove all tasks of the given list from index
	var newindex = $.grep(listindex, function(id, i){
	return listdata[id] && listdata[id].list != list_id;
	});

	listindex = newindex;
	render_tasklist();

	// avoid reloading
	me.tasklists[list_id].active = false;
	loadstate.lists = active_lists();
	}

	/**
	* Modify query parameters for refresh requests
	*/
	function before_refresh(query)
	{
	query.filter = filtermask == FILTER_MASK_COMPLETE ? FILTER_MASK_COMPLETE : FILTER_MASK_ALL;
	query.lists = active_lists().join(',');
	if (search_query)
	query.q = search_query;

	return query;
	}

	/**
	* Callback if task data from server is ready
	*/
	function data_ready(response)
	{
	listdata = {};
	listindex = [];
	loadstate.lists = response.lists;
	loadstate.filter = response.filter;
	loadstate.search = response.search;

	for (var id, i=0; i < response.data.length; i++) {
	id = response.data[i].id;
	listindex.push(id);
	listdata[id] = response.data[i];
	listdata[id].children = [];
	// register a forward-pointer to child tasks
	if (listdata[id].parent_id && listdata[listdata[id].parent_id])
	listdata[listdata[id].parent_id].children.push(id);
	}

	// sort index before rendering
	listindex.sort(function(a, b) { return task_cmp(listdata[a], listdata[b]); });

	append_tags(response.tags \|\| []);
	render_tasklist();

	// show selected task dialog
	if (settings.selected_id) {
	if (listdata[settings.selected_id]) {
	task_show_dialog(settings.selected_id);
	delete settings.selected_id;
	}

	// remove _id from window location
	if (window.history.replaceState) {
	window.history.replaceState({}, document.title, rcmail.url('', { _list: me.selected_list }));
	}
	}

	rcmail.set_busy(false, 'loading', ui_loading);
	}

	/**
	*
	*/
	function render_tasklist()
	{
	// clear display
	var id, rec,
	count = 0,
	cache = {},
	activetags = {},
	msgbox = $('#listmessagebox').hide(),
	list = $(rcmail.gui_objects.resultlist).html('');

	for (var i=0; i < listindex.length; i++) {
	id = listindex[i];
	rec = listdata[id];
	if (match_filter(rec, cache)) {
	render_task(rec);
	count++;

	// keep a list of tags from all visible tasks
	for (var t, j=0; rec.tags && j < rec.tags.length; j++) {
	t = rec.tags[j];
	if (typeof activetags[t] == 'undefined')
	activetags[t] = 0;
	activetags[t]++;
	}
	}
	}

	fix_tree_toggles();
	update_tagcloud(activetags);

	if (!count) {
	msgbox.html(rcmail.gettext('notasksfound','tasklist')).show();
	rcmail.display_message(rcmail.gettext('notasksfound','tasklist'), 'voice');
	}
	}

	/**
	* Show/hide child toggle buttons on all visible task items
	*/
	function fix_tree_toggles()
	{
	$('.taskitem', rcmail.gui_objects.resultlist).each(function(i,elem){
	var li = $(elem),
	rec = listdata[li.attr('rel')],
	childs = $('.childtasks li', li);

	$('.childtoggle', li)[(childs.length ? 'show' : 'hide')]();
	})
	}

	/**
	* Expand/collapse all task items with childs
	*/
	function expand_collapse(expand)
	{
	var collapsed = !expand;

	$('.taskitem .childtasks')[(collapsed ? 'hide' : 'show')]();
	$('.taskitem .childtoggle')
	.removeClass(collapsed ? 'expanded' : 'collapsed')
	.addClass(collapsed ? 'collapsed' : 'expanded')
	.html(collapsed ? '▶' : '▼');

	// store new toggle collapse states
	var ids = [];
	for (var id in listdata) {
	if (listdata[id].children && listdata[id].children.length)
	ids.push(id);
	}
	if (ids.length) {
	rcmail.http_post('tasks/task', { action:'collapse', t:{ id:ids.join(',') }, collapsed:collapsed?1:0 });
	}
	}

	/**
	*
	*/
	function append_tags(taglist)
	{
	// find new tags
	var newtags = [];
	for (var i=0; i < taglist.length; i++) {
	if ($.inArray(taglist[i], tags) < 0)
	newtags.push(taglist[i]);
	}
	tags = tags.concat(newtags);

	// append new tags to tag cloud
	$.each(newtags, function(i, tag){
	$('<li role="checkbox" aria-checked="false" tabindex="0"></li>')
	.attr('rel', tag)
	.data('value', tag)
	.html(Q(tag) + '<span class="count"></span>')
	.appendTo(rcmail.gui_objects.tagslist)
	.draggable({
	addClasses: false,
	revert: 'invalid',
	revertDuration: 300,
	helper: tag_draggable_helper,
	start: tag_draggable_start,
	appendTo: 'body',
	cursor: 'pointer'
	});
	});

	// re-sort tags list
	$(rcmail.gui_objects.tagslist).children('li').sortElements(function(a,b){
	return $.text([a]).toLowerCase() > $.text([b]).toLowerCase() ? 1 : -1;
	});
	}

	/**
	* Display the given counts to each tag and set those inactive which don't
	* have any matching tasks in the current view.
	*/
	function update_tagcloud(counts)
	{
	// compute counts first by iterating over all visible task items
	if (typeof counts == 'undefined') {
	counts = {};
	$('li.taskitem', rcmail.gui_objects.resultlist).each(function(i,li){
	var t, id = $(li).attr('rel'),
	rec = listdata[id];
	for (var j=0; rec && rec.tags && j < rec.tags.length; j++) {
	t = rec.tags[j];
	if (typeof counts[t] == 'undefined')
	counts[t] = 0;
	counts[t]++;
	}
	});
	}

	$(rcmail.gui_objects.tagslist).children('li').each(function(i,li){
	var elem = $(li), tag = elem.attr('rel'),
	count = counts[tag] \|\| 0;

	elem.children('.count').html(count+'');
	if (count == 0) elem.addClass('inactive');
	else elem.removeClass('inactive');
	});
	}

	/* Helper functions for drag & drop functionality of tags */

	function tag_draggable_helper()
	{
	if (!tag_draghelper)
	tag_draghelper = $('<div class="tag-draghelper"></div>');
	else
	tag_draghelper.html('');

	$(this).clone().addClass('tag').appendTo(tag_draghelper);
	return tag_draghelper;
	}

	function tag_draggable_start(event, ui)
	{
	$('.taskhead').droppable({
	hoverClass: 'droptarget',
	accept: tag_droppable_accept,
	drop: tag_draggable_dropped,
	addClasses: false
	});
	}

	function tag_droppable_accept(draggable)
	{
	if (rcmail.busy)
	return false;

	var tag = draggable.data('value'),
	drop_id = $(this).data('id'),
	drop_rec = listdata[drop_id],
	list = drop_rec && me.tasklists[drop_rec.list] ? me.tasklists[drop_rec.list] : { editable:true };

	// target is not writeable or already has this tag assigned
	if (!drop_rec \|\| drop_rec.readonly \|\| !list.editable \|\| (drop_rec.tags && $.inArray(tag, drop_rec.tags) >= 0)) {
	return false;
	}

	return true;
	}

	function tag_draggable_dropped(event, ui)
	{
	var drop_id = $(this).data('id'),
	tag = ui.draggable.data('value'),
	rec = listdata[drop_id];

	if (rec && rec.id) {
	if (!rec.tags) rec.tags = [];
	rec.tags.push(tag);
	save_task(rec, 'edit');
	}
	}

	/**
	*
	*/
	function update_counts(counts)
	{
	// got new data
	if (counts)
	taskcounts = counts;

	// iterate over all selector links and update counts
	$('#taskselector a').each(function(i, elem){
	var link = $(elem),
	f = link.parent().attr('class').replace(/\s\w+/, '');
	if (f != 'all')
	link.children('span').html(taskcounts[f] \|\| '')[(taskcounts[f] ? 'show' : 'hide')]();
	});

	// spacial case: overdue
	$('#taskselector li.overdue')[(taskcounts.overdue ? 'removeClass' : 'addClass')]('inactive');
	}

	/**
	* Callback from server to update a single task item
	*/
	function update_taskitem(rec, filter)
	{
	// handle a list of task records
	if ($.isArray(rec)) {
	$.each(rec, function(i,r){ update_taskitem(r, filter); });
	return;
	}

	var id = rec.id,
	oldid = rec.tempid \|\| id,
	oldrec = listdata[oldid],
	oldindex = $.inArray(oldid, listindex),
	oldparent = oldrec ? (oldrec._old_parent_id \|\| oldrec.parent_id) : null,
	list = me.tasklists[rec.list];

	if (oldindex >= 0)
	listindex[oldindex] = id;
	else
	listindex.push(id);

	listdata[id] = rec;

	// remove child-pointer from old parent
	if (oldparent && listdata[oldparent] && oldparent != rec.parent_id) {
	var oldchilds = listdata[oldparent].children,
	i = $.inArray(oldid, oldchilds);
	if (i >= 0) {
	listdata[oldparent].children = oldchilds.slice(0,i).concat(oldchilds.slice(i+1));
	}
	}

	// register a forward-pointer to child tasks
	if (rec.parent_id && listdata[rec.parent_id] && listdata[rec.parent_id].children && $.inArray(id, listdata[rec.parent_id].children) < 0)
	listdata[rec.parent_id].children.push(id);

	// restore pointers to my children
	if (!listdata[id].children) {
	listdata[id].children = [];
	for (var pid in listdata) {
	if (listdata[pid].parent_id == id)
	listdata[id].children.push(pid);
	}
	}

	// copy _depth property from old rec or derive from parent
	if (rec.parent_id && listdata[rec.parent_id]) {
	rec._depth = (listdata[rec.parent_id]._depth \|\| 0) + 1;
	}
	else if (oldrec) {
	rec._depth = oldrec._depth \|\| 0;
	}

	if (list.active \|\| rec.tempid) {
	if (!filter \|\| match_filter(rec, {}))
	render_task(rec, oldid);
	}
	else {
	$('li[rel="'+id+'"]', rcmail.gui_objects.resultlist).remove();
	}

	append_tags(rec.tags \|\| []);
	update_tagcloud();
	fix_tree_toggles();

	// refresh currently displayed task details dialog
	if ($('#taskshow').is(':visible') && me.selected_task && me.selected_task.id == rec.id) {
	task_show_dialog(rec.id);
	}
	}

	/**
	* Submit the given (changed) task record to the server
	*/
	function save_task(rec, action)
	{
	// show confirmation dialog when status of an assigned task has changed
	if (rec._status_before !== undefined && is_attendee(rec))
	return save_task_confirm(rec, action);

	if (!rcmail.busy) {
	saving_lock = rcmail.set_busy(true, 'tasklist.savingdata');
	rcmail.http_post('tasks/task', { action:action, t:rec, filter:filtermask });
	$('button.ui-button:ui-button').button('option', 'disabled', rcmail.busy);
	return true;
	}

	return false;
	}

	/**
	* Display confirm dialog when modifying/deleting a task record
	*/
	var save_task_confirm = function(rec, action, updates)
	{
	var data = $.extend({}, rec, updates \|\| {}),
	notify = false, partstat = false, html = '',
	do_confirm = settings.itip_notify & 2;

	// task has attendees, ask whether to notify them
	if (has_attendees(rec) && is_organizer(rec)) {
	notify = true;
	if (do_confirm) {
	html = rcmail.gettext('changeconfirmnotifications', 'tasklist');
	}
	else {
	data._notify = settings.itip_notify;
	}
	}
	// ask whether to change my partstat and notify organizer
	else if (data._status_before !== undefined && data.status && data._status_before != data.status && is_attendee(rec)) {
	partstat = true;
	if (do_confirm) {
	html = rcmail.gettext('partstatupdatenotification', 'tasklist');
	}
	else if (settings.itip_notify & 1) {
	data._reportpartstat = data.status == 'CANCELLED' ? 'DECLINED' : data.status;
	}
	}

	// remove to avoid endless recursion
	delete data._status_before;

	// show dialog
	if (html) {
	var $dialog = $('<div>').html(html);

	var buttons = [];
	buttons.push({
	text: rcmail.gettext('saveandnotify', 'tasklist'),
	click: function() {
	if (notify) data._notify = 1;
	if (partstat) data._reportpartstat = data.status == 'CANCELLED' ? 'DECLINED' : data.status;
	save_task(data, action);
	$(this).dialog('close');
	}
	});
	buttons.push({
	text: rcmail.gettext('save', 'tasklist'),
	click: function() {
	save_task(data, action);
	$(this).dialog('close');
	}
	});
	buttons.push({
	text: rcmail.gettext('cancel', 'tasklist'),
	click: function() {
	$(this).dialog('close');
	if (updates)
	render_task(rec, rec.id); // restore previous state
	}
	});

	$dialog.dialog({
	modal: true,
	width: 460,
	closeOnEscapeType: false,
	dialogClass: 'warning no-close',
	title: rcmail.gettext('changetaskconfirm', 'tasklist'),
	buttons: buttons,
	open: function() {
	setTimeout(function(){
	$dialog.parent().find('.ui-button:not(.ui-dialog-titlebar-close)').first().focus();
	}, 5);
	},
	close: function(){
	$dialog.dialog('destroy').remove();
	}
	}).addClass('task-update-confirm').show();

	return true;
	}

	// do update
	return save_task(data, action);
	}

	/**
	* Remove saving lock and free the UI for new input
	*/
	function unlock_saving()
	{
	if (saving_lock) {
	rcmail.set_busy(false, null, saving_lock);
	$('button.ui-button:ui-button').button('option', 'disabled', false);
	}
	}

	/**
	* Render the given task into the tasks list
	*/
	function render_task(rec, replace)
	{
	var tags_html = '';
	for (var j=0; rec.tags && j < rec.tags.length; j++)
	tags_html += '<span class="tag">' + Q(rec.tags[j]) + '</span>';

	var label_id = rcmail.html_identifier(rec.id) + '-title';
	var div = $('<div>').addClass('taskhead').html(
	'<div class="progressbar"><div class="progressvalue" style="width:' + (rec.complete * 100) + '%"></div></div>' +
	'<input type="checkbox" name="completed[]" value="1" class="complete" aria-label="' + rcmail.gettext('complete','tasklist') + '" ' + (is_complete(rec) ? 'checked="checked" ' : '') + '/>' +
	'<span class="flagged" role="checkbox" tabindex="0" aria-checked="' + (rec.flagged ? 'true' : 'false') + '" aria-label="' + rcmail.gettext('flagged','tasklist') + '"></span>' +
	'<span class="title" id="' + label_id + '">' + text2html(Q(rec.title)) + '</span>' +
	'<span class="tags">' + tags_html + '</span>' +
	'<span class="date">' + Q(rec.date \|\| rcmail.gettext('nodate','tasklist')) + '</span>' +
	'<a href="#" class="actions" aria-haspopup="true" aria-expanded="false">' + rcmail.gettext('taskactions','tasklist') + '</a>'
	)
	.attr('tabindex', '0')
	.attr('aria-labelledby', label_id)
	.data('id', rec.id)
	.draggable({
	revert: 'invalid',
	addClasses: false,
	cursorAt: { left:-10, top:12 },
	helper: task_draggable_helper,
	appendTo: 'body',
	start: task_draggable_start,
	stop: task_draggable_stop,
	drag: task_draggable_move,
	revertDuration: 300
	});

	if (is_complete(rec))
	div.addClass('complete');
	if (rec.flagged)
	div.addClass('flagged');
	if (!rec.date)
	div.addClass('nodate');
	if ((rec.mask & FILTER_MASK_OVERDUE))
	div.addClass('overdue');

	var li, inplace = false, parent = rec.parent_id ? $('li[rel="'+rec.parent_id+'"] > ul.childtasks', rcmail.gui_objects.resultlist) : null;
	if (replace && (li = $('li[rel="'+replace+'"]', rcmail.gui_objects.resultlist)) && li.length) {
	li.children('div.taskhead').first().replaceWith(div);
	li.attr('rel', rec.id);
	inplace = true;
	}
	else {
	li = $('<li role="treeitem">')
	.attr('rel', rec.id)
	.addClass('taskitem')
	.append((rec.collapsed ? '<span class="childtoggle collapsed">▶' : '<span class="childtoggle expanded">▼') + '</span>')
	.append(div)
	.append('<ul class="childtasks" role="group" style="' + (rec.collapsed ? 'display:none' : '') + '" aria-hidden="' + (rec.collapsed ? 'true' : 'false') +'"></ul>');

	if (!parent \|\| !parent.length)
	li.appendTo(rcmail.gui_objects.resultlist);
	}

	if (!inplace && parent && parent.length)
	li.appendTo(parent);

	if (replace) {
	resort_task(rec, li, true);
	// TODO: remove the item after a while if it doesn't match the current filter anymore
	}

	// re-set focus to taskhead element after DOM update
	if (focused_task == rec.id) {
	focus_task(li);
	}
	}

	/**
	* Move the given task item to the right place in the list
	*/
	function resort_task(rec, li, animated)
	{
	var dir = 0, index, slice, cmp, next_li, next_id, next_rec, insert_after, past_myself;

	// animated moving
	var insert_animated = function(li, before, after) {
	if (before && li.next().get(0) == before.get(0))
	return; // nothing to do
	else if (after && li.prev().get(0) == after.get(0))
	return; // nothing to do

	var speed = 300;
	li.slideUp(speed, function(){
	if (before) li.insertBefore(before);
	else if (after) li.insertAfter(after);
	li.slideDown(speed, function(){
	if (focused_task == rec.id) {
	focus_task(li);
	}
	});
	});
	}

	// remove from list index
	var oldlist = listindex.join('%%%');
	var oldindex = $.inArray(rec.id, listindex);
	if (oldindex >= 0) {
	slice = listindex.slice(0,oldindex);
	listindex = slice.concat(listindex.slice(oldindex+1));
	}

	// find the right place to insert the task item
	li.parent().children('.taskitem').each(function(i, elem){
	next_li = $(elem);
	next_id = next_li.attr('rel');
	next_rec = listdata[next_id];

	if (next_id == rec.id) {
	past_myself = true;
	return 1; // continue
	}

	cmp = next_rec ? task_cmp(rec, next_rec) : 0;

	if (cmp > 0 \|\| (cmp == 0 && !past_myself)) {
	insert_after = next_li;
	return 1; // continue;
	}
	else if (next_li && cmp < 0) {
	if (animated) insert_animated(li, next_li);
	else li.insertBefore(next_li);
	index = $.inArray(next_id, listindex);
	return false; // break
	}
	});

	if (insert_after) {
	if (animated) insert_animated(li, null, insert_after);
	else li.insertAfter(insert_after);

	next_id = insert_after.attr('rel');
	index = $.inArray(next_id, listindex);
	}

	// insert into list index
	if (next_id && index >= 0) {
	slice = listindex.slice(0,index);
	slice.push(rec.id);
	listindex = slice.concat(listindex.slice(index));
	}
	else { // restore old list index
	listindex = oldlist.split('%%%');
	}
	}

	/**
	* Compare function of two task records.
	* (used for sorting)
	*/
	function task_cmp(a, b)
	{
	// sort by hierarchy level first
	if ((a._depth \|\| 0) != (b._depth \|\| 0))
	return a._depth - b._depth;

	var p, alt, inv = 1, c = is_complete(a) - is_complete(b), d = c;

	// completed tasks always move to the end
	if (c != 0)
	return c;

	// custom sorting
	if (settings.sort_col && settings.sort_col != 'auto') {
	alt = settings.sort_col == 'datetime' \|\| settings.sort_col == 'startdatetime' ? 99999999999 : 0
	d = (a[settings.sort_col]\|\|alt) - (b[settings.sort_col]\|\|alt);
	inv = settings.sort_order == 'desc' ? -1 : 1;
	}
	// default sorting (auto)
	else {
	if (!d) d = (b._hasdate-0) - (a._hasdate-0);
	if (!d) d = (a.datetime\|\|99999999999) - (b.datetime\|\|99999999999);
	}

	// fall-back to created/changed date
	if (!d) d = (a.created\|\|0) - (b.created\|\|0);
	if (!d) d = (a.changed\|\|0) - (b.changed\|\|0);

	return d * inv;
	}

	/**
	* Set focus on the given task item after DOM update
	*/
	function focus_task(li)
	{
	var selector = '.taskhead';
	if (focused_subclass)
	selector += ' .' + focused_subclass
	li.find(selector).focus();
	}

	/**
	* Determine whether the given task should be displayed as "complete"
	*/
	function is_complete(rec)
	{
	return ((rec.complete == 1.0 && !rec.status) \|\| rec.status === 'COMPLETED') ? 1 : 0;
	}

	/**
	*
	*/
	function get_all_childs(id)
	{
	var cid, childs = [];
	for (var i=0; listdata[id].children && i < listdata[id].children.length; i++) {
	cid = listdata[id].children[i];
	childs.push(cid);
	childs = childs.concat(get_all_childs(cid));
	}

	return childs;
	}


	/* Helper functions for drag & drop functionality */

	function task_draggable_helper()
	{
	if (!task_draghelper)
	task_draghelper = $('<div class="taskitem-draghelper">✔</div>');

	return task_draghelper;
	}

	function task_draggable_start(event, ui)
	{
	var opts = {
	hoverClass: 'droptarget',
	accept: task_droppable_accept,
	drop: task_draggable_dropped,
	addClasses: false
	};

	$('.taskhead, #rootdroppable').droppable(opts);
	tasklists_widget.droppable(opts);

	$(this).parent().addClass('dragging');
	$('#rootdroppable').show();

	// enable auto-scrolling of list container
	var container = $(rcmail.gui_objects.resultlist);
	if (container.height() > container.parent().height()) {
	task_drag_active = true;
	list_scroll_top = container.parent().scrollTop();
	}
	}

	function task_draggable_move(event, ui)
	{
	var scroll = 0,
	mouse = rcube_event.get_mouse_pos(event),
	container = $(rcmail.gui_objects.resultlist);

	mouse.y -= container.parent().offset().top;

	if (mouse.y < scroll_sensitivity && list_scroll_top > 0) {
	scroll = -1; // up
	}
	else if (mouse.y > container.parent().height() - scroll_sensitivity) {
	scroll = 1; // down
	}

	if (task_drag_active && scroll != 0) {
	if (!scroll_timer)
	scroll_timer = window.setTimeout(function(){ tasklist_drag_scroll(container, scroll); }, scroll_delay);
	}
	else if (scroll_timer) {
	window.clearTimeout(scroll_timer);
	scroll_timer = null;
	}
	}

	function task_draggable_stop(event, ui)
	{
	$(this).parent().removeClass('dragging');
	$('#rootdroppable').hide();
	task_drag_active = false;
	}

	function task_droppable_accept(draggable)
	{
	if (rcmail.busy)
	return false;

	var drag_id = draggable.data('id'),
	drop_id = $(this).data('id'),
	drag_rec = listdata[drag_id] \|\| {},
	drop_rec = listdata[drop_id];

	// drop target is another list
	if (drag_rec && $(this).data('type') == 'tasklist') {
	var drop_list = me.tasklists[drop_id],
	from_list = me.tasklists[drag_rec.list];
	return !drag_rec.parent_id && drop_id != drag_rec.list && drop_list && drop_list.editable && from_list && from_list.editable;
	}

	if (drop_rec && drop_rec.list != drag_rec.list)
	return false;

	if (drop_id == drag_rec.parent_id)
	return false;

	while (drop_rec && drop_rec.parent_id) {
	if (drop_rec.parent_id == drag_id)
	return false;
	drop_rec = listdata[drop_rec.parent_id];
	}

	return true;
	}

	function task_draggable_dropped(event, ui)
	{
	var drop_id = $(this).data('id'),
	task_id = ui.draggable.data('id'),
	rec = listdata[task_id],
	parent, li;

	// dropped on another list -> move
	if ($(this).data('type') == 'tasklist') {
	if (rec) {
	save_task({ id:rec.id, list:drop_id, _fromlist:rec.list }, 'move');
	rec.list = drop_id;
	}
	}
	// dropped on a new parent task or root
	else {
	parent = drop_id ? $('li[rel="'+drop_id+'"] > ul.childtasks', rcmail.gui_objects.resultlist) : $(rcmail.gui_objects.resultlist)

	if (rec && parent.length) {
	// submit changes to server
	rec._old_parent_id = rec.parent_id;
	rec.parent_id = drop_id \|\| 0;
	save_task(rec, 'edit');

	li = ui.draggable.parent();
	li.slideUp(300, function(){
	li.appendTo(parent);
	resort_task(rec, li);
	li.slideDown(300);
	fix_tree_toggles();
	});
	}
	}
	}

	/**
	* Scroll list container in the given direction
	*/
	function tasklist_drag_scroll(container, dir)
	{
	if (!task_drag_active)
	return;

	var old_top = list_scroll_top;
	container.parent().get(0).scrollTop += scroll_step * dir;
	list_scroll_top = container.parent().scrollTop();
	scroll_timer = null;

	if (list_scroll_top != old_top)
	scroll_timer = window.setTimeout(function(){ tasklist_drag_scroll(container, dir); }, scroll_speed);
	}

	// check if the task has 'real' attendees, excluding the current user
	var has_attendees = function(task)
	{
	return !!(task.attendees && task.attendees.length && (task.attendees.length > 1 \|\| String(task.attendees[0].email).toLowerCase() != settings.identity.email));
	};

	// check if the current user is an attendee of this task
	var is_attendee = function(task, email, role)
	{
	var i, attendee, emails = email ? ';' + email.toLowerCase() : settings.identity.emails;

	for (i=0; task.attendees && i < task.attendees.length; i++) {
	attendee = task.attendees[i];
	if ((!role \|\| attendee.role == role) && attendee.email && emails.indexOf(';'+attendee.email.toLowerCase()) >= 0) {
	return attendee;
	}
	}

	return false;
	};

	// check if the current user is the organizer
	var is_organizer = function(task, email)
	{
	if (!email) email = task.organizer ? task.organizer.email : null;
	if (email)
	return settings.identity.emails.indexOf(';'+email) >= 0;
	return true;
	};

	// add the given list of participants
	var add_attendees = function(names, params)
	{
	names = explode_quoted_string(names.replace(/,\s*$/, ''), ',');

	// parse name/email pairs
	var i, item, email, name, success = false;
	for (i=0; i < names.length; i++) {
	email = name = '';
	item = $.trim(names[i]);

	if (!item.length) {
	continue;
	}
	// address in brackets without name (do nothing)
	else if (item.match(/^<[^@]+@[^>]+>$/)) {
	email = item.replace(/[<>]/g, '');
	}
	// address without brackets and without name (add brackets)
	else if (rcube_check_email(item)) {
	email = item;
	}
	// address with name
	else if (item.match(/([^\s<@]+@[^>]+)>*$/)) {
	email = RegExp.$1;
	name = item.replace(email, '').replace(/^["\s<>]+/, '').replace(/["\s<>]+$/, '');
	}

	if (email) {
	add_attendee($.extend({ email:email, name:name }, params));
	success = true;
	}
	else {
	alert(rcmail.gettext('noemailwarning'));
	}
	}

	return success;
	};

	// add the given attendee to the list
	var add_attendee = function(data, readonly, before)
	{
	if (!me.selected_task)
	return false;

	// check for dupes...
	var exists = false;
	$.each(task_attendees, function(i, v) { exists \|= (v.email == data.email); });
	if (exists)
	return false;

	var dispname = Q(data.name \|\| data.email);
	if (data.email)
	dispname = '<a href="mailto:' + data.email + '" title="' + Q(data.email) + '" class="mailtolink" data-cutype="' + data.cutype + '">' + dispname + '</a>';

	// delete icon
	var icon = rcmail.env.deleteicon ? '<img src="' + rcmail.env.deleteicon + '" alt="" />' : rcmail.gettext('delete');
	var dellink = '<a href="#delete" class="iconlink delete deletelink" title="' + Q(rcmail.gettext('delete')) + '">' + icon + '</a>';
	var tooltip = data.status \|\| '';

	// send invitation checkbox
	var invbox = '<input type="checkbox" class="edit-attendee-reply" value="' + Q(data.email) +'" title="' + Q(rcmail.gettext('tasklist.sendinvitations')) + '" '
	+ (!data.noreply && settings.itip_notify & 1 ? 'checked="checked" ' : '') + '/>';

	if (data['delegated-to'])
	tooltip = rcmail.gettext('delegatedto', 'tasklist') + data['delegated-to'];
	else if (data['delegated-from'])
	tooltip = rcmail.gettext('delegatedfrom', 'tasklist') + data['delegated-from'];

	// add expand button for groups
	if (data.cutype == 'GROUP') {
	dispname += ' <a href="#expand" data-email="' + Q(data.email) + '" class="iconbutton add expandlink" title="' + rcmail.gettext('expandattendeegroup','libcalendaring') + '">' +
	rcmail.gettext('expandattendeegroup','libcalendaring') + '</a>';
	}

	- var html = '<td class="name">' + dispname + '</td>' +
	+ var html = '<td class="name"><span class="attendee-name">' + dispname + '</span></td>' +
	'<td class="confirmstate"><span class="' + String(data.status).toLowerCase() + '" title="' + Q(tooltip) + '">' + Q(data.status \|\| '') + '</span></td>' +
	(data.cutype != 'RESOURCE' ? '<td class="invite">' + (readonly \|\| !invbox ? '' : invbox) + '</td>' : '') +
	'<td class="options">' + (readonly ? '' : dellink) + '</td>';

	var tr = $('<tr>')
	.addClass(String(data.role).toLowerCase())
	.html(html);

	if (before)
	tr.insertBefore(before)
	else
	tr.appendTo(attendees_list);

	tr.find('a.deletelink').click({ id:(data.email \|\| data.name) }, function(e) { remove_attendee(this, e.data.id); return false; });
	tr.find('a.mailtolink').click(task_attendee_click);
	- tr.find('a.expandlink').click(data, function(e) { me.expand_attendee_group(e, add_attendee, remove_attendee); });
	+ tr.find('a.expandlink').click(data, function(e) { me.expand_attendee_group(e, add_attendee, remove_attendee); return false; });
	tr.find('input.edit-attendee-reply').click(function() {
	var enabled = $('#edit-attendees-invite:checked').length \|\| $('input.edit-attendee-reply:checked').length;
	$('#taskeditform .attendees-commentbox')[enabled ? 'show' : 'hide']();
	});

	task_attendees.push(data);
	return true;
	};

	// event handler for clicks on an attendee link
	var task_attendee_click = function(e)
	{
	var mailto = this.href.substr(7);
	rcmail.command('compose', mailto);

	return false;
	};

	// remove an attendee from the list
	var remove_attendee = function(elem, id)
	{
	$(elem).closest('tr').remove();
	task_attendees = $.grep(task_attendees, function(data) { return (data.name != id && data.email != id) });
	};

	/**
	* Show task details in a dialog
	*/
	function task_show_dialog(id)
	{
	var $dialog = $('#taskshow'), rec, list;

	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	// remove status-* classes
	$dialog.removeClass(function(i, oldclass) {
	var oldies = String(oldclass).split(' ');
	return $.grep(oldies, function(cls) { return cls.indexOf('status-') === 0 }).join(' ');
	});

	if (!(rec = listdata[id]) \|\| clear_popups({}))
	return;

	me.selected_task = rec;
	list = rec.list && me.tasklists[rec.list] ? me.tasklists[rec.list] : {};

	// fill dialog data
	$('#task-parent-title').html(Q(rec.parent_title \|\| '')+' »').css('display', rec.parent_title ? 'block' : 'none');
	$('#task-title').html(text2html(Q(rec.title \|\| '')));
	$('#task-description').html(text2html(rec.description \|\| '', 300, 6))[(rec.description ? 'show' : 'hide')]();
	$('#task-date')[(rec.date ? 'show' : 'hide')]().children('.task-text').html(Q(rec.date \|\| rcmail.gettext('nodate','tasklist')));
	$('#task-time').html(Q(rec.time \|\| ''));
	$('#task-start')[(rec.startdate ? 'show' : 'hide')]().children('.task-text').html(Q(rec.startdate \|\| ''));
	$('#task-starttime').html(Q(rec.starttime \|\| ''));
	$('#task-alarm')[(rec.alarms_text ? 'show' : 'hide')]().children('.task-text').html(Q(rec.alarms_text));
	$('#task-completeness .task-text').html(((rec.complete \|\| 0) * 100) + '%');
	$('#task-status')[(rec.status ? 'show' : 'hide')]().children('.task-text').html(rcmail.gettext('status-'+String(rec.status).toLowerCase(),'tasklist'));
	$('#task-list .task-text').html(Q(me.tasklists[rec.list] ? me.tasklists[rec.list].name : ''));
	$('#task-attendees, #task-organizer, #task-created-changed, #task-rsvp, #task-rsvp-comment').hide();

	var itags = get_inherited_tags(rec);
	var taglist = $('#task-tags')[(rec.tags && rec.tags.length \|\| itags.length ? 'show' : 'hide')]().children('.task-text').empty();
	if (rec.tags && rec.tags.length) {
	$.each(rec.tags, function(i,val){
	$('<span>').addClass('tag-element').html(Q(val)).appendTo(taglist);
	});
	}

	// append inherited tags
	if (itags.length) {
	$.each(itags, function(i,val){
	if (!rec.tags \|\| $.inArray(val, rec.tags) < 0)
	$('<span>').addClass('tag-element inherit').html(Q(val)).appendTo(taglist);
	});
	// re-sort tags list
	$(taglist).children().sortElements(function(a,b){
	return $.text([a]).toLowerCase() > $.text([b]).toLowerCase() ? 1 : -1;
	});
	}

	if (rec.status) {
	$dialog.addClass('status-' + String(rec.status).toLowerCase());
	}

	if (rec.recurrence && rec.recurrence_text) {
	$('#task-recurrence').show().children('.task-text').html(Q(rec.recurrence_text));
	}
	else {
	$('#task-recurrence').hide();
	}

	if (rec.created \|\| rec.changed) {
	$('#task-created-changed .task-created').html(Q(rec.created_ \|\| rcmail.gettext('unknown','tasklist')))
	$('#task-created-changed .task-changed').html(Q(rec.changed_ \|\| rcmail.gettext('unknown','tasklist')))
	$('#task-created-changed').show()
	}

	// build attachments list
	$('#task-attachments').hide();
	if ($.isArray(rec.attachments)) {
	task_show_attachments(rec.attachments \|\| [], $('#task-attachments').children('.task-text'), rec);
	if (rec.attachments.length > 0) {
	$('#task-attachments').show();
	}
	}

	// build attachments list
	$('#task-links').hide();
	if ($.isArray(rec.links) && rec.links.length) {
	render_message_links(rec.links \|\| [], $('#task-links').children('.task-text'), false, 'tasklist');
	$('#task-links').show();
	}

	// list task attendees
	if (list.attendees && rec.attendees) {
	/*
	// sort resources to the end
	rec.attendees.sort(function(a,b) {
	var j = a.cutype == 'RESOURCE' ? 1 : 0,
	k = b.cutype == 'RESOURCE' ? 1 : 0;
	return (j - k);
	});
	*/
	var j, data, rsvp = false, mystatus = null, line, morelink, html = '', overflow = '',
	organizer = is_organizer(rec);

	for (j=0; j < rec.attendees.length; j++) {
	data = rec.attendees[j];

	if (data.email && settings.identity.emails.indexOf(';'+data.email) >= 0) {
	mystatus = data.status.toLowerCase();
	if (data.status == 'NEEDS-ACTION' \|\| data.status == 'TENTATIVE' \|\| data.rsvp)
	rsvp = mystatus;
	}

	line = task_attendee_html(data);

	if (morelink)
	overflow += line;
	else
	html += line;

	// stop listing attendees
	if (j == 7 && rec.attendees.length >= 7) {
	morelink = $('<a href="#more" class="morelink"></a>').html(rcmail.gettext('andnmore', 'tasklist').replace('$nr', rec.attendees.length - j - 1));
	}
	}

	if (html) {
	$('#task-attendees').show()
	.children('.task-text')
	.html(html)
	.find('a.mailtolink').click(task_attendee_click);

	// display all attendees in a popup when clicking the "more" link
	if (morelink) {
	$('#task-attendees .task-text').append(morelink);
	morelink.click(function(e) {
	rcmail.show_popup_dialog(
	'<div id="all-task-attendees" class="task-attendees">' + html + overflow + '</div>',
	rcmail.gettext('tabattendees', 'tasklist'),
	null,
	{width: 450, modal: false}
	);
	$('#all-task-attendees a.mailtolink').click(task_attendee_click);
	return false;
	});
	}
	}
	/*
	if (mystatus && !rsvp) {
	$('#task-partstat').show().children('.changersvp')
	.removeClass('accepted tentative declined delegated needs-action')
	.addClass(mystatus)
	.children('.task-text')
	.html(Q(rcmail.gettext('itip' + mystatus, 'libcalendaring')));
	}
	*/
	var show_rsvp = rsvp && list.editable && !is_organizer(rec) && rec.status != 'CANCELLED';
	$('#task-rsvp')[(show_rsvp ? 'show' : 'hide')]();
	$('#task-rsvp .rsvp-buttons input').prop('disabled', false).filter('input[rel='+mystatus+']').prop('disabled', true);

	if (show_rsvp && rec.comment) {
	$('#task-rsvp-comment').show().children('.task-text').html(Q(rec.comment));
	}
	$('#task-rsvp a.reply-comment-toggle').show();
	$('#task-rsvp .itip-reply-comment textarea').hide().val('');

	if (rec.organizer && !organizer) {
	$('#task-organizer').show().children('.task-text').html(task_attendee_html($.extend(rec.organizer, { role:'ORGANIZER' })));
	}
	}

	// define dialog buttons
	var buttons = [];
	if (list.editable && !rec.readonly) {
	buttons.push({
	text: rcmail.gettext('edit','tasklist'),
	click: function() {
	task_edit_dialog(me.selected_task.id, 'edit');
	},
	disabled: rcmail.busy
	});

	buttons.push({
	text: rcmail.gettext('delete','tasklist'),
	'class': 'delete',
	click: function() {
	if (delete_task(me.selected_task.id))
	$dialog.dialog('close');
	},
	disabled: rcmail.busy
	});
	}

	// open jquery UI dialog
	$dialog.dialog({
	modal: false,
	resizable: true,
	closeOnEscape: true,
	title: rcmail.gettext('taskdetails', 'tasklist'),
	open: function() {
	$dialog.parent().find('.ui-button:not(.ui-dialog-titlebar-close)').first().focus();
	},
	close: function() {
	$dialog.dialog('destroy').appendTo(document.body);
	},
	buttons: buttons,
	minWidth: 500,
	width: 580
	}).show();

	// set dialog size according to content
	me.dialog_resize($dialog.get(0), $dialog.height(), 580);
	}

	// render HTML code for displaying an attendee record
	function task_attendee_html(data)
	{
	var dispname = Q(data.name \|\| data.email), tooltip = '';

	if (data.email) {
	tooltip = data.email;
	dispname = '<a href="mailto:' + data.email + '" class="mailtolink" data-cutype="' + data.cutype + '">' + dispname + '</a>';
	}

	if (data['delegated-to'])
	tooltip = rcmail.gettext('delegatedto', 'tasklist') + data['delegated-to'];
	else if (data['delegated-from'])
	tooltip = rcmail.gettext('delegatedfrom', 'tasklist') + data['delegated-from'];

	return '<span class="attendee ' + String(data.role == 'ORGANIZER' ? 'organizer' : data.status).toLowerCase() + '" title="' + Q(tooltip) + '">' + dispname + '</span> ';
	}

	/**
	* Opens the dialog to edit a task
	*/
	function task_edit_dialog(id, action, presets)
	{
	$('#taskshow:ui-dialog').dialog('close');

	var rec = listdata[id] \|\| presets,
	$dialog = $('<div>'),
	editform = $('#taskedit'),
	list = rec.list && me.tasklists[rec.list] ? me.tasklists[rec.list] :
	(me.selected_list ? me.tasklists[me.selected_list] : { editable: action=='new' });

	if (rcmail.busy \|\| !list.editable \|\| (action == 'edit' && (!rec \|\| rec.readonly)))
	return false;

	me.selected_task = $.extend({ valarms:[] }, rec); // clone task object
	rec = me.selected_task;

	// assign temporary id
	if (!me.selected_task.id)
	me.selected_task.id = -(++idcount);

	// reset dialog first
	$('#taskeditform').get(0).reset();

	// fill form data
	var title = $('#taskedit-title').val(rec.title \|\| '');
	var description = $('#taskedit-description').val(rec.description \|\| '');
	var recdate = $('#taskedit-date').val(rec.date \|\| '');
	var rectime = $('#taskedit-time').val(rec.time \|\| '');
	var recstartdate = $('#taskedit-startdate').val(rec.startdate \|\| '');
	var recstarttime = $('#taskedit-starttime').val(rec.starttime \|\| '');
	var complete = $('#taskedit-completeness').val((rec.complete \|\| 0) * 100);
	completeness_slider.slider('value', complete.val());
	var taskstatus = $('#taskedit-status').val(rec.status \|\| '');
	var tasklist = $('#taskedit-tasklist').val(rec.list \|\| me.selected_list).prop('disabled', rec.parent_id ? true : false);
	var notify = $('#edit-attendees-donotify').get(0);
	var invite = $('#edit-attendees-invite').get(0);
	var comment = $('#edit-attendees-comment');

	invite.checked = settings.itip_notify & 1 > 0;
	notify.checked = has_attendees(rec) && invite.checked;

	// tag-edit line
	var tagline = $(rcmail.gui_objects.edittagline).empty();
	$.each(typeof rec.tags == 'object' && rec.tags.length ? rec.tags : [''], function(i,val){
	$('<input>')
	.attr('name', 'tags[]')
	.attr('tabindex', '0')
	.addClass('tag')
	.val(val)
	.appendTo(tagline);
	});

	$('input.tag', rcmail.gui_objects.edittagline).tagedit({
	animSpeed: 100,
	allowEdit: false,
	checkNewEntriesCaseSensitive: false,
	autocompleteOptions: { source: tags, minLength: 0, noCheck: true, appendTo:'#taskedit' },
	texts: { removeLinkTitle: rcmail.gettext('removetag', 'tasklist') }
	});

	// set alarm(s)
	me.set_alarms_edit('#taskedit-alarms', action != 'new' && rec.valarms ? rec.valarms : []);

	if ($.isArray(rec.links) && rec.links.length) {
	render_message_links(rec.links, $('#taskedit-links .task-text'), true, 'tasklist');
	$('#taskedit-links').show();
	}
	else {
	$('#taskedit-links').hide();
	}

	// set recurrence
	me.set_recurrence_edit(rec);

	// init attendees tab
	var organizer = !rec.attendees \|\| is_organizer(rec),
	allow_invitations = organizer \|\| (rec.owner && rec.owner == 'anonymous') \|\| settings.invite_shared;

	task_attendees = [];
	attendees_list = $('#edit-attendees-table > tbody').html('');
	$('#edit-attendees-notify')[(allow_invitations && has_attendees(rec) && (settings.itip_notify & 2) ? 'show' : 'hide')]();
	$('#edit-localchanges-warning')[(has_attendees(rec) && !(allow_invitations \|\| (rec.owner && is_organizer(rec, rec.owner))) ? 'show' : 'hide')]();

	// attendees (aka assignees)
	if (list.attendees) {
	var j, data, reply_selected = 0;
	if (rec.attendees) {
	for (j=0; j < rec.attendees.length; j++) {
	data = rec.attendees[j];
	add_attendee(data, !allow_invitations);
	if (allow_invitations && !data.noreply) {
	reply_selected++;
	}
	}
	}

	// make sure comment box is visible if at least one attendee has reply enabled
	// or global "send invitations" checkbox is checked
	$('#taskeditform .attendees-commentbox')[(reply_selected \|\| invite.checked ? 'show' : 'hide')]();

	// select the correct organizer identity
	var identity_id = 0;
	$.each(settings.identities, function(i,v) {
	if (!rec.organizer \|\| v == rec.organizer.email) {
	identity_id = i;
	return false;
	}
	});

	$('#edit-tab-attendees').show();
	$('#edit-attendees-form')[(allow_invitations?'show':'hide')]();
	$('#edit-identities-list').val(identity_id);
	$('#taskedit-organizer')[(organizer ? 'show' : 'hide')]();
	}
	else {
	$('#edit-tab-attendees').hide();
	}

	// attachments
	rcmail.enable_command('remove-attachment', list.editable);
	me.selected_task.deleted_attachments = [];
	// we're sharing some code for uploads handling with app.js
	rcmail.env.attachments = [];
	rcmail.env.compose_id = me.selected_task.id; // for rcmail.async_upload_form()

	if ($.isArray(rec.attachments)) {
	task_show_attachments(rec.attachments, $('#taskedit-attachments'), rec, true);
	}
	else {
	$('#taskedit-attachments > ul').empty();
	}

	// show/hide tabs according to calendar's feature support
	$('#taskedit-tab-attachments')[(list.attachments\|\|rec.attachments?'show':'hide')]();

	// activate the first tab
	$('#taskedit').tabs('option', 'active', 0);

	// define dialog buttons
	var buttons = [];
	buttons.push({
	text: rcmail.gettext('save', 'tasklist'),
	'class': 'mainaction',
	click: function() {
	var data = me.selected_task;
	data._status_before = me.selected_task.status + '';

	// copy form field contents into task object to save
	$.each({ title:title, description:description, date:recdate, time:rectime, startdate:recstartdate, starttime:recstarttime, status:taskstatus, list:tasklist }, function(key,input){
	data[key] = input.val();
	});
	data.tags = [];
	data.attachments = [];
	data.attendees = task_attendees;
	data.valarms = me.serialize_alarms('#taskedit-alarms');
	data.recurrence = me.serialize_recurrence(rectime.val());

	// do some basic input validation
	if (!data.title \|\| !data.title.length) {
	title.focus();
	return false;
	}
	else if (data.startdate && data.date) {
	var startdate = $.datepicker.parseDate(datepicker_settings.dateFormat, data.startdate, datepicker_settings);
	var duedate = $.datepicker.parseDate(datepicker_settings.dateFormat, data.date, datepicker_settings);
	if (startdate > duedate) {
	alert(rcmail.gettext('invalidstartduedates', 'tasklist'));
	return false;
	}
	}

	// collect tags
	$('input[type="hidden"]', rcmail.gui_objects.edittagline).each(function(i,elem) {
	if (elem.value)
	data.tags.push(elem.value);
	});
	// including the "pending" one in the text box
	var newtag = $('#tagedit-input').val();
	if (newtag != '') {
	data.tags.push(newtag);
	}

	// uploaded attachments list
	for (var i in rcmail.env.attachments) {
	if (i.match(/^rcmfile(.+)/))
	data.attachments.push(RegExp.$1);
	}

	// task assigned to a new list
	if (data.list && listdata[id] && data.list != listdata[id].list) {
	data._fromlist = list.id;
	}

	data.complete = complete.val() / 100;
	if (isNaN(data.complete))
	data.complete = null;
	else if (data.complete == 1.0 && rec.status === '')
	data.status = 'COMPLETED';

	if (!data.list && list.id)
	data.list = list.id;

	if (!data.tags.length)
	data.tags = '';

	if (organizer) {
	data._identity = $('#edit-identities-list option:selected').val();
	delete data.organizer;
	}

	// per-attendee notification suppression
	var need_invitation = false;
	if (allow_invitations) {
	$.each(data.attendees, function (i, v) {
	if (v.role != 'ORGANIZER') {
	if ($('input.edit-attendee-reply[value="' + v.email + '"]').prop('checked')) {
	need_invitation = true;
	delete data.attendees[i]['noreply'];
	}
	else if (settings.itip_notify > 0) {
	data.attendees[i].noreply = 1;
	}
	}
	});
	}

	// tell server to send notifications
	if ((data.attendees.length \|\| (rec.id && rec.attendees.length)) && allow_invitations && (notify.checked \|\| invite.checked \|\| need_invitation)) {
	data._notify = settings.itip_notify;
	data._comment = comment.val();
	}
	else if (data._notify) {
	delete data._notify;
	}

	if (save_task(data, action))
	$dialog.dialog('close');
	} // end click:
	});

	if (action != 'new') {
	buttons.push({
	text: rcmail.gettext('delete', 'tasklist'),
	'class': 'delete',
	click: function() {
	if (delete_task(rec.id))
	$dialog.dialog('close');
	}
	});
	}

	buttons.push({
	text: rcmail.gettext('cancel', 'tasklist'),
	click: function() {
	$dialog.dialog('close');
	}
	});

	// open jquery UI dialog
	$dialog.dialog({
	modal: true,
	resizable: (!bw.ie6 && !bw.ie7), // disable for performance reasons
	closeOnEscape: false,
	title: rcmail.gettext((action == 'edit' ? 'edittask' : 'newtask'), 'tasklist'),
	close: function() {
	rcmail.ksearch_blur();
	editform.hide().appendTo(document.body);
	$dialog.dialog('destroy').remove();
	},
	buttons: buttons,
	minHeight: 460,
	minWidth: 500,
	width: 580
	}).append(editform.show()); // adding form content AFTERWARDS massively speeds up opening on IE

	title.select();

	// set dialog size according to content
	me.dialog_resize($dialog.get(0), $dialog.height(), 580);
	}

	/**
	* Open a task attachment either in a browser window for inline view or download it
	*/
	function load_attachment(rec, att)
	{
	// can't open temp attachments
	if (!rec.id \|\| rec.id < 0)
	return false;

	var qstring = '_id='+urlencode(att.id)+'&_t='+urlencode(rec.recurrence_id\|\|rec.id)+'&_list='+urlencode(rec.list);

	// open attachment in frame if it's of a supported mimetype
	// similar as in app.js and calendar_ui.js
	if (att.id && att.mimetype && $.inArray(att.mimetype, settings.mimetypes)>=0) {
	if (rcmail.open_window(rcmail.env.comm_path+'&_action=get-attachment&'+qstring+'&_frame=1', true, true)) {
	return;
	}
	}

	rcmail.goto_url('get-attachment', qstring+'&_download=1', false);
	};

	/**
	* Build task attachments list
	*/
	function task_show_attachments(list, container, rec, edit)
	{
	var i, id, len, content, li, elem,
	ul = $('<ul>').addClass('attachmentslist');

	for (i=0, len=list.length; i<len; i++) {
	elem = list[i];
	li = $('<li>').addClass(elem.classname);

	if (edit) {
	rcmail.env.attachments[elem.id] = elem;
	// delete icon
	content = $('<a>')
	.attr('href', '#delete')
	.attr('title', rcmail.gettext('delete'))
	.addClass('delete')
	.click({ id:elem.id }, function(e) {
	remove_attachment(this, e.data.id);
	return false;
	});

	if (!rcmail.env.deleteicon) {
	content.html(rcmail.gettext('delete'));
	}
	else {
	$('<img>').attr('src', rcmail.env.deleteicon).attr('alt', rcmail.gettext('delete')).appendTo(content);
	}

	li.append(content);
	}

	// name/link
	$('<a>')
	.attr('href', '#load')
	.addClass('file')
	.html(elem.name).click({ task:rec, att:elem }, function(e) {
	load_attachment(e.data.task, e.data.att);
	return false;
	}).appendTo(li);

	ul.append(li);
	}

	if (edit && rcmail.gui_objects.attachmentlist) {
	ul.id = rcmail.gui_objects.attachmentlist.id;
	rcmail.gui_objects.attachmentlist = ul.get(0);
	}

	container.empty().append(ul);
	};

	/**
	*
	*/
	function remove_attachment(elem, id)
	{
	$(elem.parentNode).hide();
	me.selected_task.deleted_attachments.push(id);
	delete rcmail.env.attachments[id];
	}

	/**
	*
	*/
	function remove_link(elem)
	{
	var $elem = $(elem), uri = $elem.attr('data-uri');

	// remove the link item matching the given uri
	me.selected_task.links = $.grep(me.selected_task.links, function(link) { return link.uri != uri; });

	// remove UI list item
	$elem.hide().closest('li').addClass('deleted');
	}

	/**
	*
	*/
	function add_childtask(id)
	{
	if (rcmail.busy)
	return false;

	var rec = listdata[id];
	task_edit_dialog(null, 'new', { parent_id:id, list:rec.list });
	}

	/**
	* Delete the given task
	*/
	function delete_task(id)
	{
	var rec = listdata[id];
	if (!rec \|\| rec.readonly \|\| rcmail.busy)
	return false;

	var html, buttons = [], $dialog = $('<div>');

	// Subfunction to submit the delete command after confirm
	var _delete_task = function(id, mode) {
	var rec = listdata[id],
	li = $('li[rel="'+id+'"]', rcmail.gui_objects.resultlist).hide(),
	decline = $dialog.find('input.confirm-attendees-decline:checked').length,
	notify = $dialog.find('input.confirm-attendees-notify:checked').length;

	saving_lock = rcmail.set_busy(true, 'tasklist.savingdata');
	rcmail.http_post('task', { action:'delete', t:{ id:rec.id, list:rec.list, _decline:decline, _notify:notify }, mode:mode, filter:filtermask });

	// move childs to parent/root
	if (mode != 1 && rec.children !== undefined) {
	var parent_node = rec.parent_id ? $('li[rel="'+rec.parent_id+'"] > .childtasks', rcmail.gui_objects.resultlist) : null;
	if (!parent_node \|\| !parent_node.length)
	parent_node = rcmail.gui_objects.resultlist;

	$.each(rec.children, function(i,cid) {
	var child = listdata[cid];
	child.parent_id = rec.parent_id;
	resort_task(child, $('li[rel="'+cid+'"]').appendTo(parent_node), true);
	});
	}

	li.remove();
	delete listdata[id];
	}

	if (rec.children && rec.children.length) {
	html = rcmail.gettext('deleteparenttasktconfirm','tasklist');
	buttons.push({
	text: rcmail.gettext('deletethisonly','tasklist'),
	click: function() {
	_delete_task(id, 0);
	$(this).dialog('close');
	}
	});
	buttons.push({
	text: rcmail.gettext('deletewithchilds','tasklist'),
	click: function() {
	_delete_task(id, 1);
	$(this).dialog('close');
	}
	});
	}
	else {
	html = rcmail.gettext('deletetasktconfirm','tasklist');
	buttons.push({
	text: rcmail.gettext('delete','tasklist'),
	'class': 'delete',
	click: function() {
	_delete_task(id, 0);
	$(this).dialog('close');
	}
	});
	}

	if (is_attendee(rec)) {
	html += '<div class="task-dialog-message">' +
	'<label><input class="confirm-attendees-decline" type="checkbox" checked="checked" value="1" name="_decline" /> ' +
	rcmail.gettext('itipdeclinetask', 'tasklist') +
	'</label></div>';
	}
	else if (has_attendees(rec) && is_organizer(rec)) {
	html += '<div class="task-dialog-message">' +
	'<label><input class="confirm-attendees-notify" type="checkbox" checked="checked" value="1" name="_notify" /> ' +
	rcmail.gettext('sendcancellation', 'tasklist') +
	'</label></div>';
	}

	buttons.push({
	text: rcmail.gettext('cancel', 'tasklist'),
	click: function() {
	$(this).dialog('close');
	}
	});

	$dialog.html(html);
	$dialog.dialog({
	modal: true,
	width: 520,
	dialogClass: 'warning no-close',
	title: rcmail.gettext('deletetask', 'tasklist'),
	buttons: buttons,
	close: function(){
	$dialog.dialog('destroy').hide();
	}
	}).addClass('tasklist-confirm').show();

	return true;
	}

	/**
	* Check if the given task matches the current filtermask and tag selection
	*/
	function match_filter(rec, cache, recursive)
	{
	// return cached result
	if (typeof cache[rec.id] != 'undefined' && recursive != 2) {
	return cache[rec.id];
	}

	var match = !filtermask \|\| (filtermask & rec.mask) == filtermask;

	// in focusview mode, only tasks from the selected list are allowed
	if (focusview)
	match = $.inArray(rec.list, focusview_lists) >= 0;

	if (match && tagsfilter.length) {
	match = rec.tags && rec.tags.length;
	var alltags = get_inherited_tags(rec).concat(rec.tags \|\| []);
	for (var i=0; match && i < tagsfilter.length; i++) {
	if ($.inArray(tagsfilter[i], alltags) < 0)
	match = false;
	}
	}

	// check if a child task matches the tags
	if (!match && (recursive\|\|0) < 2 && rec.children && rec.children.length) {
	for (var j=0; !match && j < rec.children.length; j++) {
	match = match_filter(listdata[rec.children[j]], cache, 1);
	}
	}

	// walk up the task tree and check if a parent task matches
	var parent_id;
	if (!match && !recursive && (parent_id = rec.parent_id)) {
	while (!match && parent_id && listdata[parent_id]) {
	match = match_filter(listdata[parent_id], cache, 2);
	parent_id = listdata[parent_id].parent_id;
	}
	}

	if (recursive != 1) {
	cache[rec.id] = match;
	}
	return match;
	}

	/**
	*
	*/
	function get_inherited_tags(rec)
	{
	var parent_id, itags = [];

	if ((parent_id = rec.parent_id)) {
	while (parent_id && listdata[parent_id]) {
	itags = itags.concat(listdata[parent_id].tags \|\| []);
	parent_id = listdata[parent_id].parent_id;
	}
	}

	return $.unqiqueStrings(itags);
	}

	/**
	* Change tasks list sorting
	*/
	function list_set_sort(col)
	{
	if (settings.sort_col != col) {
	settings.sort_col = col;
	$('#taskviewsortmenu .sortcol').attr('aria-checked', 'false').removeClass('selected')
	.filter('.by-' + col).attr('aria-checked', 'true').addClass('selected');

	// re-sort list index and re-render list
	listindex.sort(function(a, b) { return task_cmp(listdata[a], listdata[b]); });
	render_tasklist();

	rcmail.enable_command('list-order', settings.sort_col != 'auto');
	$('#taskviewsortmenu .sortorder').removeClass('selected').filter('[aria-checked=true]').addClass('selected');

	rcmail.save_pref({ name: 'tasklist_sort_col', value: (col == 'auto' ? '' : col) });
	}
	}

	/**
	* Change tasks list sort order
	*/
	function list_set_order(order)
	{
	if (settings.sort_order != order) {
	settings.sort_order = order;
	$('#taskviewsortmenu .sortorder').attr('aria-checked', 'false').removeClass('selected')
	.filter('.' + order).attr('aria-checked', 'true').addClass('selected');

	// re-sort list index and re-render list
	listindex.sort(function(a, b) { return task_cmp(listdata[a], listdata[b]); });
	render_tasklist();

	rcmail.save_pref({ name: 'tasklist_sort_order', value: order });
	}
	}

	/**
	*
	*/
	function list_edit_dialog(id)
	{
	var list = me.tasklists[id],
	$dialog = $(rcmail.gui_containers.tasklistform);

	if ($dialog.is(':ui-dialog'))
	$dialog.dialog('close');

	if (!list)
	list = { name:'', editable:true, showalarms:true };

	var editform, name, alarms;

	$dialog.html(rcmail.get_label('loading'));
	$.ajax({
	type: 'GET',
	dataType: 'html',
	url: rcmail.url('tasklist'),
	data: { action:(list.id ? 'form-edit' : 'form-new'), l:{ id:list.id } },
	success: function(data) {
	$dialog.html(data);
	rcmail.triggerEvent('tasklist_editform_load', list);

	// resize and reposition dialog window
	editform = $('#tasklisteditform');
	me.dialog_resize(rcmail.gui_containers.tasklistform, editform.height(), editform.width());

	name = $('#taskedit-tasklistame').prop('disabled', list.norename\|\|false).val(list.editname \|\| list.name);
	alarms = $('#taskedit-showalarms').prop('checked', list.showalarms).get(0);
	name.select();

	// suppress form submission with <Enter>
	editform.on('submit', function(e) {
	e.preventDefault();
	return false;
	});
	}
	});

	// dialog buttons
	var buttons = [];

	buttons.push({
	text: rcmail.gettext('save','tasklist'),
	'class': 'mainaction',
	click: function() {
	// do some input validation
	if (!name.val() \|\| name.val().length < 2) {
	alert(rcmail.gettext('invalidlistproperties', 'tasklist'));
	name.select();
	return;
	}

	// post data to server
	var data = editform.serializeJSON();
	if (list.id)
	data.id = list.id;
	if (alarms)
	data.showalarms = alarms.checked ? 1 : 0;

	saving_lock = rcmail.set_busy(true, 'tasklist.savingdata');
	rcmail.http_post('tasklist', { action:(list.id ? 'edit' : 'new'), l:data });
	$dialog.dialog('close');
	} // end click:
	});

	buttons.push({
	text: rcmail.gettext('cancel','tasklist'),
	click: function() {
	$dialog.dialog('close');
	}
	});

	// open jquery UI dialog
	$dialog.dialog({
	modal: true,
	resizable: true,
	closeOnEscape: false,
	title: rcmail.gettext((list.id ? 'editlist' : 'createlist'), 'tasklist'),
	close: function() {
	$dialog.dialog('destroy').hide();
	},
	buttons: buttons,
	minWidth: 400,
	width: 420
	}).show();
	}

	/**
	*
	*/
	function list_delete(id)
	{
	var list = me.tasklists[id];
	if (list && !list.norename && confirm(rcmail.gettext(list.children ? 'deletelistconfirmrecursive' : 'deletelistconfirm', 'tasklist'))) {
	saving_lock = rcmail.set_busy(true, 'tasklist.savingdata');
	rcmail.http_post('tasklist', { action:'delete', l:{ id:list.id } });
	return true;
	}
	return false;
	}

	/**
	*
	*/
	function list_remove(id)
	{
	var list = me.tasklists[id];
	if (list && list.removable) {
	destroy_list(list);
	rcmail.http_post('tasklist', { action:'subscribe', l:{ id:list.id, active:0, permanent:0, recursive:1 } });
	}
	}

	/**
	* Callback from server to finally remove the given list
	*/
	function destroy_list(prop)
	{
	var li, delete_ids = [],
	list = me.tasklists[prop.id];

	// find sub-lists
	if (list && list.children) {
	for (var child_id in me.tasklists) {
	if (String(child_id).indexOf(prop.id) == 0)
	delete_ids.push(child_id);
	}
	}
	else {
	delete_ids.push(prop.id);
	}

	// delete all subfolders in the list
	for (var i=0; i < delete_ids.length; i++) {
	id = delete_ids[i];
	list = me.tasklists[id];
	tasklists_widget.remove(id);

	if (list) {
	list.active = false;
	// delete me.tasklists[prop.id];
	unlock_saving();
	remove_tasks(list.id);
	}
	$("#taskedit-tasklist option[value='"+id+"']").remove();
	}
	}

	/**
	*
	*/
	function insert_list(prop)
	{
	if (prop._reload) {
	rcmail.redirect(rcmail.url(''));
	return;
	}

	tasklists_widget.insert({
	id: prop.id,
	classes: [ prop.group \|\| '' ],
	virtual: prop.virtual,
	html: prop.html
	}, prop.parent \|\| null, prop.group);

	// flag as tasklist for drag & drop
	$(tasklists_widget.get_item(prop.id)).data('type', 'tasklist');

	delete prop.html;
	me.tasklists[prop.id] = prop;

	// append to list selector in task edit dialog, too (#2985)
	$('<option>').attr('value', prop.id).html(Q(prop.name)).appendTo('#taskedit-tasklist');
	}

	/**
	*
	*/
	function update_list(prop)
	{
	var id = prop.oldid \|\| prop.id,
	li = tasklists_widget.get_item(id);

	if (prop._reload) {
	rcmail.redirect(rcmail.url(''));
	return;
	}

	if (me.tasklists[id] && li) {
	delete me.tasklists[id];
	me.tasklists[prop.id] = prop;
	$(li).find('input').first().val(prop.id);
	$(li).find('.listname').first().html(Q(prop.name));
	tasklists_widget.update(id, { id:prop.id, html:li.children().first() });
	}
	}

	/**
	* Execute search
	*/
	function quicksearch()
	{
	var q;
	if (rcmail.gui_objects.qsearchbox && (q = rcmail.gui_objects.qsearchbox.value)) {
	var id = 'search-'+q;
	var resources = [];

	for (var rid in me.tasklists) {
	if (me.tasklists[rid].active) {
	resources.push(rid);
	}
	}
	id += '@'+resources.join(',');

	// ignore if query didn't change
	if (search_request == id)
	return;

	search_request = id;
	search_query = q;

	list_tasks();
	}
	else // empty search input equals reset
	this.reset_search();
	}

	/**
	* Reset search and get back to normal listing
	*/
	function reset_search()
	{
	$(rcmail.gui_objects.qsearchbox).val('');

	if (search_request) {
	search_request = search_query = null;
	list_tasks();
	}
	}


	/** Utility functions **/

	// same as str.split(delimiter) but it ignores delimiters within quoted strings
	var explode_quoted_string = function(str, delimiter)
	{
	var result = [],
	strlen = str.length,
	q, p, i, char, last;

	for (q = p = i = 0; i < strlen; i++) {
	char = str.charAt(i);
	if (char == '"' && last != '\\') {
	q = !q;
	}
	else if (!q && char == delimiter) {
	result.push(str.substring(p, i));
	p = i + 1;
	}
	last = char;
	}

	result.push(str.substr(p));
	return result;
	};

	/**
	* Clear any text selection
	* (text is probably selected when double-clicking somewhere)
	*/
	function clearSelection()
	{
	if (document.selection && document.selection.empty) {
	document.selection.empty() ;
	}
	else if (window.getSelection) {
	var sel = window.getSelection();
	if (sel && sel.removeAllRanges)
	sel.removeAllRanges();
	}
	}

	/**
	* Hide all open popup menus
	*/
	function clear_popups(e)
	{
	var count = 0, target = e.target;
	if (target && target.className == 'inner')
	target = e.target.parentNode;

	$('.popupmenu:visible').each(function(i, elem){
	var menu = $(elem), id = elem.id;
	if (id && target.id != id+'link' && (!menu.data('sticky') \|\| !target_overlaps(e.target, elem))) {
	menu.hide();
	count++;
	}
	});
	return count;
	}

	/**
	* Check whether the event target is a descentand of the given element
	*/
	function target_overlaps(target, elem)
	{
	while (target.parentNode) {
	if (target.parentNode == elem)
	return true;
	target = target.parentNode;
	}
	return false;
	}

	/**
	*
	*/
	function active_lists()
	{
	var active = [];
	for (var id in me.tasklists) {
	if (me.tasklists[id].active)
	active.push(id);
	}
	return active;
	}

	// resize and reposition (center) the dialog window
	this.dialog_resize = function(id, height, width)
	{
	var win = $(window), w = win.width(), h = win.height();
	$(id).dialog('option', { height: Math.min(h-20, height+130), width: Math.min(w-20, width+50) })
	.dialog('option', 'position', ['center', 'center']); // only works in a separate call (!?)
	};

	/**
	* Enable/disable focusview mode for the given list
	*/
	function set_focusview(id, shift)
	{
	var in_focus = $.inArray(id, focusview_lists) >= 0,
	li = $(tasklists_widget.get_item(id)).find('.tasklist').first();

	// remove list from focusview
	if (in_focus && shift && id !== null) {
	focusview_lists = $.grep(focusview_lists, function(list_id) { return list_id != id; });
	}
	else {
	if (!shift \|\| id === null) {
	focusview_lists = [];

	// uncheck all active focusview icons
	tasklists_widget.container.find('div.focusview')
	.removeClass('focusview')
	.find('a.quickview').attr('aria-checked', 'false');
	}

	if (!in_focus && id !== null) {
	focusview_lists.push(id)
	}
	}

	focusview = focusview_lists.length > 0;

	// activate list if necessary
	if (focusview && !me.tasklists[id].active) {
	li.find('input[type=checkbox]').get(0).checked = true;
	me.tasklists[id].active = true;
	fetch_counts();
	}

	// update list
	list_tasks(null);

	if (focusview) {
	li[in_focus ? 'removeClass' : 'addClass']('focusview')
	.find('a.quickview').attr('aria-checked', in_focus ? 'false' : 'true');
	$('body').addClass('quickview-active');
	}
	else {
	$('body').removeClass('quickview-active');
	}
	}


	// init dialog by default
	init_taskedit();
	}


	// extend jQuery
	// from http://james.padolsey.com/javascript/sorting-elements-with-jquery/
	jQuery.fn.sortElements = (function(){
	var sort = [].sort;

	return function(comparator, getSortable) {
	getSortable = getSortable \|\| function(){ return this };

	var last = null;
	return sort.call(this, comparator).each(function(i){
	// at this point the array is sorted, so we can just detach each one from wherever it is, and add it after the last
	var node = $(getSortable.call(this));
	var parent = node.parent();
	if (last) last.after(node);
	else parent.prepend(node);
	last = node;
	});
	};
	})();

	// equivalent to $.unique() but working on arrays of strings
	jQuery.unqiqueStrings = (function() {
	return function(arr) {
	var hash = {}, out = [];

	for (var i = 0; i < arr.length; i++) {
	hash[arr[i]] = 0;
	}
	for (var val in hash) {
	out.push(val);
	}

	return out;
	};
	})();


	/* tasklist plugin UI initialization */
	var rctasks;
	window.rcmail && rcmail.addEventListener('init', function(evt) {

	rctasks = new rcube_tasklist_ui($.extend(rcmail.env.tasklist_settings, rcmail.env.libcal_settings));

	// register button commands
	rcmail.register_command('newtask', function(){ rctasks.edit_task(null, 'new', {}); }, true);
	//rcmail.register_command('print', function(){ rctasks.print_list(); }, true);

	rcmail.register_command('list-create', function(){ rctasks.list_edit_dialog(null); }, true);
	rcmail.register_command('list-edit', function(){ rctasks.list_edit_dialog(rctasks.selected_list); }, false);
	rcmail.register_command('list-delete', function(){ rctasks.list_delete(rctasks.selected_list); }, false);
	rcmail.register_command('list-remove', function(){ rctasks.list_remove(rctasks.selected_list); }, false);

	rcmail.register_command('search', function(){ rctasks.quicksearch(); }, true);
	rcmail.register_command('reset-search', function(){ rctasks.reset_search(); }, true);
	rcmail.register_command('expand-all', function(){ rctasks.expand_collapse(true); }, true);
	rcmail.register_command('collapse-all', function(){ rctasks.expand_collapse(false); }, true);

	rctasks.init();
	});

File Metadata

Mime Type: text/x-diff
Expires: Fri, May 1, 5:11 PM (3 h, 58 m)
Storage Engine: blob
Storage Format: Raw Data
Storage Handle: 662402
Default Alt Text: (353 KB)

No OneTemporaryActions

View Options

File Metadata

Event Timeline

No OneTemporary
Actions