// E2cs alpha  0.0.11
// Extjs--Calendar Solution 
// monthview.js
// Author: Carlos Mendez
// Contact: cmendez21@gmail.com  (gmail and gtalk) 
//  Month view LOG ---------------------------------------------------------------------------------------
//  Works fine on firefox 2.0, 3.0, ie6, ie7, chrome, chrome may have some css issues as safari  too 
//  ------------------------------------------------------------------------------------------------------
//  10-Dic-2008  0.0.11
//	Changed some issues on Menus for Each day element, added ShowMenuItems:[1,1,1,1,1,1,1,1] so you can allow which menu item appear 
//	Changed some issues on List Items (tasks) added TaskList_ShowMenuItems:[1,1,1],  		 so you can allow which menu item appear 
//  Added TaskList_launchEventOn: STRING   click or dblclick  or Null and No cation taken 
//	Dynamic field modification on Code  very nice this one :) 
//	BUG - Fixed for Check if other views are still present or not=null and adjust the menu Items for changing view
//  BUG - Fixed  on cunstom Menu Items when click anyone it was passing the Id of the last custom Menu ITEM 
//  Added integration to Scheduler view  :) 
//  Misssing DTS dates correction YET :(											
//	27-Sep-2008
//  Changed style on Week (main) Header 
//	Changed Style on Hour / minute display 
//  
// 	Note : the changes on styles were made in the calendar.css file 
//  ------------------------------------------------------------------
//	08-sep-2008 
//  ------------------------------------------------------------------
//	repaired some display and render issues 
//  fix some ID conflicts when two or more calendars are  on the same page  (see //0.0.6 comment on sources) 
//  ------------------------------------------------------------------
//	17-june-2008
//  ------------------------------------------------------------------
//	1.- dayAction property  was added 'window' so if you click on a day it appear a window with the tasks on this day 
//	check Calendar tplTaskZoom  property to set the template for displaying the tasks
//	2.- 'beforeMonthChange' and  'afterMonthChange' events  so you can query the data on the 
//	store by PHP, asp or others yo set the records on this month 
//  3.- (standalone mode) display mode refactored to get the more exact height even it's still passisng about 1 to 6 pixels of height  :( 
//  4.- (fit mode) if its contained n other components like layout, pnel so on (fit) it displays right and adjust to the height  fine 
//  ------------------------------------------------------------------
//  10-June-2008
//  ------------------------------------------------------------------
//  localized in lang file see locale dir for files 
//  no more need to set these properties 
//  :) 
//	headerTooltips: { prev: 'Previous month..', next: 'Next Month' }, 
//	contextMenuLabels: { task: "Add new task for", chgwview: "Change to week view...", chgdview: "Change to day view..."},
//	labelforTasksinMonth: 'Tasks in day:', 
// ------------------------------------------------------------------
Ext.ECalendar.monthview = function(config) {
	Ext.apply(this, config);
	this.addEvents('dayClick', 'dayDoubleClick', 'dayNumClick', 'beforeMonthChange', 'afterMonthChange');
	Ext.ECalendar.monthview.superclass.constructor.call(this);
};
Ext.extend(Ext.ECalendar.monthview, Ext.util.Observable, {
	referid: 'monthview',
	//0.0.9
	header: true,
	headerFormat: 'M',
	headerButtons: true,
	moreMenuItems: [],
	useFit: false,
	// not used for the moment 
	// dayAction:
	// 'viewday' (set the view in the calendar for that day)
	// 'event'	 (raise Event dayClick) 
	// 'window'	 (shows a window with a list of day's tasks if theres any...) ***
	//	none or null   (do nothing )
	dayAction: 'viewday',
	// tasks properties for month view 
	showTaskcount: true,
	//0.0.9 ----------------------------
	showTaskList: false,
	showNumTasks: 5,
	task_format: 'n/j/y g:i a',
	TaskList_moreMenuItems: [],
	TaskList_tplqTip: new Ext.XTemplate('<tpl for=".">{starxl}{startval}<br>{endxl}{endval}<hr color=\'#003366\' noshade>{details}</tpl>'),
	TaskList_launchEventOn: 'click',
	//0.0.11 
	contextMenuLabels: e2cs.cal_locale.contextMenuLabelsDay,
	ShowMenuItems: [1, 1, 1, 1, 1, 1],
	//   //0.0.11  ADD, nextmonth, prevmonth, chg Week , CHG Day, chg Sched,
	TaskList_ShowMenuItems: [1, 1, 1],
	// //0.0.11  ADD, delete, edit
	taskStyle: 'margin-top: 10px;',
	//0.0.9 ----------------------------
	startDay: 0,
	//0.0.8 added on similar to date picker and starts ont he selected day 
	thisview: null,
	init: function(calendar, dateval) {;
		this.calx = calendar;
		this.datetohandle = dateval;
	},
	render: function() {
		//0.0.9 small verification on showTaskcount vs showTaskList priority its always to 
		//showTaskcount and doesnt interfer on both sides 
		this.showTaskcount == true ? this.showTaskList = false : this.showTaskList = this.showTaskList;
		// header section 
		var dt = new Date(this.calx.currentdate);
		Date.monthNames = e2cs.cal_locale.monthtitles;
		Date.dayNames = e2cs.cal_locale.daytitles;
		if (this.header) {
			var tmpheader = this.genHeader(this.datetohandle);
		}
		var updateview = Ext.get(this.calx.body);
		updateview.update('');
		var monthbase = '<div id="' + this.calx.id + '-main-calendar-header"></div>';
		monthbase += '<div id="' + this.calx.id + '-main-calendar-month-body"></div>';
		updateview.update(monthbase);
		if (this.header) {
			var tmpheader = Ext.get(this.calx.id + '-main-calendar-header');
			var prueba2 = tmpheader;
			var myheaderwrap = prueba2.wrap({
				tag: 'div',
				cls: 'x-calendar-month-header',
				html: ''
			});
			var innerHeaderWrap = myheaderwrap.createChild({
				tag: 'div',
				cls: 'innerHeaderWrap',
				html: ''
			});
			if (this.headerButtons) {
				var prevclick = innerHeaderWrap.createChild({
					id: this.calx.id + '-btn-pm',
					tag: 'div',
					cls: 'x-calendar-month-previous',
					html: ''
				}); //0.0.6 added ID	// 0.0.10 Bug fix Thanks to PTG 
				var nextclick = innerHeaderWrap.createChild({
					id: this.calx.id + '-btn-nm',
					tag: 'div',
					cls: 'x-calendar-month-next',
					html: ''
				}); //0.0.6 added ID // 0.0.10 Bug fix Thanks to PTG 
				prevclick.dom['qtip'] = e2cs.cal_locale.headerTooltipsMonth.prev;
				prevclick.addListener('click', this.onclickprev_month, this);
				prevclick.addClassOnOver('x-calendar-month-previous-over');
				nextclick.dom['qtip'] = e2cs.cal_locale.headerTooltipsMonth.next;
				nextclick.addListener('click', this.onclicknext_month, this);
				nextclick.addClassOnOver('x-calendar-month-next-over');
			}
			var headerx = innerHeaderWrap.createChild({
				tag: 'div',
				id: 'calendarheader',
				html: '' + Date.monthNames[(parseInt(dt.format('m'), 10) - 1)] + ''
			});
		}
		// creates thebody of the month --------------------------------------------
		var tmpdays = Ext.get(this.calx.id + '-main-calendar-month-body');
		var day_hdrtext = this.genDaysHeader();
		var days_text = this.genBody(dt, {
			styletasks: this.taskStyle
		});
		var myheaderdayswrap = tmpdays.wrap({
			tag: 'div',
			cls: 'x-calendar-month-days',
			html: ''
		});
		var mydays = myheaderdayswrap.createChild({
			tag: 'div',
			id: this.calx.id + '-calendar-view-month',
			cls: 'header-days',
			html: ' <table id="' + this.calx.id + '-month_skel" width="100%" border="0" cellspacing="0" cellpadding="0"><tr class="skel_hdrdays" id="' + this.calx.id + '-skel_hdrdays">' + day_hdrtext + '</tr>' + days_text + '</table>'
		});
		Ext.get(this.calx.id + '-skel_hdrdays').setHeight(17);
		if (Ext.isIE) {
			var numrowsbodyskel = mydays.dom.childNodes[0].childNodes[0].rows.length - 1;
		} else {
			if (mydays.dom.childNodes[1].childNodes[0] === undefined) {
				return;
			}
			var numrowsbodyskel = mydays.dom.childNodes[1].childNodes[0].rows.length - 1;
		}
		if (this.calx.ownerCt != undefined) { //0.0.6 fix for ext.component containers such as tab and others and properly draw correctly
			if (this.calx.ownerCt.ctype && this.calx.ownerCt.ctype == "Ext.Component") {
				//this.calx.height =  this.calx.ownerCt.height;  
				this.calx.height = this.calx.ownerCt.getInnerHeight(); //0.0.7  - beta 0.0.2 
			}
		}
		if (!this.calx.height || this.calx.height == 'undefined') {
			// var tmpheight = this.calx.getEl().dom.offsetParent.clientHeight ; // + this.calx.getFrameHeight() ; //0.0.6
			var tmpheight = 0;
			if (this.header) {
				tmpheight += -27;
			}
			if (this.calx.showCal_tbar) {
				tmpheight += -27;
			}
			if (this.calx.header) {
				tmpheight += -22;
			}
			tmpheight += -16;
			var morehoffst = 0;
			//if (this.calx.showCal_tbar){ var morehoffst=76;  } else { var morehoffst=24; }
			var thisheight = ((tmpheight - morehoffst) < 0 ? 0 : (tmpheight - morehoffst)); //IE FIX
			Ext.get(this.calx.id + '-month_skel').setStyle({
				height: '' + thisheight + 'px'
			});
			//valtosethtmp = Math.round(  (tmpheight-morehoffst-( Ext.get(this.calx.id + '-skel_hdrdays').getHeight(false) + (-1) ) )/numrowsbodyskel ) ; 			
			valtosethtmp = Math.round((tmpheight) / numrowsbodyskel);
			valtosethtmp += -3;
		} else {
			var tmpheight = 0;
			if (this.header) {
				tmpheight += -27;
			}
			if (this.calx.showCal_tbar) {
				tmpheight += -27;
			}
			if (this.calx.header) {
				tmpheight += -22;
			}
			tmpheight += -16;
			tmpheight += this.calx.height; //-myheaderwrap.getHeight(true);
			if (this.calx.showCal_tbar) {
				var morehoffst = 77;
			} else {
				var morehoffst = 24;
			}
			valtosethtmp = Math.round((tmpheight) / numrowsbodyskel);
			valtosethtmp += -3;
		}
		if (Ext.isSafariMobile) {
			tmpheight += 15;
		}
		Ext.get(this.calx.id + '-month_skel').setHeight(tmpheight);
		newsize = tmpheight;
		valtosethtmp = Math.round(newsize / numrowsbodyskel);
		var mydays = Ext.select('td.daybody', true);
		mydays.each(function(el, thisobj, index) {
			if (el.id.indexOf('m-td-' + this.calx.id + '-') >= 0) { //0.0.6 fix only those td's on the calendar (month view) 					 
				valtosethtmp = (valtosethtmp < 0 ? 0 : valtosethtmp); //IE FIX
				numToDelete = 4;
				if (Ext.isIE) {
					numToDelete = 0;
				}
				el.setStyle({
					height: '' + (valtosethtmp - numToDelete) + 'px'
				});
				Ext.get(el.dom.children[0].children[0].children[1]).addClassOnOver('monthdayContainer-over');
				el.addClassOnOver('daybody-over');
				if (Ext.isOpera) {
					el.addListener('mousedown', this.operabuttons, this);
				} else {
					el.addListener('click', this.onhandler_selectDay, this);
					el.addListener('dblclick', this.onhandler_scheduleEvent, this);
					//el.addListener('dblclick', this.onhandler_day, this);
				}
			}
		}, this);
		//0.0.9
		if (this.showTaskcount == false && this.showTaskList == true) { //it has task lists on each day if applied 
			// fix the height of tasks_list elements if needed 
			var mydivlists = Ext.select('div.tasks_list', true);
			mydivlists.each(function(el, thisobj, index) {
				if ((el.id.indexOf(this.calx.id) + 1) > 0) { // 0.0.10 bug reported by frank_ash
					element_id = el.id;
					//testtdobjref = element_id.replace(/test_calendar-tasklist-/,'');  bug 
					testtdobjref = element_id.replace(this.calx.id + "-tasklist-", '');
					objtd = Ext.get('m-td-' + this.calx.id + '-' + testtdobjref);
					objtdtd = {
						top: objtd.getTop(),
						heigth: objtd.getHeight()
					};
					tmprefdata = 0;
					tmprefdata = Ext.get(element_id).getTop() - objtdtd.top;
					tmprefdata = tmprefdata + 4;
					var newHxx = 0;
					newHxx = objtdtd.heigth - tmprefdata;
					Ext.get(element_id).setHeight(newHxx);
				}
			}, this);
			//assign  event handlers for each task-list-item 			
			var mylist_items = Ext.select('div.tasks_list_item', true);
			mylist_items.each(function(el, thisobj, index) {
				if ((el.id.indexOf(this.calx.id) + 1) > 0) { // 0.0.10 bug reported by frank_ash
					test = 11;
					el.addClassOnOver('task_list_item_over');
					if (this.TaskList_launchEventOn != '') { //0.0.11 if property not set then  no event attached to element 
						el.addListener(this.TaskList_launchEventOn, this.onDblClick_tasklistitem, this);
					}
					if (Ext.isOpera) {
						el.addListener('mousedown', this.operataskitembuttons, this);
					}
				}
			}, this);
		}
		if (Ext.isSafariMobile) {
			this.calx.doLayout();
		}
	},
	// public function on month view 
	ZoomDay: function(DateToZoom) {
		// Creates a window with a custom TPL for day view
		var dtx = new Date(DateToZoom);
		var counttasks = this.calx.store.getCount();
		if (counttasks > 0) {
			var count_in_day = 0;
			taskstmp = [];
			for (var itask = 0; itask < counttasks; itask++) {
				var testrec = this.calx.store.getAt(itask).data;
				dateinit = this.calx.store.getAt(itask).data[this.calx.fieldsRefer.startdate]; //0.0.11dynamic fields
				dateend = this.calx.store.getAt(itask).data[this.calx.fieldsRefer.enddate]; //0.0.11dynamic fields
				checkdates = dtx.between(new Date(dateinit), new Date(dateend));
				chkformat = dtx.format('m/d/Y');
				test = new Date(dateinit);
				if (test.format('m/d/Y') == chkformat) {
					checkdates = true;
				}
				test = new Date(dateend);
				if (test.format('m/d/Y') == chkformat) {
					checkdates = true;
				}
				if (checkdates) {
					taskstmp[count_in_day] = testrec;
					count_in_day += 1;
				}
			}
			if (count_in_day <= 0) {
				return false;
			}
		} else {
			return false;
		}
		showdata = [];
		for (var i = 0; i < taskstmp.length; i++) {
			//showdata[i]= [ taskstmp[i].recid, taskstmp[i].subject,  taskstmp[i].description,  taskstmp[i].startdate,	  taskstmp[i].enddate,	  taskstmp[i].color  ]; 
			//0.0.11 dynamic fields 
			showdata[i] = [
			taskstmp[i][this.calx.fieldsRefer.id], taskstmp[i][this.calx.fieldsRefer.subject], taskstmp[i][this.calx.fieldsRefer.description], taskstmp[i][this.calx.fieldsRefer.startdate], taskstmp[i][this.calx.fieldsRefer.enddate], taskstmp[i][this.calx.fieldsRefer.color], ];
		}
		//		var reader = new Ext.data.ArrayReader({}, [
		//		   {name: 'recid' 		, type: 'int'},     {name: 'subject' , type: 'string'},  {name: 'description'	, type: 'string'},
		//		   {name: 'startdate'	, type: 'string'},  {name: 'enddate' , type: 'string'},  {name: 'color'		, type: 'string'}
		//		]);
		var reader = new Ext.data.ArrayReader({}, [{
			name: this.calx.fieldsRefer.id,
			type: 'int'
		},
		{
			name: this.calx.fieldsRefer.subject,
			type: 'string'
		},
		{
			name: this.calx.fieldsRefer.description,
			type: 'string'
		},
		{
			name: this.calx.fieldsRefer.startdate,
			type: 'string'
		},
		{
			name: this.calx.fieldsRefer.enddate,
			type: 'string'
		},
		{
			name: this.calx.fieldsRefer.color,
			type: 'string'
		}]);
		tmpstore = new Ext.data.Store({
			reader: reader,
			data: showdata
		});
		tmppanel = new Ext.Panel({
			id: 'ecal-more-task-panel',
			header: false,
			autoDestroy: true,
			autoScroll: true,
			monitorResize: true,
			border: false,
			autoWidth: false,
			autoHeight: false,
			items: new Ext.DataView({
				loadingText: e2cs.cal_locale.win_tasks_loading,
				store: tmpstore,
				tpl: this.calx.tplTaskZoom,
				autoWidth: true,
				autoHeight: true,
				overClass: '',
				itemSelector: '',
				emptyText: e2cs.cal_locale.win_tasks_empty
			})
		});
		var ecalwinshowmore = new Ext.Window({
			id: 'ecal-win-moretasks',
			name: 'ecal-win-moretasks',
			title: e2cs.cal_locale.win_month_zoomlabel + ' ' + dtx.format(e2cs.cal_locale.win_tasks_format),
			width: 450,
			height: 300,
			closeAction: 'close',
			resizable: true,
			resizeHandles: 'all',
			hideBorders: true,
			maximizable: true,
			plain: true,
			modal: true,
			layout: 'fit',
			iconCls: 'x-calendar-more-tasks-win',
			items: [tmppanel]
		});
		ecalwinshowmore.show();
		return true;
	},
	// ---------------------------------------------------------------------------------
	// private functions  --------------------------------------------------------------
	// ---------------------------------------------------------------------------------
	operabuttons: function(evx, elx, obx) { //alert ("boton:" + evx.button); 
		if (Ext.isOpera) {
			if (evx.button == 0) {
				this.onhandler_day(evx, elx, obx);
			}
		}
	},
	onCustomMenuAction: function(MenuId, MonthEl, TaskObj) {
		var datatask = [];
		var tmpobj = Ext.get(MonthEl);
		if (MonthEl.dom.className == 'noday' || MonthEl.dom.className == 'today' || MonthEl.dom.className == 'monthday') {
			//datatask[0] = Ext.get(MonthEl).dom.id        //id  (date) of the selected day in month view
			datatask[0] = Ext.get(MonthEl).dom.id.substring(this.calx.id.length + 1); //0.0.6
			datatask[1] = Ext.get(MonthEl).getAttributeNS('tag', 'class'); // class name of selected date 
		} else if (MonthEl.dom.className == 'tasks') {
			//datatask[0] = Ext.get(MonthEl).dom.parentNode.firstChild.id //id  (date) of the selected day in month view		
			datatask[0] = Ext.get(MonthEl).dom.parentNode.firstChild.id.substring(this.calx.id.length + 1); //0.0.6
			datatask[1] = Ext.get(MonthEl.dom.parentNode.firstChild).getAttributeNS('tag', 'class');
		} else {
			//datatask[0] = Ext.get(MonthEl).dom.firstChild.id //id  (date) of the selected day in month view
			datatask[0] = Ext.get(MonthEl).dom.firstChild.id.substring(this.calx.id.length + 1); //0.0.6
			datatask[1] = Ext.get(MonthEl.dom.firstChild).getAttributeNS('tag', 'class'); // class name of selected date 
		}
		this.calx.fireEvent("customMenuAction", MenuId, 'month', datatask, MonthEl, this);
	},
	changeCalview: function(objx, mviewx, typeview) {
		if (objx.dom.className == 'noday' || objx.dom.className == 'today' || objx.dom.className == 'monthday') {
			//var refdate= new Date(objx.id); //0.0.6
			var refdate = new Date(objx.id.substring(this.calx.id.length + 1));
		} else if (objx.dom.className == 'tasks') {
			//var refdate = new Date(objx.dom.parentNode.firstChild.id); //0.0.6
			var refdate = new Date(objx.dom.parentNode.firstChild.id.substring(this.calx.id.length + 1));
		} else {
			//var refdate= new Date(objx.dom.firstChild.id); //0.0.6
			var refdate = new Date(objx.dom.firstChild.id.substring(this.calx.id.length + 1));
		}
		if (typeview == 1) {
			varview = 'week';
		} else if (typeview == 2) { //0.0.11
			varview = 'day';
		} else { //0.0.11
			varview = 'schedule';
		}
		this.calx.changeView(varview);
	},
	onTaskAdd: function(objx, mviewx) {
		if (objx.dom.className == 'noday' || objx.dom.className == 'today' || objx.dom.className == 'monthday') {
			//var refdate= new Date(objx.id); //0.0.6
			var refdate = new Date(objx.id.substring(this.calx.id.length + 1));
		} else if (objx.dom.className == 'tasks') {
			//var refdate = new Date(objx.dom.parentNode.firstChild.id);  //0.0.6
			var refdate = new Date(objx.dom.parentNode.firstChild.id.substring(this.calx.id.length + 1));
		} else if (objx.dom.className == "tasks_list_item" || objx.dom.className == "tasks_list_item task_list_item_over" || objx.dom.className.indexOf("task_list_item_over") > 0) {
			//tmpdata =  elx.id.replace(/test_calendar-tasklist-/,''); bug 
			tmpdata = objx.id.replace(this.calx.id + "-tasklist-", '');
			refdate = new Date(tmpdata + "");
		} else if (objx.dom.className == "tasks_list") { // to check beheavior 
			tmpdata = objx.id.replace(this.calx.id + "-tasklist-", '');
			var refdate = new Date(tmpdata + "");
		} else if (objx.dom.className == "daybody") { // to check beheavior 
			//0.0.11 bug fix it was taking the current date 
			tmpdata = objx.id.replace("m-td-" + this.calx.id + "-", ''); //m-td-test_calx-11/11/2008	
			refdate = new Date(tmpdata + "");
			//var refdate= new Date(this.calx.currentdate);//prev code			
		} else {
			//var refdate= new Date(objx.dom.firstChild.id); // 0.0.6
			var refdate = new Date(objx.dom.firstChild.id.substring(this.calx.id.length + 1));
		}
		this.calx.fireEvent("taskAdd", refdate);
	},
	operataskitembuttons: function(evx, elx, obx) { // 0.0.9 
		if (Ext.isOpera) {
			// if (evx.button==2){ this.oncontext_taskitem_menu(evx,elx,obx); }  
			// For the moment do nothing cause it raise an error i cant fix  :( cause "this" object its not recognized when launching a function  
			// So i repeat 	oncontextmenuTaskitem function code in her and it works (OO) its weird 																		   
			evx.stopEvent();
			var tmpdata = Ext.get(elx.id);
			//var dateobjtoref = elx.id.replace(/test_calendar-tasklist-/,'');
			var dateobjtoref = elx.id.replace(this.calx.id + "-tasklist-", '');
			if (this.taskitem_menu) {
				this.taskitem_menu.removeAll();
			}
			this.taskitem_menu = new Ext.menu.Menu({
				shadow: true,
				items: [{
					id: 'month_tskitem_btn_task-add',
					iconCls: 'x-calendar-day-btnmv_add',
					text: this.contextMenuLabels.taskAdd,
					scope: this
				},
				{
					id: 'month_tskitem_btn_task-delete',
					iconCls: 'x-calendar-day-btnmv_delete',
					text: this.contextMenuLabels.taskDelete,
					scope: this
				}, '-',
				{
					id: 'month_tskitem_btn_task-edit',
					iconCls: 'x-calendar-day-btnmv_task',
					text: this.contextMenuLabels.taskEdit + tmpdata.getAttributeNS('tag', 'ec_subject'),
					scope: this
				}]
			});
			if (this.TaskList_moreMenuItems.length > 0) {
				this.taskitem_menu.add('-');
				for (var i = 0; i < this.TaskList_moreMenuItems.length; i++) {
					this.TaskList_moreMenuItems[i].rendered = false;
					this.TaskList_moreMenuItems[i].addListener('click', function(parx, parz) {
						this.onCustomMenuAction_TaskItem(parx.id, Ext.get(elx), this);
					}, this);
					this.taskitem_menu.add(this.TaskList_moreMenuItems[i]);
				}
			}
			this.taskitem_menu.items.items[0].addListener('click', function() {
				this.onActionTask(1, Ext.get(elx), this);
			}, this);
			this.taskitem_menu.items.items[1].addListener('click', function() {
				this.onActionTask(2, Ext.get(elx), this);
			}, this);
			this.taskitem_menu.items.items[3].addListener('click', function() {
				this.onActionTask(3, Ext.get(elx), this);
			}, this);
			//0.0.11 Chek visibility according to new permision on
			//TaskList_ShowMenuItems:[1,1,1],// //0.0.11  ADD, delete, edit
			if (this.TaskList_ShowMenuItems[0] != true) {
				this.taskitem_menu.items.items[0].hidden = true;
			}
			if (this.TaskList_ShowMenuItems[1] != true) {
				this.taskitem_menu.items.items[1].hidden = true;
			}
			if (this.TaskList_ShowMenuItems[0] != true && this.TaskList_ShowMenuItems[1] != true) {
				this.taskitem_menu.items.items[2].hidden = true;
			}
			if (this.TaskList_ShowMenuItems[2] != true) {
				this.taskitem_menu.items.items[3].hidden = true;
			}
			//---------------------------------------------------------------
			this.taskitem_menu.showAt(evx.xy);
		}
	},
	onDblClick_tasklistitem: function(evx, elx, obx) { // 0.0.9 
		//		test=elx.id.indexOf('test_calendar-mtask-item-')+1;  bug 
		test = elx.id.indexOf(this.calx.id + '-mtask-item-') + 1;
		if (test) {
			var datatask = this.getTaskarray(elx);
			this.calx.fireEvent("taskDblClick", datatask, this, this.calx, 'month'); //launch new event on the month object 
		}
	},
	onActionTask: function(action, taskEl, TaskObj) { //0.0.9 
		var datatask = this.getTaskarray(taskEl);
		switch (action) {
		case 1:
			//add	
			//var dateobjtoref = taskEl.id.replace(/test_calendar-mtask-item-/,'');
			if (taskEl.id.indexOf('-mtask-item-') > 0) {
				var dateobjtoref = taskEl.id.replace(this.calx.id + "-mtask-item-", '');
			} else if (taskEl.id.indexOf('-tasklist-') > 0) {
				var dateobjtoref = taskEl.id.replace(this.calx.id + "-tasklist-", '');
			}
			dateobjtoref = dateobjtoref.substr(0, 10);
			var eventdate = new Date(dateobjtoref);
			this.calx.fireEvent("taskAdd", eventdate);
			break;
		case 2:
			// delete
			var check = this.calx.fireEvent("beforeTaskDelete", datatask, this);
			if (check != true) {
				if (this.calx.fireEvent("onTaskDelete", datatask) == true) {
					this.calx.fireEvent("afterTaskDelete", datatask, true);
				} else {
					this.calx.fireEvent("afterTaskDelete", null, false);
				}
			}
			break;
		case 3:
			//edit
			var check = this.calx.fireEvent("beforeTaskEdit", datatask, this);
			if (check != true) {
				if (this.calx.fireEvent("onTaskEdit", datatask) == true) {
					this.calx.fireEvent("afterTaskEdit", datatask, true);
				} else {
					this.calx.fireEvent("afterTaskEdit", null, false);
				}
			}
			break;
		default:
			break;
		}
	},
	onCustomMenuAction_TaskItem: function(MenuId, taskEl, TaskObj) {
		var datatask = this.getTaskarray(taskEl);
		this.calx.fireEvent("customMenuAction", MenuId, 'month', datatask, taskEl, this);
	},
	onhandler_selectDay: function(evx, elx, obx) {
		oldDayBodyEl = Ext.get('m-td-test_calx-' + this.selectedDate);
		dayBodyEl = Ext.get(elx).findParent("td", null, true);
		if (elx.className == 'tasks_list_item task_list_item_over') {
			jsLoader.load('main_menu/' + modulizerPath + '/calendar_event.js');
			jsLoader.loadedCall(
			function() {
				var idParts = elx.id.split('-');
				calendarEvent.recID = idParts[idParts.length - 1];
				calendarEvent.show();
			});
		} else if (elx.className != "calendarCheckbox") {
			var dateparam = new Date(dayBodyEl.id.substring(15));
			this.selectedDate = dateparam.format('m/d/Y');
			if (oldDayBodyEl != 'undefined' && oldDayBodyEl != null) {
				oldDayBodyEl.removeClass('selectedDay');
			}
			dayBodyEl.addClass('selectedDay');
		} else { //checkbox event handler
			var dateparam = new Date(dayBodyEl.id.substring(15));
			rowNum = calendarDaysStore.find('day', dateparam.getDOY());
			record = calendarDaysStore.data.items[rowNum];
			record.set('attend', elx.checked);
			if (record.data.date == null) record.set('date', dateparam.format('m/d/Y'));
		}
	},
	onhandler_scheduleEvent: function(evx, elx, obx) {
		elxclasses = elx.className.split(' ');
		if (elxclasses[0] == "monthdayContainer") {
			var dateparam = new Date(elx.id.substring(this.calx.id.length + 2));
			this.calx.currentdate = dateparam;
			this.calx.selector_dateMenu.picker.setValue(this.calx.currentdate);
			this.calx.currentView = 'day';
			this.calx.viewday.render();
			this.calx.fireEvent("onChangeView", 'day', 'month', this);
		} else if (elx.className == "calendarCheckbox") {
			//do nothing
		} else {
			dayBodyEl = Ext.get(elx).findParent("td", null, true);
			var dateparam = new Date(dayBodyEl.id.substring(15));
			jsLoader.load('main_menu/' + modulizerPath + '/calendar_categories_category_grid.js');
			jsLoader.load('main_menu/' + modulizerPath + '/calendar_schedule_event.js');
			jsLoader.loadedCall(
			function() {
				SD.calendar.scheduleEvent.display();
			});
		}
	},
	onhandler_day: function(evx, elx, obx) {
		if (elx.className == "noday" || elx.className == "today" || elx.className == "monthday") {
			//var dateparam = new Date(elx.id);   // 0.0.6 fix 
			var dateparam = new Date(elx.id.substring(this.calx.id.length + 1));
		} else if (elx.className == "tasks") {
			//var dateparam = new Date(elx.parentNode.firstChild.id); 
			var dateparam = new Date(elx.parentNode.firstChild.id.substring(this.calx.id.length + 1));
		} else if (elx.className == "tasks_list_item" || elx.className == "calendarCheckbox" || elx.className == "tasks_list" || elx.className == "tasks_list_item task_list_item_over" || elx.className.indexOf("task_list_item_over") > 0) {
			var tmp = 11; // do nothing  :( cause doesnt matter for this item 
		} else {
			//var dateparam = new Date(elx.firstChild.id); 
			var dateparam = new Date(elx.firstChild.id.substring(this.calx.id.length + 1));
		}
		if (elx.className == "tasks_list_item" || elx.className == "calendarCheckbox" || elx.className == "tasks_list" || elx.className == "tasks_list_item task_list_item_over" || elx.className.indexOf("task_list_item_over") > 0) {
			var tmp = 11; // do nothing  :( cause doesnt matter for this item 
		} else {
			if (this.dayAction == "viewday") {
				//0.0.11  Bug fix because not receving the event 
				if (this.calx.fireEvent("beforeChangeView", 'day', this.calx.currentView, this.calx) == false) {
					return false;
				} else {
					this.calx.currentdate = dateparam;
					this.calx.selector_dateMenu.picker.setValue(this.calx.currentdate);
					this.calx.currentView = 'day';
					this.calx.viewday.render();
					this.calx.fireEvent("onChangeView", 'day', 'month', this);
				}
			}
			if (this.dayAction == "event") {
				this.fireEvent("dayClick", dateparam, this, this.calx);
			}
			if (this.dayAction == 'window') {
				this.ZoomDay(dateparam);
			}
		}
	},
	onclickprev_month: function() {
		var changemonthdate = this.calx.currentdate.add(Date.MONTH, -1);
		var check = this.fireEvent("beforeMonthChange", this.calx.currentdate, changemonthdate);
		if (!check) {
			this.calx.currentdate = changemonthdate;
			this.calx.selector_dateMenu.picker.setValue(this.calx.currentdate);
			this.render();
			this.fireEvent("afterMonthChange", changemonthdate);
		}
	},
	onclicknext_month: function() {
		var changemonthdate = this.calx.currentdate.add(Date.MONTH, 1);
		var check = this.fireEvent("beforeMonthChange", this.calx.currentdate, changemonthdate);
		if (!check) {
			this.calx.currentdate = changemonthdate;
			this.calx.selector_dateMenu.picker.setValue(this.calx.currentdate);
			this.render();
			this.fireEvent("afterMonthChange", changemonthdate);
		}
	},
	isDayOff: function(date) {
		dayOff = false;
		date = new Date(date);
		//console.log(date.format('m/d/Y'), date.getDOY());
		rowNum = calendarDaysStore.find('day', date.getDOY());
		//console.log(rowNum, (calendarDaysStore.data.items[rowNum]!=undefined ?calendarDaysStore.data.items[rowNum].data.attend :'undefined'));
		if (rowNum != -1 && !calendarDaysStore.data.items[rowNum].data.attend) {
			dayOff = true;
		}
		return dayOff;
	},
	getDaysLeft: function(date) {
		rowNum = calendarDaysStore.find('date', date);
		countdownHTML = '';
		//console.log('Here ' + date + '   ' + rowNum); 
		if (rowNum != -1) {
			rowData = calendarDaysStore.data.items[rowNum].data;
			if (isnum(rowData.instructionDay) && isnum(rowData.daysLeft)) {
				countdownHTML += '<p class="daysLeft"> ' + rowData.instructionDay + '/' + rowData.daysLeft + '</p>';
				//countdownHTML += '<div class="clearCalBody"></div>';	
			}
		}
		return countdownHTML;
	},
	// ------------------------------------------------------------------------------------
	//construction functions  -------------------------------------------------------------
	// ------------------------------------------------------------------------------------	
	genHeader: function(dateval) {
		var dt = new Date(dateval);
		Date.monthNames = e2cs.cal_locale.monthtitles;
		var myheader = '<div class="x-calendar-month-header" style="width:' + (this.calx.width - 10) + 'px;">';
		myheader += '<div class="innerHeaderWrap">';
		myheader += '<div id="calendarheader">' + dt.format(this.headerFormat) + '</div>';
		if (this.headerButtons) { //0.0.4 bug 
			myheader += '<div class="x-calendar-month-previous"></div>';
			myheader += '<div class="x-calendar-month-next"></div>';
		}
		myheader += "</div>";
		myheader += "</div>";
		return myheader;
	},
	genDaysHeader: function() {
		var day_hdrtext = "";
		for (var i = 0; i < e2cs.cal_locale.daytitles.length; i++) {
			//day_hdrtext+= '<td width="14%"><div class="dayheader">' + e2cs.cal_locale.daytitles[i] + '</div></td>';
			//0.0.8 fix for new property startDay :) 
			var d = this.startDay + i;
			if (d > 6) {
				d = d - 7;
			}
			day_hdrtext += '<td width="14%"><div class="dayheader">' + e2cs.cal_locale.daytitles[d] + '</div></td>';
		}
		return day_hdrtext;
	},
	genBody: function(dateval, configdata) {
		//console.log(calendarDaysStore);
		//calendarDaysStore.load();
		if (!calendarDaysStore.loaded) {
			return 'Loading...';
		}
		var dt = new Date(dateval);
		//var initday = dt.getFirstDayOfMonth();
		var initday = dt.getFirstDayOfMonth() - this.startDay; //0.0.8
		var daysgen = dt.getDaysInMonth();
		var irowtmp = 0;
		// compensate for leap year
		if (dt.getMonth() == 1) { // February only!
			if ((dt.getFullYear() % 4 == 0 && dt.getFullYear() % 100 != 0) || dt.getFullYear() % 400 == 0) {
				daysgen = 29;
			}
		}
		var mybody = '<tr>';
		if (initday < 0) {
			initday = 7 + (initday);
		} // fix BUG 05/11/2008 ---- 0.0.8 
		if (initday != 0) {
			for (var iday = (initday); iday > 0; iday--) {
				writedt = new Date((dateval.getMonth() + 1) + '/1/' + dateval.getFullYear()).add(Date.DAY, (iday * -1));
				//calendarDaysStore.data.items[].data.attend;                                                                                                                                                                          //	this.datetohandle = (this.calx.viewmonth.selectedDate != 'undefined')?new Date(this.calx.viewmonth.selectedDate):this.calx.currentdate; 
				mybody += '<td valign="top" id="m-td-' + this.calx.id + '-' + writedt.format('m/d/Y') + '" class="daybody notCurMonth ' + ((initday == iday) ? 'notWeekday ' : (this.isDayOff(writedt.format('m/d/Y'))) ? 'noSchool ' : '') + ((this.selectedDate != undefined && writedt.format('m/d/Y') == this.calx.viewmonth.selectedDate) ? ' selectedDay' : '') + '" height="10px">';
				mybody += '<div class="dayBodyDiv">';
				mybody += '<div class="noday" id="' + this.calx.id + '-' + writedt.format('m/d/Y') + '">' + '<input type="checkbox" ' + ((this.isDayOff(writedt.format('m/d/Y'))) ? '' : 'checked="checked"') + ' class="calendarCheckbox ' + ((SchoolDynamics.isAccessible('calendar_setDay')) ? '' : 'displayNone') + '"/>' + '<div class="monthdayContainer" id="' + 'test_calxy' + '-' + writedt.format('m/d/Y') + '">' + writedt.format('j') + '</div></div>';
				// nice bug fix we missed the previous day of the previous month :( sorry  0.0.11 
				if (this.showTaskcount) { // get the count of task for each day
					tmptasks = this.getCountTask(writedt, this.calx.store);
					if (tmptasks > 0) {
						mybody += '<div class="tasks" style="' + configdata.styletasks + '">' + e2cs.cal_locale.labelforTasksinMonth + ' (' + tmptasks + ')</div>';
					}
				}
				// 0.0.9 added 	--- task list items 			
				else {
					if (this.showTaskList) {
						var taskitems = this.getTaskList(writedt, this.calx.store);
						if (taskitems != '') {
							mybody += '<div class="tasks_list" id="' + this.calx.id + '-tasklist-' + writedt.format('m/d/Y') + '" style="height:5px;' + configdata.styletasks + '">';
							mybody += taskitems;
							mybody += '</div>';
						}
					}
				}
				mybody += this.getDaysLeft(writedt.format('m/d/Y'));
				mybody += '</div>';
				mybody += '</td>';
			}
		}
		icount = initday;
		irowtmp = 1;
		startmonthdate = new Date(dt.format('m') + '/01/' + dt.format('Y'));
		for (var imonth = 0; imonth < daysgen; imonth++) {
			if (icount >= 7) {
				icount = 0;
				mybody += '</tr><tr>';
				irowtmp += 1;
			}
			var datecreate = new Date(startmonthdate).add(Date.DAY, imonth);
			if (datecreate.format('m/d/Y') == dt.format('m/d/Y')) {
				mybody += '<td valign="top" id="m-td-' + this.calx.id + '-' + datecreate.format('m/d/Y') + '" class="daybody ' + ((datecreate.format('m-d-Y') == new Date().format('m-d-Y')) ? 'todayBody ' : '') + ((datecreate.getDay() == 0 || datecreate.getDay() == 6) ? 'notWeekday' : (this.isDayOff(datecreate.format('m/d/Y'))) ? 'noSchool' : '') + ((this.selectedDate != undefined && datecreate.format('m/d/Y') == this.calx.viewmonth.selectedDate) ? ' selectedDay' : '') + '" height="10px">';
				mybody += '<div class="dayBodyDiv">';
				mybody += '<div class="monthday" id="' + this.calx.id + '-' + datecreate.format('m/d/Y') + '">' + '<input type="checkbox" ' + ((this.isDayOff(datecreate.format('m/d/Y'))) ? '' : 'checked="checked"') + ' class="calendarCheckbox ' + ((SchoolDynamics.isAccessible('calendar_setDay')) ? '' : 'displayNone') + '"/>' + '<div class="monthdayContainer" id="' + 'test_calxy' + '-' + datecreate.format('m/d/Y') + '">' + datecreate.format('j') + '</div></div>';
				if (this.showTaskcount) { // get the count of task for each day
					tmptasks = this.getCountTask(datecreate, this.calx.store);
					if (tmptasks > 0) {
						mybody += '<div class="tasks" style="' + configdata.styletasks + '">' + e2cs.cal_locale.labelforTasksinMonth + ' (' + tmptasks + ')</div>';
					}
				}
				// 0.0.9 added 	--- task list items 			
				else {
					if (this.showTaskList) {
						var taskitems = this.getTaskList(datecreate, this.calx.store);
						if (taskitems != '') {
							mybody += '<div class="tasks_list" id="' + this.calx.id + '-tasklist-' + datecreate.format('m/d/Y') + '" style="height:5px;' + configdata.styletasks + '">';
							mybody += taskitems;
							mybody += '</div>';
						}
					}
				}
				mybody += this.getDaysLeft(datecreate.format('m/d/Y'));
				mybody += '</div>';
				mybody += '</td>';
			} else {
				mybody += '<td valign="top" id="m-td-' + this.calx.id + '-' + datecreate.format('m/d/Y') + '" class="daybody ' + ((datecreate.format('m-d-Y') == new Date().format('m-d-Y')) ? 'todayBody ' : '') + ((icount == 6 || icount == 0) ? 'notWeekday' : (this.isDayOff(datecreate.format('m/d/Y'))) ? 'noSchool' : '') + ((this.selectedDate != undefined && datecreate.format('m/d/Y') == this.calx.viewmonth.selectedDate) ? ' selectedDay' : '') + '" height="10px">';
				mybody += '<div class="dayBodyDiv">';
				mybody += '<div class="monthday" id="' + this.calx.id + '-' + datecreate.format('m/d/Y') + '">' + '<input type="checkbox"  ' + ((this.isDayOff(datecreate.format('m/d/Y'))) ? '' : 'checked="checked"') + ' class="calendarCheckbox ' + ((SchoolDynamics.isAccessible('calendar_setDay')) ? '' : 'displayNone') + '"/>' + '<div class="monthdayContainer" id="' + 'test_calxy' + '-' + datecreate.format('m/d/Y') + '">' + datecreate.format('j') + '</div></div>';
				if (this.showTaskcount) { // get the count of task for each day
					tmptasks = this.getCountTask(datecreate, this.calx.store);
					if (tmptasks > 0) {
						mybody += '<div class="tasks" style="' + configdata.styletasks + '">' + e2cs.cal_locale.labelforTasksinMonth + ' (' + tmptasks + ')</div>';
					}
				}
				// 0.0.9 added 	--- task list items 			
				else {
					if (this.showTaskList) {
						var taskitems = this.getTaskList(datecreate, this.calx.store);
						if (taskitems != '') {
							mybody += '<div class="tasks_list" id="' + this.calx.id + '-tasklist-' + datecreate.format('m/d/Y') + '" style="height:5px;' + configdata.styletasks + '">';
							mybody += taskitems;
							mybody += '</div>';
						}
					}
				}
				mybody += this.getDaysLeft(datecreate.format('m/d/Y'));
				//	mybody+='<div class = "daysCountdown" > <p>67/89</p> </div>';
				//	mybody += '<div class="clearCalBody"></div>';	
				mybody += '</div>';
				mybody += '</td>';
			}
			icount += 1;
		}
		if (icount < 7) {
			var datatmp = 0;
			for (var iday = icount; iday < 7; iday++) {
				datatmp = datatmp + 1;
				var datenew = new Date(datecreate).add(Date.DAY, datatmp);
				mybody += '<td valign="top" id="m-td-' + this.calx.id + '-' + datenew.format('m/d/Y') + '" class="daybody notCurMonth ' + ((datenew.getDay() == 0 || datenew.getDay() == 6) ? 'notWeekday' : (this.isDayOff(datenew.format('m/d/Y'))) ? 'noSchool' : '') + ((this.selectedDate != undefined && datenew.format('m/d/Y') == this.calx.viewmonth.selectedDate) ? ' selectedDay' : '') + '" height="10px">';
				mybody += '<div class="dayBodyDiv">';
				mybody += '<div class="noday" id="' + this.calx.id + '-' + datenew.format('m/d/Y') + '">' + '<input type="checkbox" ' + ((this.isDayOff(datenew.format('m/d/Y'))) ? '' : 'checked="checked"') + ' class="calendarCheckbox ' + ((SchoolDynamics.isAccessible('calendar_setDay')) ? '' : 'displayNone') + '"/>' + '<div class="monthdayContainer" id="' + 'test_calxy' + '-' + datenew.format('m/d/Y') + '">' + datenew.format('j') + '</div></div>';
				if (this.showTaskcount) { // get the count of task for each day
					//tmptasks = this.getCountTask(datecreate, this.calx.store); // bug 0.0.5
					tmptasks = this.getCountTask(datenew, this.calx.store);
					if (tmptasks > 0) {
						mybody += '<div class="tasks" style="' + configdata.styletasks + '">' + e2cs.cal_locale.labelforTasksinMonth + ' (' + tmptasks + ')</div>';
					}
				} // 0.0.9 added 	--- task list items 
				else {
					if (this.showTaskList) {
						var taskitems = this.getTaskList(datenew, this.calx.store);
						if (taskitems != '') {
							mybody += '<div class="tasks_list" id="' + this.calx.id + '-tasklist-' + datenew.format('m/d/Y') + '" style="height:5px;' + configdata.styletasks + '">';
							mybody += taskitems;
							mybody += '</div>';
						}
					}
				}
				mybody += this.getDaysLeft(datenew.format('m/d/Y'));
				mybody += '</div>';
				mybody += '</td>';
			}
		}
		mybody += '</tr>';
		return mybody;
	},
	getCountTask: function(dtx, storex) {
		var counttasks = storex.getCount();
		if (counttasks > 0) {
			var count_in_day = 0;
			for (var itask = 0; itask < counttasks; itask++) {
				dateinit = storex.getAt(itask).data[this.calx.fieldsRefer.startdate]; //0.0.11dynamic fields  
				dateend = storex.getAt(itask).data[this.calx.fieldsRefer.enddate]; //0.0.11dynamic fields
				checkdates = dtx.between(new Date(dateinit), new Date(dateend));
				chkformat = dtx.format('m/d/Y');
				test = new Date(dateinit);
				if (test.format('m/d/Y') == chkformat) {
					checkdates = true;
				}
				test = new Date(dateend);
				if (test.format('m/d/Y') == chkformat) {
					checkdates = true;
				}
				var initxx = new Date(dateinit);
				var endxx = new Date(dateend);
				if (initxx < dtx && endxx > dtx) {
					checkdates = true;
				}
				if (checkdates) {
					count_in_day += 1;
				}
			}
			return count_in_day;
		} else {
			return 0;
		}
	},
	getTaskList: function(dtx, storex) { //0.0.9  to create a task list on each day on month view :) 
		var daystoreturn = "";
		var counttasks = storex.getCount();
		if (counttasks > 0) {
			var count_in_day = 0;
			for (var itask = 0; itask < counttasks; itask++) {
				dateinit = storex.getAt(itask).data[this.calx.fieldsRefer.startdate]; //0.0.11dynamic fields
				dateend = storex.getAt(itask).data[this.calx.fieldsRefer.enddate]; //0.0.11dynamic fields
				checkdates = dtx.between(new Date(dateinit), new Date(dateend));
				chkformat = dtx.format('m/d/Y');
				test = new Date(dateinit);
				if (test.format('m/d/Y') == chkformat) {
					checkdates = true;
				}
				test = new Date(dateend);
				if (test.format('m/d/Y') == chkformat) {
					checkdates = true;
				}
				var initxx = new Date(dateinit);
				var endxx = new Date(dateend);
				if (initxx < dtx && endxx > dtx) {
					checkdates = true;
				}
				if (checkdates) {
					if (count_in_day < this.showNumTasks) {
						//'<tpl for=".">{starxl}{startval}<br>{endxl}{endval}<hr color="#003366" noshade>{details}</tpl>'
						var tmpdate = new Date(storex.getAt(itask).data[this.calx.fieldsRefer.startdate]); //0.0.11dynamic fields			
						var startlabel = tmpdate.format(this.task_format);
						tmpdateb = new Date(storex.getAt(itask).data[this.calx.fieldsRefer.enddate]); //0.0.11dynamic fields
						var endlabel = tmpdateb.format(this.task_format);
						daystoreturn += '<div class="tasks_list_item"';
						daystoreturn += 'style="background-color:' + storex.getAt(itask).data[this.calx.fieldsRefer.color] + '" '; //0.0.11dynamic fields
						daystoreturn += 'id="' + this.calx.id + '-mtask-item-' + chkformat + '-' + storex.getAt(itask).data[this.calx.fieldsRefer.id] + '" '; //0.0.11dynamic fields
						daystoreturn += 'ec_id="' + storex.getAt(itask).data[this.calx.fieldsRefer.id] + '" '; //0.0.11dynamic fields
						daystoreturn += 'ec_starts="' + startlabel + '" ';
						daystoreturn += 'ec_ends="' + endlabel + '" ';
						//daystoreturn+='ec_subject="' + storex.getAt(itask).data.subject + '" ';
						daystoreturn += 'ec_subject="' + storex.getAt(itask).data[this.calx.fieldsRefer.subject] + '" '; //0.0.11dynamic fields
						//daystoreturn+='ec_cnt="' + storex.getAt(itask).data.description + '" ';
						daystoreturn += 'ec_cnt="' + storex.getAt(itask).data[this.calx.fieldsRefer.description] + '" '; //0.0.11dynamic fields
						daystoreturn += 'ec_storeindex="' + itask + '" ';
						//daystoreturn+=' ext:qtitle="' + storex.getAt(itask).data.subject + '" ';
						daystoreturn += ' ext:qtitle="' + storex.getAt(itask).data[this.calx.fieldsRefer.subject] + '" '; //0.0.11dynamic fields
						var datatip = {
							starxl: e2cs.cal_locale.task_qtip_starts,
							startval: (startlabel != "NaN/NaN/N 12:NaN pm" ? startlabel : "N/A"),
							endxl: e2cs.cal_locale.task_qtip_ends,
							endval: (endlabel != "NaN/NaN/N 12:NaN pm" ? endlabel : "N/A"),
							//details:  storex.getAt(itask).data.description,  color:storex.getAt(itask).data.color //0.0.11 dynamic fields 
							details: storex.getAt(itask).data[this.calx.fieldsRefer.description],
							color: storex.getAt(itask).data[this.calx.fieldsRefer.color]
						};
						var mylist_itemTip = this.TaskList_tplqTip.apply(datatip);
						daystoreturn += 'ext:qtip="' + mylist_itemTip + '">';
						daystoreturn += storex.getAt(itask).data.subject + '</div>';
						count_in_day += 1;
					}
				}
			}
			return daystoreturn;
		} else {
			return 0;
		}
	},
	getTaskarray: function(TaskElx) { //0.0.9 for gett the data on the task in task lit items 
		var tmpdata = Ext.get(TaskElx);
		var datatask = [];
		datatask[0] = tmpdata.getAttributeNS('tag', 'id');
		datatask[1] = tmpdata.getAttributeNS('tag', 'ec_id');
		datatask[2] = tmpdata.getAttributeNS('tag', 'ec_subject');
		datatask[3] = tmpdata.getAttributeNS('tag', 'ec_starts');
		datatask[4] = tmpdata.getAttributeNS('tag', 'ec_ends');
		datatask[5] = tmpdata.getAttributeNS('tag', 'ec_cnt');
		datatask[6] = tmpdata.getAttributeNS('tag', 'ec_storeindex');
		return datatask;
	}
});