friendica-addons/dav/common/wdcal/js/jquery.calendar.js

/**
 * @description {Class} wdCalendar
 * This is the main class of wdCalendar.
 */
(function ($) {
	"use strict";

	var __WDAY = $.datepicker._defaults.dayNamesShort;
		//new Array(i18n.xgcalendar.dateformat.sun, i18n.xgcalendar.dateformat.mon, i18n.xgcalendar.dateformat.tue, i18n.xgcalendar.dateformat.wed, i18n.xgcalendar.dateformat.thu, i18n.xgcalendar.dateformat.fri, i18n.xgcalendar.dateformat.sat);
	var __MonthName = $.datepicker._defaults.monthNamesShort;
		//new Array(i18n.xgcalendar.dateformat.jan, i18n.xgcalendar.dateformat.feb, i18n.xgcalendar.dateformat.mar, i18n.xgcalendar.dateformat.apr, i18n.xgcalendar.dateformat.may, i18n.xgcalendar.dateformat.jun, i18n.xgcalendar.dateformat.jul, i18n.xgcalendar.dateformat.aug, i18n.xgcalendar.dateformat.sep, i18n.xgcalendar.dateformat.oct, i18n.xgcalendar.dateformat.nov, i18n.xgcalendar.dateformat.dec);


	function dateFormat(format) {
		var o = {
			"M+":this.getMonth() + 1,
			"d+":this.getDate(),
			"h+":this.getHours(),
			"H+":this.getHours(),
			"m+":this.getMinutes(),
			"s+":this.getSeconds(),
			"q+":Math.floor((this.getMonth() + 3) / 3),
			"w":"0123456".indexOf(this.getDay()),
			"W":__WDAY[this.getDay()],
			"L":__MonthName[this.getMonth()] //non-standard
		};
		if (/(y+)/.test(format)) {
			format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
		}
		for (var k in o) {
			if (new RegExp("(" + k + ")").test(format))
				format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
		}
		return format;
	}

	function DateDiff(interval, d1, d2) {
		switch (interval) {
			case "d": //date
			case "w":
				d1 = new Date(d1.getFullYear(), d1.getMonth(), d1.getDate());
				d2 = new Date(d2.getFullYear(), d2.getMonth(), d2.getDate());
				break;  //w
			case "h":
				d1 = new Date(d1.getFullYear(), d1.getMonth(), d1.getDate(), d1.getHours());
				d2 = new Date(d2.getFullYear(), d2.getMonth(), d2.getDate(), d2.getHours());
				break; //h
			case "n":
				d1 = new Date(d1.getFullYear(), d1.getMonth(), d1.getDate(), d1.getHours(), d1.getMinutes());
				d2 = new Date(d2.getFullYear(), d2.getMonth(), d2.getDate(), d2.getHours(), d2.getMinutes());
				break;
			case "s":
				d1 = new Date(d1.getFullYear(), d1.getMonth(), d1.getDate(), d1.getHours(), d1.getMinutes(), d1.getSeconds());
				d2 = new Date(d2.getFullYear(), d2.getMonth(), d2.getDate(), d2.getHours(), d2.getMinutes(), d2.getSeconds());
				break;
		}
		var t1 = d1.getTime(), t2 = d2.getTime();
		var diff = NaN;
		switch (interval) {
			case "y":
				diff = d2.getFullYear() - d1.getFullYear();
				break; //y
			case "m":
				diff = (d2.getFullYear() - d1.getFullYear()) * 12 + d2.getMonth() - d1.getMonth();
				break;    //m
			case "d":
				diff = Math.floor(t2 / 86400000) - Math.floor(t1 / 86400000);
				break;
			case "w":
				diff = Math.floor((t2 + 345600000) / (604800000)) - Math.floor((t1 + 345600000) / (604800000));
				break; //w
			case "h":
				diff = Math.floor(t2 / 3600000) - Math.floor(t1 / 3600000);
				break; //h
			case "n":
				diff = Math.floor(t2 / 60000) - Math.floor(t1 / 60000);
				break; //
			case "s":
				diff = Math.floor(t2 / 1000) - Math.floor(t1 / 1000);
				break; //s
			case "l":
				diff = t2 - t1;
				break;
		}
		return diff;

	}

	function DateAdd(interval, number, idate) {
		number = parseInt(number);
		var date;
		if (typeof (idate) == "string") {
			date = idate.split(/\D/);
			eval("var date = new Date(" + date.join(",") + ")");
		}

		if (typeof (idate) == "object") {
			date = new Date(idate.toString());
		}
		switch (interval) {
			case "y":
				date.setFullYear(date.getFullYear() + number);
				break;
			case "m":
				date.setMonth(date.getMonth() + number);
				break;
			case "d":
				date.setDate(date.getDate() + number);
				break;
			case "w":
				date.setDate(date.getDate() + 7 * number);
				break;
			case "h":
				date.setHours(date.getHours() + number);
				break;
			case "n":
				date.setMinutes(date.getMinutes() + number);
				break;
			case "s":
				date.setSeconds(date.getSeconds() + number);
				break;
			case "l":
				date.setMilliseconds(date.getMilliseconds() + number);
				break;
		}
		return date;
	}

	function ColorrCalcBrighten(col, factor) {
		return 255-Math.round((255 - col) * factor);
	}
	function ColorCalcValues(basecol) {
		if (!basecol.match(/^#[0-9a-f]{6}$/i)) return ColorCalcValues("#f8f8ff");
		var r = parseInt(basecol.substring(1, 3), 16);
		var g = parseInt(basecol.substring(3, 5), 16);
		var b = parseInt(basecol.substring(5, 7), 16);
		var col1 = "#" + ColorrCalcBrighten(r, 0.6).toString(16) + ColorrCalcBrighten(g, 0.6).toString(16) + ColorrCalcBrighten(b, 0.6).toString(16);
		var col2 = "#" + ColorrCalcBrighten(r, 0.5).toString(16) + ColorrCalcBrighten(g, 0.5).toString(16) + ColorrCalcBrighten(b, 0.5).toString(16);
		return [basecol, col1, col2];
	}


	if ($.fn.noSelect == undefined) {
		$.fn.noSelect = function (p) { //no select plugin by me :-)
			var prevent;
			if (p == null)
				prevent = true;
			else
				prevent = p;
			if (prevent) {
				return this.each(function () {
					if ($.browser.msie || $.browser.safari) $(this).bind('selectstart', function () {
						return false;
					});
					else if ($.browser.mozilla) {
						$(this).css('MozUserSelect', 'none');
						$('body').trigger('focus');
					}
					else if ($.browser.opera) $(this).bind('mousedown', function () {
						return false;
					});
					else $(this).data('unselectable', 'on');
				});

			} else {
				return this.each(function () {
					if ($.browser.msie || $.browser.safari) $(this).unbind('selectstart');
					else if ($.browser.mozilla) $(this).css('MozUserSelect', 'inherit');
					else if ($.browser.opera) $(this).unbind('mousedown');
					else $(this).removeData('unselectable', 'on');
				});

			}
		}; //end noSelect
	}
	$.fn.bcalendar = function (option) {
		var def = {
			/**
			 * @description {Config} view
			 * {String} Three calendar view provided, 'day','multi_days','week','month'. 'week' by default.
			 */
			view:"week",

			date_format_dm1:"W, d.M",
			date_format_dm2:"d. L",
			date_format_dm3:"d L yyyy",
			date_format_full:"yy-mm-dd",

			/**
			 * @description {Config} weekstartday
			 * {Number} First day of week 0 for Sun, 1 for Mon, 2 for Tue.
			 */
			weekstartday:1, //start from Monday by default
			std_color: "#5858ff",
			/**
			 * @description {Config} height
			 * {Number} Calendar height, false for page height by default.
			 */
			height:false,
			baseurl: "",
			/**
			 * @description {Config} url
			 * {String} Url to request calendar data.
			 */
			url:"",

			/**
			 * @description {Config} eventItems
			 * {Array} event items for initialization.
			 */
			eventItems:[],
			method:"POST",
			/**
			 * @description {Config} showday
			 * {Date} Current date. today by default.
			 */
			showday:new Date(),
			/**
			 * @description {Event} onBeforeRequestData:function(stage)
			 * Fired before any ajax request is sent.
			 * @param {Number} stage. 1 for retrieving events, 2 - adding event, 3 - removiing event, 4 - update event.
			 */
			onBeforeRequestData:false,
			/**
			 * @description {Event} onAfterRequestData:function(stage)
			 * Fired before any ajax request is finished.
			 * @param {Number} stage. 1 for retrieving events, 2 - adding event, 3 - removiing event, 4 - update event.
			 */
			onAfterRequestData:false,
			/**
			 * @description {Event} onAfterRequestData:function(stage)
			 * Fired when some errors occur while any ajax request is finished.
			 * @param {Number} stage. 1 for retrieving events, 2 - adding event, 3 - removiing event, 4 - update event.
			 */
			onRequestDataError:false,

			onWeekOrMonthToDay:false,

			/**
			 * @description {Event} quickAddHandler:function(calendar, param )
			 * Fired when user quick adds an item. If this function is set, ajax request to quickAddUrl will abort.
			 * @param {Object} calendar Calendar object.
			 * @param {Array} param Format [{name:"name1", value:"value1"}, ...]
			 *
			 */
			quickAddHandler:false,

			quickUpdateHandler:false,

			quickDeleteHandler: false,
			/**
			 * @description {Config} quickAddUrl
			 * {String} Url for quick adding.
			 */
			quickAddUrl:"",
			/**
			 * @description {Config} quickUpdateUrl
			 * {String} Url for time span update.
			 */
			quickUpdateUrl:"",
			/**
			 * @description {Config} quickDeleteUrl
			 * {String} Url for removing an event.
			 */
			quickDeleteUrl:"",
			/**
			 * @description {Config} autoload
			 * {Boolean} If event items is empty, and this param is set to true.
			 * Event will be retrieved by ajax call right after calendar is initialized.
			 */
			autoload:false,
			/**
			 * @description {Config} readonly
			 * {Boolean} Indicate calendar is readonly or editable
			 */
			readonly:false,
			/**
			 * @description {Config} extParam
			 * {Array} Extra params submitted to server.
			 * Sample - [{name:"param1", value:"value1"}, {name:"param2", value:"value2"}]
			 */
			extParam:[],
			/**
			 * @description {Config} enableDrag
			 * {Boolean} Whether end user can drag event item by mouse.
			 */
			enableDrag:true,
			url_add:"",
			num_days:7,
			hour_height:42,

			calendars_available:[],
			calendars_selected:[]
		};
		var eventDiv = $("#gridEvent");
		if (eventDiv.length == 0) {
			eventDiv = $("<div id='gridEvent' style='display:none;'></div>").appendTo(document.body);
		}
		var $gridcontainer = $(this);
		option = $.extend(def, option);

		//no quickUpdateUrl, dragging disabled.
		if (option.quickUpdateUrl == null || option.quickUpdateUrl == "") {
			option.enableDrag = false;
		}
		//template for month and date
		var __SCOLLEVENTTEMP = "<DIV style=\"width:{width};top:{top};left:{left};\" title=\"{title}\" class=\"chip chip{i} {drag} {addclasses}\">" +
			"<DIV style=\"border-bottom-color:{bdcolor}\" class=ct>&nbsp;</DIV>" +
			"<DL style=\"border-color:{bdcolor}; background-color:{bgcolor1}; height: {height}px;\"><DT style=\"background-color:{bgcolor2}\">{starttime} - {endtime} {icon}</DT>" +
			"<DD><SPAN>{content}</SPAN></DD><DIV class='resizer' style='display:{redisplay}'><DIV class=rszr_icon>&nbsp;</DIV></DIV></DL>" +
			"<DIV style=\"BORDER-BOTTOM-COLOR:{bdcolor}; background-color:{bgcolor1}; border-color: {bdcolor};\" class=cb1>&nbsp;</DIV>" +
			"<DIV style=\"border-color:{bdcolor};\" class=cb2>&nbsp;</DIV></DIV>";
		var __ALLDAYEVENTTEMP = '<div class="rb-o {eclass}" id="{id}" title="{title}" style="color:{color};">' +
			'<div class="{extendClass} rb-m" style="background-color:{color}">{extendHTML}<div class="rb-i">{content}</div></div></div>';
		var __MonthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
		var __LASSOTEMP = "<div class='drag-lasso' style=\"left:{left}px;top:{top}px;width:{width}px;height:{height}px;\">&nbsp;</div>";
		//for dragging var
		var _dragdata;
		var _dragevent;

		//clear DOM
		clearcontainer();

		//no height specified in options, we get page height.
		if (!option.height) {
			option.height = document.documentElement.clientHeight;
		}
		//
		$gridcontainer.css("overflow-y", "visible").height(option.height - 8);

		//populate events data for first display.
		if (option.url && option.autoload) {
			populate();
		}
		else {
			//contruct HTML          
			render();
		}

		//clear DOM
		function clearcontainer() {
			$gridcontainer.empty();
		}


		//contruct DOM 
		function render() {
			//params needed
			//viewType, showday, events, config			
			var showday = new Date(option.showday.getFullYear(), option.showday.getMonth(), option.showday.getDate());
			var events = option.eventItems;
			var config = { view:option.view, weekstartday:option.weekstartday, color:option.std_color };
			if (option.view == "day" || option.view == "week" || option.view == "multi_days") {
				var $dvtec = $gridcontainer.find(".scrolltimeevent");
				if ($dvtec.length > 0) {
					option.scroll = $dvtec.scrollTop(); //get scroll bar position
				}
			}
			switch (option.view) {
				case "day":
					BuildDaysAndWeekView(showday, 1, events, config);
					break;
				case "week":
					BuildDaysAndWeekView(showday, 7, events, config);
					break;
				case "multi_days":
					BuildDaysAndWeekView(showday, option.num_days, events, config);
					break;
				case "month":
					BuildMonthView(showday, events, config);
					break;
				default:
					alert(i18n.xgcalendar["no_implement"]);
					break;
			}
			initevents(option.view);
			ResizeView();
		}

		//build day view
		function BuildDaysAndWeekView(startday, l, events, config) {
			var days = [],
				show;
			if (l == 1) {
				show = dateFormat.call(startday, option.date_format_dm1);
				days.push({ display:show, date:startday, day:startday.getDate(), year:startday.getFullYear(), month:startday.getMonth() + 1 });
				option.datestrshow = CalDateShow(days[0].date);
				option.vstart = days[0].date;
				option.vend = days[0].date;
			}
			else {
				var w = 0;
				if (l == 7) {
					w = config.weekstartday - startday.getDay();
					if (w > 0) w = w - 7;
				}
				var ndate;
				for (var i = w, j = 0; j < l; i = i + 1, j++) {
					ndate = DateAdd("d", i, startday);
					show = dateFormat.call(ndate, option.date_format_dm1);
					days.push({ display:show, date:ndate, day:ndate.getDate(), year:ndate.getFullYear(), month:ndate.getMonth() + 1 });
				}
				option.vstart = days[0].date;
				option.vend = days[l - 1].date;
				option.datestrshow = CalDateShow(days[0].date, days[l - 1].date);
			}

			var allDayEvents = [];
			var scrollDayEvents = [];
			//get number of all-day events, including more-than-one-day events.
			var dM = PrepareEvents(days, events, allDayEvents, scrollDayEvents);

			var $html = $("<div class=\"wktopcontainer\"></div>");
			$html.append(BuildWT(days, allDayEvents, dM));

			$gridcontainer.html("").append($html);

			$html = $("<div class=\"scrolltimeevent\"></div>");
			$html.append(BuildDayScollEventContainer(days, scrollDayEvents));
			$gridcontainer.append($html);

			//TODO event handlers
			//$gridcontainer.find(".weekViewAllDaywk").click(RowHandler);
		}

		//build month view
		function BuildMonthView(showday, events, config) {
			$gridcontainer.find("*").remove();
			$gridcontainer.append("<div class='cal-month-cc cc'><div class='cal-month-cc-header'><div class='cc-close cal-month-closebtn'></div><div class='cal-month-cc-title cc-title'></div></div><div class='cal-month-cc-body cc-body'><div class='cal-month-cc-content st-contents'><table class='st-grid'><tbody></tbody></table></div></div></div>");
			var html = [];
			//build header
			html.push("<div id=\"mvcontainer\" class=\"mv-container\">");
			html.push("<table id=\"mvweek\" class=\"mv-daynames-table\"><tbody><tr>");
			for (var i = config.weekstartday, j = 0; j < 7; i++, j++) {
				if (i > 6) i = 0;
				html.push("<th class=\"mv-dayname\" title=\"", __WDAY[i], "\">", __WDAY[i], "");
			}
			html.push("</tr></tbody></table>");
			html.push("</div>");
			$gridcontainer.append(html.join(""));

			var bH = GetMonthViewBodyHeight() - GetMonthViewHeaderHeight();
			var $container = $("<div class=\"mvEventContainer mv-event-container\" style=\"height:" + bH + "px;" + "\"></div>");
			var $body = BuilderMonthBody(showday, config.weekstartday, events, bH);
			$container.append($body);
			$gridcontainer.append($container);

			$gridcontainer.find(".cal-month-closebtn").click(closeCc);
		}

		function closeCc() {
			$gridcontainer.find(".cal-month-cc").css("visibility", "hidden");
		}

		//all-day event, including more-than-one-day events 
		function PrepareEvents(dayarrs, events, allDayEvents, scrolLDayEvents) {
			var i, j, k, de, x, y, La, H, D, Ia,
				tmp_allday = allDayEvents,
				tmp_scrollevents = scrolLDayEvents,
				l = dayarrs.length,
				el = events.length,
				fE = [];
			for (j = 0; j < el; j++) {
				var sD = events[j]["start"];
				var eD = events[j]["end"];
				var s = {};
				s.event = events[j];
				s.day = sD.getDate();
				s.year = sD.getFullYear();
				s.month = sD.getMonth() + 1;
				s.allday = events[j]["is_allday"] == 1;
				s.crossday = events[j]["is_moredays"] == 1;
				s.reevent = events[j]["is_recurring"] == 1; //Recurring event
				s.daystr = [s.year, s.month, s.day].join("/");
				s.st = {};
				s.st.hour = sD.getHours();
				s.st.minute = sD.getMinutes();
				s.st.p = s.st.hour * 60 + s.st.minute; // start time
				s.et = {};
				s.et.hour = eD.getHours();
				s.et.minute = eD.getMinutes();
				s.et.p = s.et.hour * 60 + s.et.minute; // end time
				fE.push(s);
			}
			var dMax = 0;
			for (i = 0; i < l; i++) {
				var da = dayarrs[i];
				tmp_scrollevents[i] = [];
				tmp_allday[i] = [];
				da.daystr = da.year + "/" + da.month + "/" + da.day;
				for (j = 0; j < fE.length; j++) {
					if (!fE[j].crossday && !fE[j].allday) {
						if (da.daystr == fE[j].daystr)
							tmp_scrollevents[i].push(fE[j]);
					}
					else {
						if (da.daystr == fE[j].daystr) {
							tmp_allday[i].push(fE[j]);
							dMax++;
						}
						else {
							if (i == 0 && da.date >= fE[j].event["start"] && da.date <= fE[j].event["end"])//first more-than-one-day event
							{
								tmp_allday[i].push(fE[j]);
								dMax++;
							}
						}
					}
				}
			}
			var lrdate = dayarrs[l - 1].date;
			for (i = 0; i < l; i++) { //to deal with more-than-one-day event
				de = tmp_allday[i];
				if (de.length > 0) { //           
					for (j = 0; j < de.length; j++) {
						var end = DateDiff("d", lrdate, de[j].event["end"]) > 0 ? lrdate : de[j].event["end"];
						de[j].colSpan = DateDiff("d", dayarrs[i].date, end) + 1
					}
				}
				de = null;
			}
			//for all-day events
			for (i = 0; i < l; i++) {
				de = tmp_scrollevents[i];
				if (de.length > 0) {
					x = [];
					y = [];
					D = [];
					var dl = de.length;
					for (j = 0; j < dl; ++j) {
						var ge = de[j];
						for (La = ge.st.p, Ia = 0; y[Ia] > La;) Ia++;
						ge.PO = Ia;
						ge.ne = []; //PO is how many events before this one
						y[Ia] = ge.et.p || 1440;
						x[Ia] = ge;
						if (!D[Ia]) {
							D[Ia] = [];
						}
						D[Ia].push(ge);
						if (Ia != 0) {
							ge.pe = [x[Ia - 1]]; //previous event
							x[Ia - 1].ne.push(ge); //next event
						}
						for (Ia = Ia + 1; y[Ia] <= La;) Ia++;
						if (x[Ia]) {
							k = x[Ia];
							ge.ne.push(k);
							k.pe.push(ge);
						}
						ge.width = 1 / (ge.PO + 1);
						ge.left = 1 - ge.width;
					}
					k = Array.prototype.concat.apply([], D);
					x = y = D = null;
					var t = k.length;
					for (y = t; y--;) {
						H = 1;
						La = 0;
						x = k[y];
						for (D = x.ne.length; D--;) {
							Ia = x.ne[D];
							La = Math.max(La, Ia.VL);
							H = Math.min(H, Ia.left)
						}
						x.VL = La + 1;
						x.width = H / (x.PO + 1);
						x.left = H - x.width;
					}
					for (y = 0; y < t; y++) {
						x = k[y];
						x.left = 0;
						if (x.pe) for (D = x.pe.length; D--;) {
							H = x.pe[D];
							x.left = Math.max(x.left, H.left + H.width);
						}
						var p = (1 - x.left) / x.VL;
						x.width = Math.max(x.width, p);
						x.aQ = Math.min(1 - x.left, x.width + 0.7 * p); //width offset
					}
					de = null;
					tmp_scrollevents[i] = k;
				}
			}
			return dMax;
		}


		// Week view: top row (full-day events)
		function BuildWT(dayarrs, events, dMax) {
			//1:
			var i, j, h, e, el, x, l;
			var html = "<table class=\"wk-top\">";
			html += "<tr><th style='width: 60px;' rowspan=\"3\">&nbsp;</th>";
			for (i = 0; i < dayarrs.length; i++) {
				var ev, title, cl;
				if (dayarrs.length == 1) {
					ev = "";
					title = "";
					cl = "";
				}
				else {
					ev = ""; // "onclick=\"javascript:FunProxy('week2day',event,this);\"";
					title = i18n.xgcalendar.to_date_view;
					cl = "wk-daylink";
				}
				html += "<th data-abbr='" + dayarrs[i].date.getTime() + "' class='gcweekname' scope=\"col\">";
				html += "<div title='" + title + "' " + ev + " class='wk-dayname'><span class='" + cl + "'>" + dayarrs[i].display + "</span></div></th>";

			}
			html += "<th style='width: 16px;' rowspan=\"3\">&nbsp;</th>";
			html += "</tr>"; //end tr1;
			//2:          
			html += "<tr>";
			html += "<td class=\"wk-allday\"";

			if (dayarrs.length > 1) {
				html += " colSpan='" + dayarrs.length + "'";
			}
			//onclick=\"javascript:FunProxy('rowhandler',event,this);\"
			html += "><div class=\"weekViewAllDaywk\" ><table class=\"st-grid\"><tbody>";

			if (dMax == 0) {
				html += "<tr>";
				for (i = 0; i < dayarrs.length; i++) {
					html += "<td class=\"st-c st-s\" data-ch='qkadd' data-abbr='" + dayarrs[i].date.getTime() + "' data-axis='00:00'>&nbsp;</td>";
				}
				html += "</tr>";
			}
			else {
				l = events.length;
				el = 0;
				x = [];
				for (j = 0; j < l; j++) {
					x.push(0);
				}
				//var c = tc();
				for (j = 0; el < dMax; j++) {
					html += "<tr class='row" + j + "'>";
					for (h = 0; h < l;) {
						e = events[h][x[h]];
						html += "<td class='st-c col" + h;
						if (e) { //if exists
							x[h] = x[h] + 1;
							html += "'";
							if (e.colSpan > 1) {
								html += " colSpan='" + e.colSpan + "'";
								h += e.colSpan;
							}
							else {
								h++;
							}
							html += " ch='show'>";
							el++;
						}
						else {
							html += " st-s' data-ch='qkadd' data-abbr='" + dayarrs[h].date.getTime()  + "' data-axis='00:00'>&nbsp;";
							h++;
						}
						html += "</td>";
					}
					html += "</tr>";
				}
				html += "<tr>";
				for (h = 0; h < l; h++) {
					html += "<td class='st-c st-s' data-ch='qkadd' data-abbr='" + dayarrs[h].date.getTime() + "' data-axis='00:00'>&nbsp;</td>";
				}
				html += "</tr>";
			}
			html += "</tbody></table></div></td></tr>"; // stgrid end //wvAd end //td2 end //tr2 end
			//3:
			html += "<tr>";

			html += "<td style=\"height: 5px;\"";
			if (dayarrs.length > 1) {
				html += " colSpan='" + dayarrs.length + "'";
			}
			html += "></td>";
			html += "</tr>";
			html += "</table>";
			var $el = $(html);

			if (dMax > 0) {
				l = events.length;
				el = 0;
				x = [];
				for (j = 0; j < l; j++) {
					x.push(0);
				}
				for (j = 0; el < dMax; j++) {
					for (h = 0; h < l;) {
						e = events[h][x[h]];
						if (e) { //if exists
							x[h] = x[h] + 1;
							var $t = BuildMonthDayEvent(e, dayarrs[h].date, l - h);
							$el.find(".row" + j + " .col" + h).append($t);
							if (e.colSpan > 1) {
								h += e.colSpan;
							}
							else {
								h++;
							}
							el++;
						}
						else {
							h++;
						}
					}
				}
			}

			return $el;
		}

		function BuildDayScollEventContainer(dayarrs, events) {
			//1:
			var i, c;

			var html = "<table style=\"table-layout: fixed;";
			html += ($.browser.msie ? "" : "width:100%");
			html += "\"><tbody><tr><td><table style=\"height: " + (option.hour_height * 24) + "px\" class=\"tg-timedevents\"><tbody>";
			html += "<tr><td style='width:60px;'></td><td";
			if (dayarrs.length > 1) {
				html += " colSpan='" + dayarrs.length + "'";
			}
			html += "><div class=\"tg-spanningwrapper\"><div style=\"font-size: " + (Math.round(option.hour_height / 2) - 1) + "px\" class=\"tg-hourmarkers\">";
			for (i = 0; i < 24; i++) {
				html += "<div class=\"tg-dualmarker\"></div>";
			}
			html += "</div></div></td></tr>";

			//2:
			html += "<tr>";
			html += "<td style=\"width: 60px; \" class=\"tg-times\">";

			//get current time 
			var now = new Date();
			var h = now.getHours();
			var m = now.getMinutes();
			var mHg = gP(h, m) - 4; //make middle alignment vertically
			html += "<div id=\"tgnowptr\" class=\"tg-nowptr\" style=\"left:0;top:" + mHg + "px\"></div>";
			for (i = 0; i < 24; i++) html += "<div style=\"height: " + (option.hour_height - 1) + "px\" class=\"tg-time\">" + fomartTimeShow(i) + "</div>";
			html += "</td>";

			var l = dayarrs.length;
			var hh24 = option.hour_height * 24;
			for (i = 0; i < l; i++) {
				html += "<td class='tg-col' data-ch='qkadd' data-abbr='" + dayarrs[i].date.getTime() + "'>";
				var istoday = formatDate(dayarrs[i].date) == formatDate(new Date());
				// Today
				if (istoday) {
					html += "<div style=\"margin-bottom: -" + hh24 + "px; height:" + hh24 + "px\" class=\"tg-today\">&nbsp;</div>";
				}
				//var eventC = $(eventWrap);
				//onclick=\"javascript:FunProxy('rowhandler',event,this);\"
				html += "<div  style=\"margin-bottom: -" + hh24 + "px; height: " + hh24 + "px\" data-col='" + i + "' class='tgCol" + i + " tg-col-eventwrapper'></div>";

				html += "<div class='tg-col-overlaywrapper tgOver" + i + "' data-col='" + i + "'>";
				if (istoday) {
					var mhh = mHg + 4;
					html += "<div class=\"tg-hourmarker tg-nowmarker\" style=\"left:0;top:" + mhh + "px\"></div>";
				}
				html += "</div>";
				html += "</td>";
			}
			html += "</tr>";

			html += "</tbody></table></td></tr></tbody></table>";
			var $container = $(html);

			for (i = 0; i < l; i++) {
				var $col = $container.find(".tgCol" + i);
				for (var j = 0; j < events[i].length; j++) {
					if (events[i][j].event["color"] && events[i][j].event["color"].match(/^[0-9a-f]{6}$/i)) {
						c = "#" + events[i][j].event["color"];
					}
					else {
						c = option.std_color;
					}
					var $tt = BuildDayEvent(c, events[i][j], j);
					$col.append($tt);
				}
			}

			return $container;
		}


		function getTitle(event) {
			var timeshow, eventshow;
			var showtime = event["is_allday"] != 1;
			eventshow = event["summary"];
			var startformat = getymformat(event["start"], null, showtime, true);
			var endformat = getymformat(event["end"], event["start"], showtime, true);
			timeshow = dateFormat.call(event["start"], startformat) + " - " + dateFormat.call(event["end"], endformat);
			//var linebreak = ($.browser.mozilla?"":"\r\n");
			var linebreak = "\r\n";
			var ret = [];
			if (event["is_allday"] == 1) {
				//ret.push("[" + i18n.xgcalendar.allday_event + "]", linebreak );
			}
			else {
				if (event["is_recurring"] == 1) {
					ret.push("[" + i18n.xgcalendar.repeat_event + "]", linebreak);
				}
			}
			ret.push(i18n.xgcalendar.time + ": ", timeshow, linebreak, i18n.xgcalendar.event + ": ", eventshow);

			if (event["location"] != undefined && event["location"] != "") {
				ret.push(linebreak, i18n.xgcalendar.location + ": ", event["location"]);
			}

			if (event["attendees"] != undefined && event["attendees"] != "") {
				ret.push(linebreak, i18n.xgcalendar.participant + ": ", event["attendees"]);
			}
			return ret.join("");
		}

		function BuildDayEvent(color, e, index) {
			var theme = ColorCalcValues(color);
			var p = { bdcolor:theme[0], bgcolor2:theme[0], bgcolor1:theme[2], width:"70%", icon:"", title:"", data:"" };
			p.starttime = pZero(e.st.hour) + ":" + pZero(e.st.minute);
			p.endtime = pZero(e.et.hour) + ":" + pZero(e.et.minute);
			p.content = e.event["summary"];
			p.title = getTitle(e.event);
			var icons = [];
			if (e.event["has_notification"] == 1) icons.push("<I class=\"cic cic-tmr\">&nbsp;</I>");
			if (e.reevent) {
				icons.push("<I class=\"cic cic-spcl\">&nbsp;</I>");
			}
			p.icon = icons.join("");
			var sP = gP(e.st.hour, e.st.minute);
			var eP = gP(e.et.hour, e.et.minute);
			p.top = sP + "px";
			p.left = (e.left * 100) + "%";
			p.width = (e.aQ * 100) + "%";
			p.height = (eP - sP - 4);
			p.i = index;
			if (option.enableDrag && e.event["is_editable_quick"] == 1) {
				p.drag = "drag";
				p.redisplay = "block";
			}
			else {
				p.drag = "";
				p.redisplay = "none";
			}

			p.addclasses = (e.event["is_editable_quick"] ? "editable" : "not_editable");

			var $newtemp = $(Tp(__SCOLLEVENTTEMP, p));
			$newtemp.data("eventdata", $.extend(true, {}, e.event));

			return $newtemp;
		}

		//get body height in month view
		function GetMonthViewBodyHeight() {
			return option.height;
		}

		function GetMonthViewHeaderHeight() {
			return 21;
		}

		function BuilderMonthBody(showday, startday, events, bodyHeight) {
			var i, j, k, b, day;

			var htb = [];
			var firstdate = new Date(showday.getFullYear(), showday.getMonth(), 1);
			var diffday = startday - firstdate.getDay();
			var showmonth = showday.getMonth();
			if (diffday > 0) {
				diffday -= 7;
			}
			var startdate = DateAdd("d", diffday, firstdate);
			var enddate = DateAdd("d", 34, startdate);
			var rc = 5;

			if (enddate.getFullYear() == showday.getFullYear() && enddate.getMonth() == showday.getMonth() && enddate.getDate() < __MonthDays[showmonth]) {
				enddate = DateAdd("d", 7, enddate);
				rc = 6;
			}
			option.vstart = startdate;
			option.vend = enddate;
			option.datestrshow = CalDateShow(startdate, enddate);
			bodyHeight = bodyHeight - 18 * rc;
			var rowheight = bodyHeight / rc;
			var roweventcount = parseInt(rowheight / 21);
			if (rowheight % 21 > 15) {
				roweventcount++;
			}
			var p = 100 / rc;
			var formatevents = [];
			var hastdata = formartEventsInHashtable(events, startday, 7, startdate, enddate);
			var B = [];
			var C = [];
			for (j = 0; j < rc; j++) {
				k = 0;
				formatevents[j] = b = [];
				for (i = 0; i < 7; i++) {
					var newkeyDate = DateAdd("d", j * 7 + i, startdate);
					C[j * 7 + i] = newkeyDate;
					var newkey = dateFormat.call(newkeyDate, i18n.xgcalendar.dateformat.fulldaykey);
					b[i] = hastdata[newkey];
					if (b[i] && b[i].length > 0) {
						k += b[i].length;
					}
				}
				B[j] = k;
			}
			eventDiv.data("mvdata", formatevents);
			for (j = 0; j < rc; j++) {
				//onclick=\"javascript:FunProxy('rowhandler',event,this);\"
				htb.push("<div style=\"HEIGHT:", p, "%; TOP:", p * j, "%\" data-row=\"" + j + "\" class=\"month-row mvrow_" + j + "\">");
				htb.push("<table class=\"st-bg-table\"><tbody><tr>");

				for (i = 0; i < 7; i++) {
					day = C[j * 7 + i];
					htb.push("<td data-abbr='", day.getTime(), "' data-ch='qkadd' data-axis='00:00' title=''");

					if (formatDate(day) == formatDate(new Date())) {
						htb.push(" class=\"st-bg st-bg-today\">");
					} else if (day.getMonth() != showmonth) {
						htb.push(" class=\"st-bg st-bg-nonmonth\">");
					} else {
						htb.push(" class=\"st-bg\">");
					}
					htb.push("&nbsp;</td>");
				}
				//bgtable
				htb.push("</tr></tbody></table>");

				//stgrid
				htb.push("<table class=\"st-grid row" + j + "\"><tbody>");

				//title tr
				htb.push("<tr>");
				var titletemp = "<td class=\"st-dtitle{titleClass}\" data-ch='qkadd' data-abbr='{abbr}' data-axis='00:00' title=\"{title}\"><span class='monthdayshow'>{dayshow}</span></a></td>";

				for (i = 0; i < 7; i++) {
					var o = { titleClass:"", dayshow:"" };
					day = C[j * 7 + i];
					if (formatDate(day) == formatDate(new Date())) {
						o.titleClass = " st-dtitle-today";
					}
					if (day.getMonth() != showmonth) {
						o.titleClass = " st-dtitle-nonmonth";
					}
					o.title = formatDate(day);
					if (day.getDate() == 1) {
						if (day.getMonth == 0) {
							o.dayshow = formatDate(day);
						}
						else {
							o.dayshow = dateFormat.call(day, option.date_format_dm2).toString();
						}
					}
					else {
						o.dayshow = day.getDate();
					}
					o.abbr = day.getTime();
					htb.push(Tp(titletemp, o));
				}
				htb.push("</tr>");
				htb.push("</tbody></table>");
				//month-row
				htb.push("</div>");
			}
			var $ret = $(htb.join(""));

			for (j = 0; j < rc; j++) {
				var sfirstday = C[j * 7];
				var dMax = B[j];
				var obs = BuildMonthRow(formatevents[j], dMax, roweventcount, sfirstday);
				for (i = 0; i < obs.length; i++) $ret.find(".row" + j).append(obs[i]);
				//htb=htb.concat(rowHtml); rowHtml = null;

			}
			return $ret;
		}

		//formate datetime 
		function formartEventsInHashtable(events, startday, daylength, rbdate, redate) {
			var key;
			var hast = new Object();
			var l = events.length;
			for (var i = 0; i < l; i++) {
				var sD = events[i]["start"];
				var eD = events[i]["end"];
				var diff = DateDiff("d", sD, eD);
				var s = {};
				s.event = events[i];
				s.day = sD.getDate();
				s.year = sD.getFullYear();
				s.month = sD.getMonth() + 1;
				s.allday = events[i]["is_allday"] == 1;
				s.crossday = events[i]["is_moredays"] == 1;
				s.reevent = events[i]["is_recurring"] == 1; //Recurring event
				s.daystr = s.year + "/" + s.month + "/" + s.day;
				s.st = {};
				s.st.hour = sD.getHours();
				s.st.minute = sD.getMinutes();
				s.st.p = s.st.hour * 60 + s.st.minute; // start time position
				s.et = {};
				s.et.hour = eD.getHours();
				s.et.minute = eD.getMinutes();
				s.et.p = s.et.hour * 60 + s.et.minute; // end time postition

				if (diff > 0) {
					if (sD < rbdate) { //start date out of range
						sD = rbdate;
					}
					if (eD > redate) { //end date out of range
						eD = redate;
					}
					var f = startday - sD.getDay();
					if (f > 0) {
						f -= daylength;
					}
					var sdtemp = DateAdd("d", f, sD);
					for (; sdtemp <= eD; sD = sdtemp = DateAdd("d", daylength, sdtemp)) {
						var d = $.extend(s, {});
						key = dateFormat.call(sD, i18n.xgcalendar.dateformat.fulldaykey);
						var x = DateDiff("d", sdtemp, eD);
						if (hast[key] == null) {
							hast[key] = [];
						}
						d.colSpan = (x >= daylength) ? daylength - DateDiff("d", sdtemp, sD) : DateDiff("d", sD, eD) + 1;
						hast[key].push(d);
						d = null;
					}
				}
				else {
					key = dateFormat.call(events[i]["start"], i18n.xgcalendar.dateformat.fulldaykey);
					if (hast[key] == null) {
						hast[key] = [];
					}
					s.colSpan = 1;
					hast[key].push(s);
				}
				s = null;
			}
			return hast;
		}

		function BuildMonthRow(events, dMax, sc, day) {
			var j, e, m,
				x = [],
				y = [],
				z = [],
				cday = [];
			var l = events.length;
			var el = 0;
			var ret = [];
			for (j = 0; j < l; j++) {
				x.push(0);
				y.push(0);
				z.push(0);
				cday.push(DateAdd("d", j, day));
			}
			for (j = 0; j < l; j++) {
				var ec = events[j] ? events[j].length : 0;
				y[j] += ec;
				for (var k = 0; k < ec; k++) {
					e = events[j][k];
					if (e && e.colSpan > 1) {
						for (m = 1; m < e.colSpan; m++) {
							y[j + m]++;
						}
					}
				}
			}

			var tdtemp = "<td class='{cssclass}' data-axis='{axis}' data-ch='{ch}' data-abbr='{abbr}' title='{title}' {otherAttr}>{html}</td>";
			for (j = 0; j < sc && el < dMax; j++) {
				var $row = $("<tr></tr>");
				//var gridtr = $(__TRTEMP);
				for (var h = 0; h < l;) {
					e = events[h] ? events[h][x[h]] : undefined;
					var $ev = null;
					var tempdata = { "class":"", axis:"", ch:"", title:"", abbr:"", html:"", otherAttr:"", click:"javascript:void(0);" };
					var tempCss = ["st-c"];

					if (e) {
						x[h] = x[h] + 1;
						//last event of the day
						var bs = false;
						if (z[h] + 1 == y[h] && e.colSpan == 1) {
							bs = true;
						}
						if (!bs && j == (sc - 1) && z[h] < y[h]) {
							el++;
							$.extend(tempdata, { "axis":h, ch:"more", "abbr":cday[h].getTime(), html:i18n.xgcalendar.others + (y[h] - z[h]) + i18n.xgcalendar.item, click:"javascript:alert('more event');" });
							tempCss.push("st-more st-moreul");
							h++;
						}
						else {
							tempdata.html = "";
							$ev = BuildMonthDayEvent(e, cday[h], l - h);
							tempdata.ch = "show";
							if (e.colSpan > 1) {
								tempdata.otherAttr = " colSpan='" + e.colSpan + "'";
								for (m = 0; m < e.colSpan; m++) {
									z[h + m] = z[h + m] + 1;
								}
								h += e.colSpan;

							}
							else {
								z[h] = z[h] + 1;
								h++;
							}
							el++;
						}
					}
					else {
						if (j == (sc - 1) && z[h] < y[h] && y[h] > 0) {
							$.extend(tempdata, { "axis":h, ch:"more", "abbr":cday[h].getTime(), html:i18n.xgcalendar.others + (y[h] - z[h]) + i18n.xgcalendar.item, click:"javascript:alert('more event');" });
							tempCss.push("st-more st-moreul");
							h++;
						}
						else {
							$.extend(tempdata, { html:"&nbsp;", ch:"qkadd", "axis":"00:00", "abbr":cday[h].getTime(), title:"" });
							tempCss.push("st-s");
							h++;
						}
					}
					tempdata.cssclass = tempCss.join(" ");
					tempCss = null;
					var $z = $(Tp(tdtemp, tempdata));
					if ($ev != null) $z.append($ev);
					$row.append($z);
					tempdata = null;
				}
				ret.push($row);
			}
			return ret;
		}

		function BuildMonthDayEvent(e, cday, length) {
			var theme;
			if (e.event["color"] && e.event["color"].match(/^#[0-9a-f]{6}$/i)) {
				theme = ColorCalcValues(e.event["color"]);
			}
			else {
				theme = ColorCalcValues(option.std_color);
			}
			var p = { color:theme[2], title:"", extendClass:"", extendHTML:"", data:"" };

			p.title = getTitle(e.event);
			p.id = "bbit_cal_event_" + e.event["jq_id"];
			if (option.enableDrag && e.event["is_editable_quick"] == 1) {
				p.eclass = "drag";
			}
			else {
				p.eclass = "cal_" + e.event["jq_id"];
			}
			p.eclass += " " + (e.event["is_editable"] ? "editable" : "not_editable");
			var sp = "<span style=\"cursor: pointer\">{content}</span>";
			var i = "<I class=\"cic cic-tmr\">&nbsp;</I>";
			var i2 = "<I class=\"cic cic-rcr\">&nbsp;</I>";
			var ml = "<div class=\"st-ad-ml\"></div>";
			var mr = "<div class=\"st-ad-mr\"></div>";
			var arrm = [];
			var sf = e.event["start"] < cday;
			var ef = DateDiff("d", cday, e.event["end"]) >= length;  //e.event["end"] >= DateAdd("d", 1, cday);
			if (sf || ef) {
				if (sf) {
					arrm.push(ml);
					p.extendClass = "st-ad-mpad ";
				}
				if (ef) {
					arrm.push(mr);
				}
				p.extendHTML = arrm.join("");

			}
			var cen;
			if (!e.allday && !sf) {
				cen = pZero(e.st.hour) + ":" + pZero(e.st.minute) + " " + e.event["summary"];
			}
			else {
				cen = e.event["summary"];
			}
			var content = [];
			if (cen.indexOf("Geburtstag:") == 0) {
				content.push("<img src='/pics/silk/cake.png' alt='Geburtstag: ' title='Geburtstag' style='height: 12px; margin-right: 3px;'>");
				cen = cen.replace(/Geburtstag: /, "");
			}
			content.push(Tp(sp, { content:cen }));
			if (e.event["has_notification"] == 1) content.push(i);
			if (e.reevent) {
				content.push(i2);
			}
			p.content = content.join("");
			var $newel = $(Tp(__ALLDAYEVENTTEMP, p));
			$newel.data("eventdata", e.event);
			return $newel;
		}

		//to populate the data 
		function populate() {
			if (option.isloading) {
				return true;
			}
			if (option.url && option.url != "") {
				option.isloading = true;
				//clearcontainer();
				if (option.onBeforeRequestData && $.isFunction(option.onBeforeRequestData)) {
					option.onBeforeRequestData(1);
				}
				var param = [
					{ name:"showdate", value: Math.floor(option.showday.getTime() / 1000) },
					{ name:"viewtype", value:option.view },
					{ name:"weekstartday", value:option.weekstartday }
				];
				if (option.view == "multi_days") {
					param.push({ name:"num_days", value:option.num_days });
				}
				if (option.extParam) {
					for (var pi = 0; pi < option.extParam.length; pi++) {
						param[param.length] = option.extParam[pi];
					}
				}

				$.ajax({
					type:option.method, //
					url:option.url + option.url_add,
					data:param,
					dataType:"json",
					dataFilter:function (data) {
						//return data.replace(/"\\\/(Date\([0-9-]+\))\\\/"/gi, "new $1");

						return data;
					},
					success:function (data) {//function(datastr) {									
						//datastr =datastr.replace(/"\\\/(Date\([0-9-]+\))\\\/"/gi, 'new $1');						
						//var data = (new Function("return " + datastr))();
						if (data != null && data.error != null) {
							if (option.onRequestDataError) {
								option.onRequestDataError(1, data);
							}
						}
						else {
							data["start"] = parseDate(data["start"]);
							data["end"] = parseDate(data["end"]);
							$.each(data.events, function (index, value) {
								value["start"] = new Date(value["start"] * 1000);
								value["end"] = new Date(value["end"] * 1000);
							});
							responseData(data, data.start, data.end);
						}
						if (option.onAfterRequestData && $.isFunction(option.onAfterRequestData)) {
							option.onAfterRequestData(1);
						}
						option.isloading = false;
					},
					error:function (data) {
						try {
							if (option.onRequestDataError) {
								option.onRequestDataError(1, data);
							} else {
								alert(i18n.xgcalendar.get_data_exception);
							}
							if (option.onAfterRequestData && $.isFunction(option.onAfterRequestData)) {
								option.onAfterRequestData(1);
							}
							option.isloading = false;
						} catch (e) {
						}
					}
				});
			}
			else {
				alert("url" + i18n.xgcalendar.i_undefined);
			}
			return true;
		}

		function responseData(data, start, end) {
			var events = data.events;
			ConcatEvents(events, start, end);
			render();

		}

		function clearrepeat(events, start) {
			var jl = events.length;
			if (jl > 0) {
				var es = events[0]["start"];
				var el = events[jl - 1]["start"];
				for (var i = 0, l = option.eventItems.length; i < l; i++) {

					if (option.eventItems[i]["sart"] > el || jl == 0) {
						break;
					}
					if (option.eventItems[i]["start"] >= es) {
						for (var j = 0; j < jl; j++) {
							if (option.eventItems[i]["jq_id"] == events[j]["jq_id"] && option.eventItems[i]["start"] < start) {
								events.splice(j, 1); //for duplicated event
								jl--;
								break;
							}
						}
					}
				}
			}
		}

		function ConcatEvents(events, start, end) {
			var e, s;
			if (!events) {
				events = [];
			}
			if (events) {
				if (option.eventItems.length == 0) {
					option.eventItems = events;
				}
				else {
					//remove duplicated one
					clearrepeat(events, start);
					var sl = option.eventItems.length;
					var sI = -1;
					var eI = sl;
					s = start;
					e = end;
					if (option.eventItems[0]["start"] > e) {
						option.eventItems = events.concat(option.eventItems);
						return;
					}
					if (option.eventItems[sl - 1]["start"] < s) {
						option.eventItems = option.eventItems.concat(events);
						return;
					}
					for (var i = 0; i < sl; i++) {
						if (option.eventItems[i]["start"] >= s && sI < 0) {
							sI = i;
							continue;
						}
						if (option.eventItems[i]["start"] > e) {
							eI = i;
							break;
						}
					}

					var e1 = sI <= 0 ? [] : option.eventItems.slice(0, sI);
					var e2 = eI == sl ? [] : option.eventItems.slice(eI);
					option.eventItems = [].concat(e1, events, e2);
				}
			}
		}

		//utils goes here
		function weekormonthtoday(e) {
			var th = $(this);
			option.showday = new Date(parseInt(th.data("abbr")));
			option.view = "day";
			render();
			if (option.onWeekOrMonthToDay) {
				option.onWeekOrMonthToDay(option);
			}
			e.stopPropagation();
			e.preventDefault();
		}

		function parseDate(str) {
			return new Date(Date.parse(str));
		}

		function gP(h, m) {
			return h * option.hour_height + parseInt(m / 60 * option.hour_height);
		}

		function gW(ts1, ts2) {
			var t1 = ts1 / option.hour_height;
			var t2 = parseInt(t1);
			var t3 = t1 - t2 >= 0.5 ? 30 : 0;
			var t4 = ts2 / option.hour_height;
			var t5 = parseInt(t4);
			var t6 = t4 - t5 >= 0.5 ? 30 : 0;
			return { sh:t2, sm:t3, eh:t5, em:t6, h:ts2 - ts1 };
		}

		function gH(y1, y2, pt) {
			var sy1 = Math.min(y1, y2);
			var sy2 = Math.max(y1, y2);
			var t1 = (sy1 - pt) / option.hour_height;
			var t2 = parseInt(t1);
			var t3 = t1 - t2 >= 0.5 ? 30 : 0;
			var t4 = (sy2 - pt) / option.hour_height;
			var t5 = parseInt(t4);
			var t6 = t4 - t5 >= 0.5 ? 30 : 0;
			return { sh:t2, sm:t3, eh:t5, em:t6, h:sy2 - sy1 };
		}

		function pZero(n) {
			return n < 10 ? "0" + n : "" + n;
		}

		function Tp(temp, dataarry) {
			return temp.replace(/\{([\w]+)\}/g, function (s1, s2) {
				var s = dataarry[s2];
				if (typeof (s) != "undefined") {
					return s;
				} else {
					return s1;
				}
			});
		}

		function fomartTimeShow(h) {
			return h < 10 ? "0" + h + ":00" : h + ":00";
		}

		function getymformat(date, comparedate, isshowtime, isshowweek) {
			var showyear = isshowtime != undefined ? (date.getFullYear() != new Date().getFullYear()) : true;
			var showmonth = true;
			var showday = true;
			var showtime = isshowtime || false;
			var showweek = isshowweek || false;
			if (comparedate) {
				showyear = comparedate.getFullYear() != date.getFullYear();
				//showmonth = comparedate.getFullYear() != date.getFullYear() || date.getMonth() != comparedate.getMonth();
				if (comparedate.getFullYear() == date.getFullYear() &&
					date.getMonth() == comparedate.getMonth() &&
					date.getDate() == comparedate.getDate()
					) {
					showyear = showmonth = showday = showweek = false;
				}
			}

			var a = [];
			if (showyear) {
				a.push(option.date_format_dm3)
			} else if (showmonth) {
				a.push(option.date_format_dm2)
			} else if (showday) {
				a.push(i18n.xgcalendar.dateformat.day);
			}
			a.push(showweek ? " (W)" : "", showtime ? " HH:mm" : "");
			return a.join("");
		}

		function CalDateShow(startday, endday, isshowtime, isshowweek) {
			if (!endday) {
				return dateFormat.call(startday, getymformat(startday, null, isshowtime));
			} else {
				var strstart = dateFormat.call(startday, getymformat(startday, null, isshowtime, isshowweek));
				var strend = dateFormat.call(endday, getymformat(endday, startday, isshowtime, isshowweek));
				var join = (strend != "" ? " - " : "");
				return [strstart, strend].join(join);
			}
		}

		function buildtempdayevent(sh, sm, eh, em, h, title, w, resize, color) {
			if (!color.match(/^#[0-9a-f]{6}$/i)) color = option.std_color;
			var t = ColorCalcValues(color);
			return Tp(__SCOLLEVENTTEMP, {
				bdcolor:t[0],
				bgcolor2:t[1],
				bgcolor1:t[2],
				data:"",
				starttime:[pZero(sh), pZero(sm)].join(":"),
				endtime:[pZero(eh), pZero(em)].join(":"),
				content:title ? title : i18n.xgcalendar.new_event,
				title:title ? title : i18n.xgcalendar.new_event,
				icon:"<I class=\"cic cic-tmr\">&nbsp;</I>",
				top:"0px",
				left:"",
				width:w ? w : "100%",
				height:h - 4,
				i:"-1",
				drag:"drag-chip",
				redisplay:resize ? "block" : "none"
			});
		}

		function quickd(type) {
			$("#bbit-cs-buddle").css("visibility", "hidden");
			var calid = $("#bbit-cs-id").val();
			var param = [
				{ "name":"jq_id", value:calid },
				{ "name":"type", value:type}
			];
			var de = rebyKey(calid, true);
			option.onBeforeRequestData && option.onBeforeRequestData(3);
			$.post(option.quickDeleteUrl, param, function (data) {
				if (data) {
					$(document).trigger("wdcal:updated");
					if (data["IsSuccess"]) {
						de = null;
						populate();
						option.onAfterRequestData && option.onAfterRequestData(3);
					}
					else {
						option.onRequestDataError && option.onRequestDataError(3, data);
						Ind(de);
						render();
						option.onAfterRequestData && option.onAfterRequestData(3);
					}
				}
			}, "json");
		}

		function getbuddlepos(x, y) {
			var tleft = x - 110;
			var ttop = y - 217;
			var maxLeft = document.documentElement.clientWidth;
			var maxTop = document.documentElement.clientHeight;
			var ishide = false;
			if (tleft <= 0 || ttop <= 0 || tleft + 400 > maxLeft) {
				tleft = x - 200 <= 0 ? 10 : x - 200;
				ttop = y - 159 <= 0 ? 10 : y - 159;
				if (tleft + 400 >= maxLeft) {
					tleft = maxLeft - 410;
				}
				if (ttop + 164 >= maxTop) {
					ttop = maxTop - 165;
				}
				ishide = true;
			}
			return { left:tleft, top:ttop, hide:ishide };
		}

		function dayshow(e, data) {
			var $t = $(e.target);
			if ($t.hasClass("axx_username") || $t.parents(".axx_username").length > 0 || $t.hasClass("cal_nojs") || $t.parents(".cal_nojs").length > 0) return false;

			if (data == undefined) {
				if ($t.hasClass("chip") || $t.hasClass("rb-o")) data = $t.data("eventdata");
				else data = $t.parents(".chip, .rb-o").data("eventdata");
			}

			if (data != null) {
				var editable = false;
				if (option.quickDeleteUrl != "" && data["is_editable"] == 1 && option.readonly != true) editable = true;
				var csbuddle = '<div id="bbit-cs-buddle" style="z-index: 180; width: 400px;visibility:hidden;" class="bubble"><table class="bubble-table"><tbody' +
					'><tr><td class="bubble-cell-side"><div id="tl1" class="bubble-corner"><div class="bubble-sprite bubble-tl"></div></div>' +
					'<td class="bubble-cell-main"><div class="bubble-top"></div><td class="bubble-cell-side"><div id="tr1" class="bubble-corner"><div class="bubble-sprite bubble-tr"></div></div>' +
					'<tr><td class="bubble-mid" colSpan="3"><div style="overflow: hidden" id="bubbleContent1"><div><div></div><div class="cb-root">' +
					'<table class="cb-table"><tbody><tr><td class="cb-value"><div class="textbox-fill-wrapper"><div class="textbox-fill-mid">' +
					'<a href="" title="' + i18n.xgcalendar.click_to_detail + '" class="bbit-cs-what textbox-fill-div lk"></a></div></div></td></tr>' +
					'<tr><td class=cb-value><div id="bbit-cs-buddle-timeshow"></div></td></tr>' +
					'</tbody></table><div class="bbit-cs-split"><input id="bbit-cs-id" type="hidden" value=""/>[ <span id="bbit-cs-delete" class="lk">'
					+ i18n.xgcalendar.i_delete + '</span> ]&nbsp;' +
					'<a href="" class="bbit-cs-editLink lk">' + i18n.xgcalendar.update_detail + ' <strong>&gt;&gt;</strong></a>' +
					'</div></div></div></div><tr><td><div id="bl1" class="bubble-corner"><div class="bubble-sprite bubble-bl"></div></div>' +
					'<td><div class="bubble-bottom"></div><td><div id="br1" class="bubble-corner"><div class="bubble-sprite bubble-br"></div></div></tr></tbody>' +
					'</table><div id="bubbleClose2" class="bubble-closebutton"></div><div id="prong1" class="prong"><div class=bubble-sprite></div></div></div>';
				var $bud = $("#bbit-cs-buddle");
				if ($bud.length == 0) {
					$bud = $(csbuddle).appendTo(document.body);
					var calbutton = $("#bbit-cs-delete");
					$("#bubbleClose2").on("click", function () {
						$("#bbit-cs-buddle").css("visibility", "hidden");
					});
					calbutton.on("click", function () {
						var data = $("#bbit-cs-buddle").data("cdata");
						if (option.quickDeleteHandler && $.isFunction(option.quickDeleteHandler)) {
							option.quickDeleteHandler.call(this, data, quickd);
						}
						else {
							if (confirm(i18n.xgcalendar.confirm_delete_event)) {
								var s = 0; //0 single event , 1 for Recurring event
								if (data["is_recurring"] == 1) {
									if (confirm(i18n.xgcalendar.confrim_delete_event_or_all)) {
										s = 0;
									}
									else {
										s = 1;
									}
								}
								else {
									s = 0;
								}
								quickd(s);
							}
						}
					});
				}

				if (editable) {
					$("#bbit-cs-delete").parents(".bbit-cs-split").show();
					$bud.find(".bbit-cs-editLink").attr("href", data["url_edit"]).show();
				}
				else {
					$("#bbit-cs-delete").parents(".bbit-cs-split").hide();
					$bud.find(".bbit-cs-editLink").hide();
				}

				var pos = getbuddlepos(e.pageX, e.pageY);
				if (pos.hide) {
					$("#prong1").hide()
				}
				else {
					$("#prong1").show()
				}
				var ss = [];
				var iscos = DateDiff("d", data["start"], data["end"]) != 0;
				ss.push(dateFormat.call(data["start"], option.date_format_dm2), " (", __WDAY[data["start"].getDay()], ")");
				if (data["is_allday"] != 1) {
					ss.push(",", dateFormat.call(data["start"], "HH:mm"));
				}

				if (iscos) {
					ss.push(" - ", dateFormat.call(data["end"], option.date_format_dm2), " (", __WDAY[data["end"].getDay()], ")");
					if (data["is_allday"] != 1) {
						ss.push(",", dateFormat.call(data["end"], "HH:mm"));
					}
				}
				var location = "";
				if (data["location"] != "") location = data["location"] + ", ";
				$("#bbit-cs-buddle-timeshow").html(location + ss.join(""));
				$bud.find(".bbit-cs-what").html(data["summary"]).attr("href", data["url_detail"]);
				$("#bbit-cs-id").val(data["jq_id"]);
				$bud.data("cdata", data);
				$bud.css({ "visibility":"visible", left:pos.left, top:pos.top });

				$(document).one("click", function () {
					$("#bbit-cs-buddle").css("visibility", "hidden");
				});
			}
			else {
				alert(i18n.xgcalendar.data_format_error);
			}
			return false;
		}

		function moreshow(mv) {
			var $me = $(this);
			var $pdiv = $(mv);
			var divIndex = parseInt($pdiv.data("row"));
			var offsetMe = $me.position();
			var offsetP = $pdiv.position();
			var width = ($me.width() + 2) * 1.5;
			var top = offsetP.top + 15;
			var left = offsetMe.left;

			var day = new Date(parseInt($me.data("abbr")));
			var cc = $gridcontainer.find(".cal-month-cc");
			var ccontent = $gridcontainer.find(".cal-month-cc-content table tbody");
			var ctitle = $gridcontainer.find(".cal-month-cc-title");
			ctitle.html(formatDate(day));
			ccontent.empty();
			var edata = $("#gridEvent").data("mvdata");
			var events = edata[divIndex];
			var index = parseInt($me.data("axis"));
			ccontent.find("*").remove();
			for (var i = 0; i <= index; i++) {
				var ec = events[i] ? events[i].length : 0;
				for (var j = 0; j < ec; j++) {
					var e = events[i][j];
					if (e) {
						if ((e.colSpan + i - 1) >= index) {
							var $x = $("<tr><td class='st-c'></td></tr>");
							var $y = BuildMonthDayEvent(e, day, 1);
							$x.find(".st-c").append($y);
							ccontent.append($x);
						}
					}
				}
			}
			//click
			ccontent.find("div.rb-o").each(function () {
				$(this).click(dayshow);
			});

			var height = cc.height();
			var maxleft = document.documentElement.clientWidth;
			var maxtop = document.documentElement.clientHeight;
			if (left + width >= maxleft) {
				left = offsetMe.left - ($me.width() + 2) * 0.5;
			}
			if (top + height >= maxtop) {
				top = maxtop - height - 2;
			}
			var newOff = { left:left, top:top, "z-index":180, width:width, "visibility":"visible" };
			cc.css(newOff);
			$(document).on("click", closeCc);
			return false;
		}

		function dayupdate(data, start, end) {
			if (option.quickUpdateUrl != "" && data["is_editable_quick"] == 1 && option.readonly != true) {
				if (option.isloading) {
					return false;
				}
				option.isloading = true;
				var id = data["jq_id"];
				var os = data["start"];
				var od = data["end"];
				var param = [
					{ "name":"jq_id", value:id },
					{ "name":"CalendarStartTime", value:Math.floor(start.getTime() / 1000) },
					{ "name":"CalendarEndTime", value:Math.floor(end.getTime() / 1000) }
				];
				var d;
				if (option.quickUpdateHandler && $.isFunction(option.quickUpdateHandler)) {
					option.quickUpdateHandler.call(this, param);
				}
				else {
					option.onBeforeRequestData && option.onBeforeRequestData(4);
					$.post(option.quickUpdateUrl, param, function (data) {
						if (data) {
							$(document).trigger("wdcal:updated");
							if (data["IsSuccess"] == true) {
								option.isloading = false;
								option.onAfterRequestData && option.onAfterRequestData(4);
							}
							else {
								option.onRequestDataError && option.onRequestDataError(4, data);
								option.isloading = false;
								d = rebyKey(id, true);
								d["start"] = os;
								d["end"] = od;
								Ind(d);
								render();
								d = null;
								option.onAfterRequestData && option.onAfterRequestData(4);
							}
						}
					}, "json");
					d = rebyKey(id, true);
					if (d) {
						d["start"] = start;
						d["end"] = end;
					}
					Ind(d);
					render();
				}
			}
			return false;
		}

		function quickadd(start, end, isallday, pos) {
			if ((!option.quickAddHandler && option.quickAddUrl == "") || option.readonly) {
				return false;
			}
			var buddle = $("#bbit-cal-buddle");
			if (buddle.length == 0) {
				var temparr = [];
				temparr.push('<form id="bbit-cal-submitFORM">');
				temparr.push('<div id="bbit-cal-buddle" style="z-index: 180; width: 400px;visibility:hidden;" class="bubble">');
				temparr.push('<table class="bubble-table"><tbody><tr><td class="bubble-cell-side"><div id="tl1" class="bubble-corner"><div class="bubble-sprite bubble-tl"></div></div>');
				temparr.push('<td class="bubble-cell-main"><div class="bubble-top"></div><td class="bubble-cell-side"><div id="tr1" class="bubble-corner"><div class="bubble-sprite bubble-tr"></div></div>  <tr><td class="bubble-mid" colSpan="3"><div style="overflow: hidden" id="bubbleContent1"><div><div></div><div class="cb-root">');
				temparr.push('<table class="cb-table"><tbody><tr><th class="cb-key">');
				temparr.push(i18n.xgcalendar.time, ':</th><td class=cb-value><div id="bbit-cal-buddle-timeshow"></div></td></tr><tr><th class="cb-key">');
				temparr.push(i18n.xgcalendar.content, ':</th><td class="cb-value"><div class="textbox-fill-wrapper"><div class="textbox-fill-mid"><input id="bbit-cal-what" class="textbox-fill-input"/></div></div><div class="cb-example">');
				temparr.push(i18n.xgcalendar.example, '</div></td></tr></tbody></table><input id="bbit-cal-start" type="hidden"/><input id="bbit-cal-end" type="hidden"/><input id="bbit-cal-allday" type="hidden"/><input value="');
				temparr.push(i18n.xgcalendar.create_event, '" type="submit"/>&nbsp; <a href="" class="lk bbit-cal-editLink">');
				temparr.push(i18n.xgcalendar.update_detail, ' <StrONG>&gt;&gt;</StrONG></SPAN></div></div></div><tr><td><div id="bl1" class="bubble-corner"><div class="bubble-sprite bubble-bl"></div></div><td><div class="bubble-bottom"></div><td><div id="br1" class="bubble-corner"><div class="bubble-sprite bubble-br"></div></div></tr></tbody></table><div id="bubbleClose1" class="bubble-closebutton"></div><div id="prong2" class="prong"><div class=bubble-sprite></div></div></div>');
				temparr.push('</form>');
				var tempquickAddHandler = temparr.join("");
				temparr = null;
				$(document.body).append(tempquickAddHandler);
				buddle = $("#bbit-cal-buddle");
				$("#bubbleClose1").on("click", function () {
					$("#bbit-cal-buddle").css("visibility", "hidden");
					releasedragevent();
				});
				$("#bbit-cal-submitFORM").on("keyup", function (e) {
					if (e.which == 27) $("#bubbleClose1").click();
				});
				$("#bbit-cal-submitFORM").on("submit", function (e) {
					e.stopPropagation();
					e.preventDefault();
					if (option.isloading) {
						return false;
					}
					option.isloading = true;
					var what = $("#bbit-cal-what").val();
					var datestart = $("#bbit-cal-start").val();
					var dateend = $("#bbit-cal-end").val();
					var allday = $("#bbit-cal-allday").val();
					var f = /^[^\$<>]+$/.test(what);
					if (!f) {
						alert(i18n.xgcalendar.invalid_title);
						$("#bbit-cal-what").focus();
						option.isloading = false;
						return false;
					}
					var param = [
						{ "name":"CalendarTitle", value:what },
						{ "name":"CalendarStartTime", value: Math.floor(datestart / 1000)},
						{ "name":"CalendarEndTime", value: Math.floor(dateend / 1000)},
						{ "name":"IsAllDayEvent", value:allday }
					];

					if (option.extParam) {
						for (var pi = 0; pi < option.extParam.length; pi++) {
							param[param.length] = option.extParam[pi];
						}
					}
					if (option.quickAddHandler && $.isFunction(option.quickAddHandler)) {
						option.quickAddHandler.call(this, param);
						$("#bbit-cal-buddle").css("visibility", "hidden");
						releasedragevent();
					}
					else {
						$("#bbit-cal-buddle").css("visibility", "hidden");
						var tId = -1;
						option.onBeforeRequestData && option.onBeforeRequestData(2);

						var sd = new Date(datestart),
							ed = new Date(dateend),
							diff = DateDiff("d", sd, ed);
						var newdata = {
							"jq_id":"",
							"ev_id":"",
							"summary":what,
							"start":sd,
							"end":ed,
							"is_allday":(allday == "1" ? 1 : 0),
							"is_moredays":(diff > 0 ? 1 : 0),
							"is_recurring":0,
							"color":option.std_color,
							"is_editable":0,
							"is_editable_quick":0,
							"location":"",
							"attendees":""
						};
						tId = Ind(newdata);
						releasedragevent();
						render();

						$.post(option.quickAddUrl, param, function (data) {
							option.isloading = false;
							if (data) {
								if (data["IsSuccess"] == true) {
									populate();
									option.onAfterRequestData && option.onAfterRequestData(2);
								}
								else {
									option.onRequestDataError && option.onRequestDataError(2, data);
									option.onAfterRequestData && option.onAfterRequestData(2);
								}
								$(document).trigger("wdcal:updated");
							}

						}, "json");
					}
					return false;
				});
				buddle.on("mousedown", function (e) {
					e.stopPropagation();
					e.preventDefault();
				});
			}

			var dateshow = CalDateShow(start, end, !isallday, true);
			var off = getbuddlepos(pos.left, pos.top);
			if (off.hide) {
				$("#prong2").hide()
			}
			else {
				$("#prong2").show()
			}
			$("#bbit-cal-buddle-timeshow").html(dateshow);
			var calwhat = $("#bbit-cal-what").val("");
			$("#bbit-cal-allday").val(isallday ? "1" : "0");
			$("#bbit-cal-start").val(start.getTime());
			$("#bbit-cal-end").val(end.getTime());

			var addurl = option.baseurl + "new/?start=" + Math.floor($("#bbit-cal-start").val() / 1000) + "&end=" + Math.floor($("#bbit-cal-end").val() / 1000) +
				"&isallday=" + (isallday ? "1" : "0") + "&title=";
			buddle.find(".bbit-cal-editLink").attr("href", addurl);

			buddle.css({ "visibility":"visible", left:off.left, top:off.top });
			calwhat.blur().focus(); //add 2010-01-26 blur() fixed chrome 
			$(document).on("mousedown", function () {
				$("#bbit-cal-buddle").css("visibility", "hidden");
				releasedragevent();
			});
			$(document).on("keyup", "#bbit-cal-what", function() {
				buddle.find(".bbit-cal-editLink").attr("href", addurl + encodeURIComponent($("#bbit-cal-what").val()));
			});
			return false;
		}

		function formatDate(time, format) {
			if (typeof(format) == "undefined") return $.datepicker.formatDate(option.date_format_full,time);
			var time2 = $.datepicker.formatDate(format, time);
			var h = time.getHours();
			var i = time.getMinutes();
			time2 = time2.replace("HH", (h > 10 ? "" : "0") + h);
			time2 = time2.replace("ii", (i > 10 ? "" : "0") + i);
			return time2;
		}

		function rebyKey(key, remove) {
			if (option.eventItems && option.eventItems.length > 0) {
				var sl = option.eventItems.length;
				var i = -1;
				for (var j = 0; j < sl; j++) {
					if (option.eventItems[j]["jq_id"] == key) {
						i = j;
						break;
					}
				}
				if (i >= 0) {
					var t = option.eventItems[i];
					if (remove) {
						option.eventItems.splice(i, 1);
					}
					return t;
				}
			}
			return null;
		}

		function Ind(event, i) {
			var d = 0;
			var j;
			if (!i) {
				if (option.eventItems && option.eventItems.length > 0) {
					var sl = option.eventItems.length;
					var s = event["start"];
					var d1 = s.getTime() - option.eventItems[0]["start"].getTime();
					var d2 = option.eventItems[sl - 1]["start"].getTime() - s.getTime();
					var diff = d1 - d2;
					if (d1 < 0 || diff < 0) {
						for (j = 0; j < sl; j++) {
							if (option.eventItems[j]["start"] >= s) {
								i = j;
								break;
							}
						}
					}
					else if (d2 < 0) {
						i = sl;
					}
					else {
						for (j = sl - 1; j >= 0; j--) {
							if (option.eventItems[j]["start"] < s) {
								i = j + 1;
								break;
							}
						}
					}
				}
				else {
					i = 0;
				}
			}
			else {
				d = 1;
			}
			if (option.eventItems && option.eventItems.length > 0) {
				if (i == option.eventItems.length) {
					option.eventItems.push(event);
				}
				else {
					option.eventItems.splice(i, d, event);
				}
			}
			else {
				option.eventItems = [event];
			}
			return i;
		}


		function ResizeView() {
			var _viewType = option.view;
			if (_viewType == "day" || _viewType == "week" || _viewType == "multi_days") {
				var $dvwkcontaienr = $gridcontainer.find(".wktopcontainer");
				var $dvtec = $gridcontainer.find(".scrolltimeevent");
				if ($dvwkcontaienr.length == 0 || $dvtec.length == 0) {
					alert(i18n.xgcalendar.view_no_ready);
					return;
				}
				var dvwkH = $dvwkcontaienr.height() + 2;
				var calH = option.height - 8 - dvwkH;
				$dvtec.height(calH);
				if (typeof (option.scroll) == "undefined") {
					var currentday = new Date();
					var h = currentday.getHours();
					var m = currentday.getMinutes();
					var th = gP(h, m);
					//var ch = $dvtec.attr("clientHeight");
					var ch = $dvtec.height();
					var sh = th - 0.5 * ch;
					//var ph = $dvtec.attr("scrollHeight");
					var ph = $dvtec.children().height();
					if (sh < 0) sh = 0;
					if (sh > ph - ch) sh = ph - ch - 10 * (23 - h);
					//$dvtec.attr("scrollTop", sh);
					$dvtec.scrollTop(sh);
				}
				else {
					$dvtec.scrollTop(option.scroll);
				}
			}
			else if (_viewType == "month") {
				//Resize GridContainer
			}
		}

		function returnfalse() {
			return false;
		}

		function initevents(viewtype) {
			if (viewtype == "week" || viewtype == "day" || viewtype == "multi_days") {
				$("div.chip", $gridcontainer).each(function () {
					var chip = $(this);
					chip.click(dayshow);
					if (chip.hasClass("drag")) {
						chip.mousedown(function (e) {
							dragStart.call(this, "std_item_move", e);
							e.stopPropagation();
							e.preventDefault();
						});
						//resize                      
						chip.find("div.resizer").mousedown(function (e) {
							dragStart.call($(this).parent().parent(), "std_item_resize", e);
							e.stopPropagation();
							e.preventDefault();
						});
					}
					else {
						chip.mousedown(returnfalse)
					}
				});
				$("div.rb-o", $gridcontainer).each(function () {
					var chip = $(this);
					chip.click(dayshow);
					if (chip.hasClass("drag") && (viewtype == "week" || viewtype == "multi_days")) {
						//drag;
						chip.mousedown(function (e) {
							dragStart.call(this, "fullday_item_move", e);
							e.stopPropagation();
							e.preventDefault();
						});
					}
					else {
						chip.mousedown(returnfalse)
					}
				});
				if (option.readonly == false) {
					$("td.tg-col", $gridcontainer).each(function () {
						$(this).mousedown(function (e) {
							dragStart.call(this, "std_empty_drag", e);
							e.stopPropagation();
							e.preventDefault();
						});
					});
					$gridcontainer.find(".weekViewAllDaywk").mousedown(function (e) {
						dragStart.call(this, "fullday_empty_drag", e);
						e.stopPropagation();
						e.preventDefault();
					});
				}

				if (viewtype == "week" || viewtype == "multi_days") {
					$gridcontainer.find(".wktopcontainer th.gcweekname").each(function () {
						$(this).click(weekormonthtoday);
					});
				}


			}
			else if (viewtype = "month") {
				$("div.rb-o", $gridcontainer).each(function () {
					var chip = $(this);
					chip.click(dayshow);
					if (chip.hasClass("drag")) {
						//drag;
						chip.mousedown(function (e) {
							dragStart.call(this, "std_item_month_drag", e);
							e.stopPropagation();
							e.preventDefault();
						});
					}
					else {
						chip.mousedown(returnfalse)
					}
				});
				$("td.st-more", $gridcontainer).each(function () {

					$(this).on("click", function (e) {
						moreshow.call(this, $(this).parent().parent().parent().parent()[0]);
						e.stopPropagation();
						e.preventDefault();
					}).on("mousedown", function (e) {
							e.stopPropagation();
							e.preventDefault();
						});
				});
				if (option.readonly == false) {
					$gridcontainer.find(".mvEventContainer").mousedown(function (e) {
						dragStart.call(this, "empty_month_drag", e);
						e.stopPropagation();
						e.preventDefault();
					});
				}
			}

		}

		function releasedragevent() {
			if (_dragevent) {
				_dragevent();
				_dragevent = null;
			}
		}

		function dragStart(type, e) {
			var w, h, offset, moffset, left, top, l, py, pw, xa, ya, i, data, fdi, dp, yl;
			var $obj = $(this);
			releasedragevent();
			switch (type) {
				case "std_empty_drag":
					_dragdata = { type:"std_empty_drag", target:$obj, sx:e.pageX, sy:e.pageY };
					break;
				case "fullday_empty_drag":
					w = $obj.width();
					h = $obj.height();
					offset = $obj.offset();
					left = offset.left;
					top = offset.top;
					l = option.view == "day" ? 1 : 7;
					py = w % l;
					pw = parseInt(w / l);
					if (py > l / 2 + 1) {
						pw++;
					}
					xa = [];
					ya = [];
					for (i = 0; i < l; i++) {
						xa.push({ s:i * pw + left, e:(i + 1) * pw + left });
					}
					ya.push({ s:top, e:top + h });
					_dragdata = { type:"fullday_empty_drag", target:$obj, sx:e.pageX, sy:e.pageY, pw:pw, xa:xa, ya:ya, h:h };
					w = left = l = py = pw = xa = null;
					break;
				case "std_item_move":
					var evid = $obj.parent().data("col");
					var p = $obj.parent();
					var pos = p.offset();
					w = p.width() + 10;
					h = $obj.height();
					data = $obj.data("eventdata");
					_dragdata = { type:"std_item_move", target:$obj, sx:e.pageX, sy:e.pageY,
						pXMin:pos.left, pXMax:pos.left + w, pw:w, h:h,
						cdi:parseInt(evid), fdi:parseInt(evid), data:data
					};
					break;
				case "std_item_resize":
					h = $obj.height();
					data = $obj.data("eventdata");
					_dragdata = { type:"std_item_resize", target:$obj, sx:e.pageX, sy:e.pageY, h:h, data:data };
					break;
				case "fullday_item_move":
					var con = $gridcontainer.find(".weekViewAllDaywk");
					w = con.width();
					h = con.height();
					offset = con.offset();
					moffset = $obj.offset();
					left = offset.left;
					top = offset.top;
					l = 7;
					py = w % l;
					pw = parseInt(w / l);
					if (py > l / 2 + 1) {
						pw++;
					}
					xa = [];
					ya = [];
					var di = 0;
					for (i = 0; i < l; i++) {
						xa.push({ s:i * pw + left, e:(i + 1) * pw + left });
						if (moffset.left >= xa[i].s && moffset.left < xa[i].e) {
							di = i;
						}
					}
					fdi = { x:di, y:0, di:di };
					ya.push({ s:top, e:top + h });
					data = $obj.data("eventdata");
					dp = DateDiff("d", data["start"], data["end"]) + 1;
					_dragdata = { type:"fullday_item_move", target:$obj, sx:e.pageX, sy:e.pageY, data:data, xa:xa, ya:ya, fdi:fdi, h:h, dp:dp, pw:pw };
					break;
				case "empty_month_drag":
					w = $obj.width();
					offset = $obj.offset();
					left = offset.left;
					top = offset.top;
					l = 7;
					yl = $obj.children().length;
					py = w % l;
					pw = parseInt(w / l);
					if (py > l / 2 + 1) {
						pw++;
					}
					h = $gridcontainer.find(".mvrow_0").height();
					xa = [];
					ya = [];
					for (i = 0; i < l; i++) {
						xa.push({ s:i * pw + left, e:(i + 1) * pw + left });
					}
					xa = [];
					ya = [];
					for (i = 0; i < l; i++) {
						xa.push({ s:i * pw + left, e:(i + 1) * pw + left });
					}
					for (i = 0; i < yl; i++) {
						ya.push({ s:i * h + top, e:(i + 1) * h + top });
					}
					_dragdata = { type:"empty_month_drag", target:$obj, sx:e.pageX, sy:e.pageY, pw:pw, xa:xa, ya:ya, h:h };
					break;
				case "std_item_month_drag":
					var row0 = $gridcontainer.find(".mvrow_0");
					var row1 = $gridcontainer.find(".mvrow_1");
					w = row0.width();
					offset = row0.offset();
					var diffset = row1.offset();
					moffset = $obj.offset();
					h = diffset.top - offset.top;
					left = offset.left;
					top = offset.top;
					l = 7;
					yl = row0.parent().children().length;
					py = w % l;
					pw = parseInt(w / l);
					if (py > l / 2 + 1) {
						pw++;
					}
					xa = [];
					ya = [];
					var xi = 0;
					var yi = 0;
					for (i = 0; i < l; i++) {
						xa.push({ s:i * pw + left, e:(i + 1) * pw + left });
						if (moffset.left >= xa[i].s && moffset.left < xa[i].e) {
							xi = i;
						}
					}
					for (i = 0; i < yl; i++) {
						ya.push({ s:i * h + top, e:(i + 1) * h + top });
						if (moffset.top >= ya[i].s && moffset.top < ya[i].e) {
							yi = i;
						}
					}
					fdi = { x:xi, y:yi, di:yi * 7 + xi };
					data = $obj.data("eventdata");
					dp = DateDiff("d", data["start"], data["end"]) + 1;
					_dragdata = { type:"std_item_month_drag", target:$obj, sx:e.pageX, sy:e.pageY, data:data, xa:xa, ya:ya, fdi:fdi, h:h, dp:dp, pw:pw };
					break;
			}
			$('body').noSelect();
		}

		function dragMove(e) {
			var d, sy, sx, x, y, diffy, gh, ny, tempdata, cpwrap, ndi, evid, nh, cp, w1;
			if (_dragdata) {
				if (e.pageX < 0 || e.pageY < 0
					|| e.pageX > document.documentElement.clientWidth
					|| e.pageY >= document.documentElement.clientHeight) {
					dragEnd(e);
					return false;
				}
				d = _dragdata;
				switch (d.type) {
					case "std_empty_drag":
						sy = d.sy;
						y = e.pageY;
						diffy = y - sy;
						if (diffy > (option.hour_height / 4) || diffy < (-1 * (option.hour_height / 4)) || d.cpwrap) {
							if (diffy == 0) {
								diffy = Math.ceil(option.hour_height / 2);
							}
							var dy = diffy % Math.ceil(option.hour_height / 2);
							if (dy != 0) {
								diffy = dy > 0 ? diffy + Math.ceil(option.hour_height / 2) - dy : diffy - Math.ceil(option.hour_height / 2) - dy;
								y = d.sy + diffy;
								if (diffy < 0) {
									sy = sy + Math.ceil(option.hour_height / 2);
								}
							}
							if (!d.tp) {
								d.tp = $(d.target).offset().top;
							}
							gh = gH(sy, y, d.tp);
							ny = gP(gh.sh, gh.sm);
							if (!d.cpwrap) {
								tempdata = buildtempdayevent(gh.sh, gh.sm, gh.eh, gh.em, gh.h, "", "", "", option.std_color);
								cpwrap = $("<div class='ca-evpi drag-chip-wrapper' style='top:" + ny + "px'/>").html(tempdata);
								$(d.target).find("div.tg-col-overlaywrapper").append(cpwrap);
								d.cpwrap = cpwrap;
							}
							else {
								if (d.cgh.sh != gh.sh || d.cgh.eh != gh.eh || d.cgh.sm != gh.sm || d.cgh.em != gh.em) {
									tempdata = buildtempdayevent(gh.sh, gh.sm, gh.eh, gh.em, gh.h, "", "", "", option.std_color);
									d.cpwrap.css("top", ny + "px").html(tempdata);
								}
							}
							d.cgh = gh;
						}
						break;
					case "fullday_empty_drag":
						sx = d.sx;
						x = e.pageX;
						diffx = x - sx;
						if (diffx > 5 || diffx < -5 || d.lasso) {
							if (!d.lasso) {
								d.lasso = $("<div style='z-index: 10; display: block' class='drag-lasso-container'/>");
								$(document.body).append(d.lasso);
							}
							if (!d.sdi) {
								d.sdi = getdi(d.xa, d.ya, sx, d.sy);
							}
							ndi = getdi(d.xa, d.ya, x, e.pageY);
							if (!d.fdi || d.fdi.di != ndi.di) {
								addlasso(d.lasso, d.sdi, ndi, d.xa, d.ya, d.h);
							}
							d.fdi = ndi;
						}
						break;
					case "empty_month_drag":
						sx = d.sx;
						x = e.pageX;
						sy = d.sy;
						y = e.pageY;
						diffx = x - sx;
						diffy = y - sy;
						if (diffx > 5 || diffx < -5 || diffy < -5 || diffy > 5 || d.lasso) {
							if (!d.lasso) {
								d.lasso = $("<div style='z-index: 10; display: block' class='drag-lasso-container'/>");
								$(document.body).append(d.lasso);
							}
							if (!d.sdi) {
								d.sdi = getdi(d.xa, d.ya, sx, sy);
							}
							ndi = getdi(d.xa, d.ya, x, y);
							if (!d.fdi || d.fdi.di != ndi.di) {
								addlasso(d.lasso, d.sdi, ndi, d.xa, d.ya, d.h);
							}
							d.fdi = ndi;
						}
						break;
					case "std_item_move":
						data = d.data;
						if (data != null && data["is_editable_quick"] == 1) {
							sx = d.sx;
							x = e.pageX;
							sy = d.sy;
							y = e.pageY;
							diffx = x - sx;
							diffy = y - sy;
							if (diffx > 5 || diffx < -5 || diffy > 5 || diffy < -5 || d.cpwrap) {
								if (!d.cpwrap) {
									gh = { sh:data["start"].getHours(),
										sm:data["start"].getMinutes(),
										eh:data["end"].getHours(),
										em:data["end"].getMinutes(),
										h:d.h
									};
									d.target.hide();
									ny = gP(gh.sh, gh.sm);
									d.top = ny;
									tempdata = buildtempdayevent(gh.sh, gh.sm, gh.eh, gh.em, gh.h, data["summary"], false, false, data["color"]);
									cpwrap = $("<div class='ca-evpi drag-chip-wrapper' style='top:" + ny + "px'/>").html(tempdata);
									evid = ".tgOver" + d.target.parent().data("col");
									$gridcontainer.find(evid).append(cpwrap);
									d.cpwrap = cpwrap;
									d.ny = ny;
								}
								else {
									var pd = 0;
									if (x < d.pXMin) {
										pd = -1;
									}
									else if (x > d.pXMax) {
										pd = 1;
									}
									if (pd != 0) {

										d.cdi = d.cdi + pd;
										var ov = $gridcontainer.find(".tgOver" + d.cdi);
										if (ov.length == 1) {
											d.pXMin = d.pXMin + d.pw * pd;
											d.pXMax = d.pXMax + d.pw * pd;
											ov.append(d.cpwrap);
										}
										else {
											d.cdi = d.cdi - pd;
										}
									}
									ny = d.top + diffy;
									var pny = ny % Math.ceil(option.hour_height / 2);
									if (pny != 0) {
										ny = ny - pny;
									}
									if (d.ny != ny) {
										//log.info("ny=" + ny);
										gh = gW(ny, ny + d.h);
										//log.info("sh=" + gh.sh + ",sm=" + gh.sm);
										tempdata = buildtempdayevent(gh.sh, gh.sm, gh.eh, gh.em, gh.h, data["summary"], false, false, data["color"]);
										d.cpwrap.css("top", ny + "px").html(tempdata);
									}
									d.ny = ny;
								}
							}
						}

						break;
					case "std_item_resize":
						var data = d.data;
						if (data != null && data["is_editable_quick"] == 1) {
							sy = d.sy;
							y = e.pageY;
							diffy = y - sy;
							if (diffy != 0 || d.cpwrap) {
								if (!d.cpwrap) {
									gh = { sh:data["start"].getHours(),
										sm:data["start"].getMinutes(),
										eh:data["end"].getHours(),
										em:data["end"].getMinutes(),
										h:d.h
									};
									d.target.hide();
									ny = gP(gh.sh, gh.sm);
									d.top = ny;
									tempdata = buildtempdayevent(gh.sh, gh.sm, gh.eh, gh.em, gh.h, data["summary"], "100%", true, data["color"]);
									cpwrap = $("<div class='ca-evpi drag-chip-wrapper' style='top:" + ny + "px'/>").html(tempdata);
									evid = ".tgOver" + d.target.parent().data("col");
									$gridcontainer.find(evid).append(cpwrap);
									d.cpwrap = cpwrap;
								}
								else {
									nh = d.h + diffy;
									var pnh = nh % Math.ceil(option.hour_height / 2);
									nh = pnh > 1 ? nh - pnh + Math.ceil(option.hour_height / 2) : nh - pnh;
									if (d.nh != nh) {
										gh = gW(d.top, d.top + nh);
										tempdata = buildtempdayevent(gh.sh, gh.sm, gh.eh, gh.em, gh.h, data["summary"], "100%", true, data["color"]);
										d.cpwrap.html(tempdata);
									}
									d.nh = nh;
								}
							}
						}
						break;
					case "fullday_item_move":
						sx = d.sx;
						x = e.pageX;
						y = e.pageY;
						diffx = x - sx;
						if (diffx > 5 || diffx < -5 || d.lasso) {
							if (!d.lasso) {
								w1 = d.dp > 1 ? (d.pw - 4) * 1.5 : (d.pw - 4);
								cp = d.target.clone();
								if (d.dp > 1) {
									cp.find("div.rb-i>span").prepend("(" + d.dp + " " + i18n.xgcalendar.day_plural + ")&nbsp;");
								}
								cpwrap = $("<div class='drag-event st-contents' style='width:" + w1 + "px'/>").append(cp).appendTo(document.body);
								d.cpwrap = cpwrap;
								d.lasso = $("<div style='z-index: 10; display: block' class='drag-lasso-container'/>");
								$(document.body).append(d.lasso);
								cp = cpwrap = null;
							}
							fixcppostion(d.cpwrap, e, d.xa, d.ya);
							ndi = getdi(d.xa, d.ya, x, e.pageY);
							if (!d.cdi || d.cdi.di != ndi.di) {
								addlasso(d.lasso, ndi, { x:ndi.x, y:ndi.y, di:ndi.di + d.dp - 1 }, d.xa, d.ya, d.h);
							}
							d.cdi = ndi;
						}
						break;
					case "std_item_month_drag":
						sx = d.sx;
						sy = d.sy;
						x = e.pageX;
						y = e.pageY;
						var diffx = x - sx;
						diffy = y - sy;
						if (diffx > 5 || diffx < -5 || diffy > 5 || diffy < -5 || d.lasso) {
							if (!d.lasso) {
								w1 = d.dp > 1 ? (d.pw - 4) * 1.5 : (d.pw - 4);
								cp = d.target.clone();
								if (d.dp > 1) {
									cp.find("div.rb-i>span").prepend("(" + d.dp + " " + i18n.xgcalendar.day_plural + ")&nbsp;");
								}
								cpwrap = $("<div class='drag-event st-contents' style='width:" + w1 + "px'/>").append(cp).appendTo(document.body);
								d.cpwrap = cpwrap;
								d.lasso = $("<div style='z-index: 10; display: block' class='drag-lasso-container'/>");
								$(document.body).append(d.lasso);
								cp = cpwrap = null;
							}
							fixcppostion(d.cpwrap, e, d.xa, d.ya);
							ndi = getdi(d.xa, d.ya, x, e.pageY);
							if (!d.cdi || d.cdi.di != ndi.di) {
								addlasso(d.lasso, ndi, { x:ndi.x, y:ndi.y, di:ndi.di + d.dp - 1 }, d.xa, d.ya, d.h);
							}
							d.cdi = ndi;
						}
						break;
				}
			}
			return false;
		}

		function dragEnd(e) {
			if (_dragdata) {
				var d = _dragdata;
				var tp, start, end, gh;
				switch (d.type) {
					case "std_empty_drag": //day view
						var wrapid = new Date().getTime();
						tp = d.target.offset().top;
						if (!d.cpwrap) {
							gh = gH(d.sy, d.sy + option.hour_height, tp);
							var ny = gP(gh.sh, gh.sm);
							var tempdata = buildtempdayevent(gh.sh, gh.sm, gh.eh, gh.em, gh.h, "", "", "", option.std_color);
							d.cpwrap = $("<div class='ca-evpi drag-chip-wrapper' style='top:" + ny + "px'/>").html(tempdata);
							$(d.target).find("div.tg-col-overlaywrapper").append(d.cpwrap);
							d.cgh = gh;
						}
						var pos = d.cpwrap.offset();
						pos.left = pos.left + 30;
						d.cpwrap.attr("id", wrapid);
						start = new Date(parseInt(d.target.data("abbr")) + (d.cgh.sh * 3600 + d.cgh.sm * 60) * 1000);
						end = new Date(parseInt(d.target.data("abbr")) + (d.cgh.eh * 3600 + d.cgh.em * 60) * 1000);
						_dragevent = function () {
							$("#" + wrapid).remove();
							$("#bbit-cal-buddle").css("visibility", "hidden");
						};
						quickadd(start, end, false, pos);
						break;
					case "fullday_empty_drag": //week view
					case "empty_month_drag": //month view
						var source = e.srcElement || e.target;
						var lassoid = new Date().getTime();
						if (!d.lasso) {
							if ($(source).hasClass("monthdayshow")) {
								weekormonthtoday.call($(source).parent()[0], e);
								break;
							}
							d.fdi = d.sdi = getdi(d.xa, d.ya, d.sx, d.sy);
							d.lasso = $("<div style='z-index: 10; display: block' class='drag-lasso-container'/>");
							$(document.body).append(d.lasso);
							addlasso(d.lasso, d.sdi, d.fdi, d.xa, d.ya, d.h);
						}
						d.lasso.attr("id", lassoid);
						var si = Math.min(d.fdi.di, d.sdi.di);
						var ei = Math.max(d.fdi.di, d.sdi.di);
						var firstday = option.vstart;
						start = DateAdd("d", si, firstday);
						end = DateAdd("d", ei, firstday);
						_dragevent = function () {
							$("#" + lassoid).remove();
						};
						quickadd(start, end, true, { left:e.pageX, top:e.pageY });
						break;
					case "std_item_move": // event moving
						if (d.cpwrap) {
							start = DateAdd("d", d.cdi, option.vstart);
							end = DateAdd("d", d.cdi, option.vstart);
							gh = gW(d.ny, d.ny + d.h);
							start.setHours(gh.sh, gh.sm);
							end.setHours(gh.eh, gh.em);
							if (start.getTime() == d.data["start"].getTime() && end.getTime() == d.data["end"].getTime()) {
								d.cpwrap.remove();
								d.target.show();
							}
							else {
								dayupdate(d.data, start, end);
							}
						}
						break;
					case "std_item_resize": //Resize
						if (d.cpwrap) {
							start = new Date(d.data["start"].toString());
							end = new Date(d.data["end"].toString());
							gh = gW(d.top, d.top + d.nh);
							start.setHours(gh.sh, gh.sm);
							end.setHours(gh.eh, gh.em);
							if (start.getTime() == d.data["start"].getTime() && end.getTime() == d.data["end"].getTime()) {
								d.cpwrap.remove();
								d.target.show();
							}
							else {
								dayupdate(d.data, start, end);
							}
						}
						break;
					case "fullday_item_move":
					case "std_item_month_drag":
						if (d.lasso) {
							d.cpwrap.remove();
							d.lasso.remove();
							start = new Date(d.data["start"].toString());
							end = new Date(d.data["end"].toString());
							var currrentdate = DateAdd("d", d.cdi.di, option.vstart);
							var diff = DateDiff("d", start, currrentdate);
							start = DateAdd("d", diff, start);
							end = DateAdd("d", diff, end);
							if (start.getTime() != d.data["start"].getTime() || end.getTime() != d.data["end"].getTime()) {
								dayupdate(d.data, start, end);
							}
						}
						break;
				}
				d = _dragdata = null;
				$('body').noSelect(false);
				return false;
			}
			return false;
		}

		function getdi(xa, ya, x, y) {
			var ty = 0;
			var tx = 0;
			var lx = 0;
			var ly = 0;
			if (xa && xa.length != 0) {
				lx = xa.length;
				if (x >= xa[lx - 1].e) {
					tx = lx - 1;
				}
				else {
					for (var i = 0; i < lx; i++) {
						if (x > xa[i].s && x <= xa[i].e) {
							tx = i;
							break;
						}
					}
				}
			}
			if (ya && ya.length != 0) {
				ly = ya.length;
				if (y >= ya[ly - 1].e) {
					ty = ly - 1;
				}
				else {
					for (var j = 0; j < ly; j++) {
						if (y > ya[j].s && y <= ya[j].e) {
							ty = j;
							break;
						}
					}
				}
			}
			return { x:tx, y:ty, di:ty * lx + tx };
		}

		function addlasso(lasso, sdi, edi, xa, ya, height) {
			var diff = sdi.di > edi.di ? sdi.di - edi.di : edi.di - sdi.di;
			diff++;
			var sp = sdi.di > edi.di ? edi : sdi;
			var l = xa.length > 0 ? xa.length : 1;
			var h = ya.length > 0 ? ya.length : 1;
			var play = [];
			var width = xa[0].e - xa[0].s;
			var i = sp.x;
			var j = sp.y;
			var max = Math.min(document.documentElement.clientWidth, xa[l - 1].e) - 2;

			while (j < h && diff > 0) {
				var left = xa[i].s;
				var d = i + diff > l ? l - i : diff;
				var wid = width * d;
				while (left + wid >= max) {
					wid--;
				}
				play.push(Tp(__LASSOTEMP, { left:left, top:ya[j].s, height:height, width:wid }));
				i = 0;
				diff = diff - d;
				j++;
			}
			lasso.html(play.join(""));
		}

		function fixcppostion(cpwrap, e, xa, ya) {
			var x = e.pageX - 6;
			var y = e.pageY - 4;
			var w = cpwrap.width();
			var h = 21;
			var lmin = xa[0].s + 6;
			var tmin = ya[0].s + 4;
			var lmax = xa[xa.length - 1].e - w - 2;
			var tmax = ya[ya.length - 1].e - h - 2;
			if (x > lmax) {
				x = lmax;
			}
			if (x <= lmin) {
				x = lmin + 1;
			}
			if (y <= tmin) {
				y = tmin + 1;
			}
			if (y > tmax) {
				y = tmax;
			}
			cpwrap.css({ left:x, top:y });
		}

		$(document)
			.mousemove(dragMove)
			.mouseup(dragEnd);
		//.mouseout(dragEnd);

		this[0].bcal = {
			sv:function (view) { //switch view                
				if (view == option.view) {
					return;
				}
				clearcontainer();
				option.view = view;
				render();
				populate();
			},
			rf:function () {
				populate();
			},
			gt:function (d) {
				if (!d) {
					d = new Date();
				}
				option.showday = d;
				render();
				populate();
			},

			pv:function () {
				switch (option.view) {
					case "day":
						option.showday = DateAdd("d", -1, option.showday);
						break;
					case "week":
						option.showday = DateAdd("w", -1, option.showday);
						break;
					case "multi_days":
						option.showday = DateAdd("w", -1, option.showday);
						break;
					case "month":
						option.showday = DateAdd("m", -1, option.showday);
						break;
				}
				render();
				populate();
			},
			nt:function () {
				switch (option.view) {
					case "day":
						option.showday = DateAdd("d", 1, option.showday);
						break;
					case "week":
						option.showday = DateAdd("w", 1, option.showday);
						break;
					case "multi_days":
						option.showday = DateAdd("w", 1, option.showday);
						break;
					case "month":
						var od = option.showday.getDate();
						option.showday = DateAdd("m", 1, option.showday);
						var nd = option.showday.getDate();
						if (od != nd) //we go to the next month
						{
							option.showday = DateAdd("d", 0 - nd, option.showday); //last day of last month
						}
						break;
				}
				render();
				populate();
			},
			go:function () {
				return option;
			},
			so:function (p) {
				option = $.extend(option, p);
			}
		};

		return this;
	};

	/**
	 * @description {Method} switchView To switch to another view.
	 * @param {String} view View name, one of 'day', 'week', 'multi_days', 'month'.
	 */
	$.fn.switchView = function (view) {
		return this.each(function () {
			if (this.bcal) {
				this.bcal.sv(view);
			}
		})
	};

	/**
	 * @description {Method} reload To reload event of current time range.
	 */
	$.fn.reload = function () {
		return this.each(function () {
			if (this.bcal) {
				this.bcal.rf();
			}
		})
	};

	/**
	 * @description {Method} gotoDate To go to a range containing date.
	 * If view is week, it will go to a week containing date.
	 * If view is month, it will got to a month containing date.
	 * @param {Date} d. Date to go.
	 */
	$.fn.gotoDate = function (d) {
		return this.each(function () {
			if (this.bcal) {
				this.bcal.gt(d);
			}
		})
	};

	/**
	 * @description {Method} previousRange To go to previous date range.
	 * If view is week, it will go to previous week.
	 * If view is month, it will got to previous month.
	 */
	$.fn.previousRange = function () {
		return this.each(function () {
			if (this.bcal) {
				this.bcal.pv();
			}
		})
	};

	/**
	 * @description {Method} nextRange To go to next date range.
	 * If view is week, it will go to next week.
	 * If view is month, it will got to next month.
	 */
	$.fn.nextRange = function () {
		return this.each(function () {
			if (this.bcal) {
				this.bcal.nt();
			}
		})
	};


	$.fn.BcalGetOp = function () {
		if (this[0].bcal) {
			return this[0].bcal.go();
		}
		return null;
	};


	$.fn.BcalSetOp = function (p) {
		if (this[0].bcal) {
			return this[0].bcal.so(p);
		}
	};

})(jQuery);