// E2cs alpha  0.0.11
// Extjs-Event-Calendar Solution 
// dayview.js
// Author: Carlos Mendez
// Contact: cmendez21@gmail.com   (gmail and gtalk) 
//  Dayview 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
//  td .hour-marker when clicekd launches a new addevent based upen the hour when clicked , (bdetermined by taskAdd_dblclick property) 
//	Changed some issues on Menus for BODY element, added ShowMenuItems:[1,1,1,1,1,1,1,1] so you can allow which menu item appear 
//  Changed some issues on Menus for Each task/Event element, added task_ShowMenuItems:[1,1,1,1,1] so you can allow which menu item appear 
//	BUG - Fixed for Check if other views are still present or not=null and adjust the menu Items for changing view
//	Dynamic field modification on Code  very nice this one :) 
//  Added integration to Scheduler view  :)
//	27-Sep-2008
//  	Changed style on Day (main) Header 
//		Changed Style on Hour / minute display 
//		Changed hourFormat default value changed G for H 
//		New property taskAdd_dblclick: true
//			- When set to true if you click on the body of the dayview the event  'taskAdd' will be launched 
//		WIPs for next version: 
//			1.- Working for google style for day view just like google calendar (similar to week view on google style) 
//			2.- Handlers for click on the hour so you can add a new event at with the date and starting time which was clicked
//				2.1- will work with the upcoming default forms for capture/edit  events 
//  
// 		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.- 'beforeDayChange' and 'afterDayChange'	events so you can query on the store for the records
//  2.- store  property removed, it uses the calendar store so no necesity to use another
//	3.- refactored the display and layout of the day cause issues of resize, more tasks on day 
//	(width greater than main layout)
//  4.- on fit layouts or containers goes weel everything  (firefox2) 
//	5.- addedd fix for scroll (overflow) 
//  --------------------------- CHANGE LOG ---------------------------
//  10-June-2008
//  ------------------------------------------------------------------
//  localized in lang file see locale dir for files 
//  no more need to set these properties 
//  :) 
//	headerTooltips: { prev: 'Previous day..', next: 'Next day' }, 
//	task_MoreDaysFromTask: '<br>(+)',   //used on task.js file
//	task_LessDaysFromTask: '(-)<br>',	//used on task.js file
//	contextMenuLabels: { 
//		taskAdd: "New Task", 
//		taskDelete: "Delete Task", 
//		taskEdit: "Edit Task:",
//		NextDay: "Go to Next Day", 
//		PreviousDay: "Go to Previous Day"
//	},	
//  ------------------------------------------------------------------
Ext.ECalendar.dayview = function(config) {
	Ext.apply(this, config);
	this.addEvents('beforeDayChange', // fix for request to the store specific data from only a day 
	'afterDayChange' // After the day was changed
	);
	Ext.ECalendar.dayview.superclass.constructor.call(this);
};
Ext.extend(Ext.ECalendar.dayview, Ext.util.Observable, {
	referid: 'dayview',
	//0.0.9
	header: true,
	headerFormat: 'l - F d Y',
	// according to Ext.Date object 
	headerButtons: true,
	moreMenuItems: [],
	// NOTE: this one is for the context menu on each task/event, the body will not take this one for use 
	// day specific 
	hourFormat: 'H',
	// according to Ext.Date object    //0.0.7 - beta 0.0.2  changed G for H 
	startTime: '01:00:00 am',
	// format has to be 'H:s:i a'
	endTime: '11:00:00 pm',
	// format has to be 'H:s:i a'
	// task settings 
	taskBaseColor: '#ffffff',
	useMultiColorTasks: false,
	// not implemented yet
	multiColorTasks: [],
	// not implemented yet
	task_increment: 5,
	// ** added on alpha 0.0.2
	task_width: 150,
	// ** added on alpha 0.0.2
	tasksOffset: 'auto',
	// for overlapping task  
	task_clsOver: '',
	// ** added on alpha 0.0.2  not implemented
	task_showqtip: true,
	// ** added on alpha 0.0.2
	task_format: 'n/j/y g:i a',
	// added on 0.0.4 
	taskAdd_dblclick: true,
	// added on 0.0.7 - beta 0.0.2
	taskAdd_timer_dblclick: true,
	// 0.0.11  When the user dblclick on the Thout display in the body will launch an add event with the date and time selected :) 
	task_DDeditable: true,
	// 0.0.11   
	task_eventLaunch: 'click',
	// 0.0.11  'click, dblclick, if set to '' then no action is taken 
	ShowMenuItems: [1, 1, 1, 1, 1, 1],
	// 0.0.11  ADD, next day, prev day , chg Month , CHG Week, chg Sched, (for daybody menu) 
	task_ShowMenuItems: [1, 1, 1, 1, 1],
	// 0.0.11  ADD, delete, edit, Next day , Prev Day  (for Taks/events) 
	tasks: [],
	allDayEvents: [],
	sortTasks: function(aTask, bTask) {
		aStart = new Date(aTask.task_starts);
		aEnd = new Date(aTask.task_ends);
		bStart = new Date(bTask.task_starts);
		bEnd = new Date(bTask.task_ends);
		if (aStart > bStart || (aStart >= bStart && aEnd > bEnd)) {
			return 1;
		} else if (aStart < bStart || (aStart <= bStart && aEnd < bEnd)) {
			return -1;
		} else {
			return 0;
		}
	},
	setSpans: function(columnArray) {
		for (i = 0; i < this.tasks.length; i++) {
			aTask = this.tasks[i];
			if (aTask.task_allday == '0') {
				aStart = new Date(aTask.task_starts);
				aEnd = new Date(aTask.task_ends);
				rowSpan = 0;
				intersection = false;
				nextColNum = aTask.column + 1;
				for (j = aTask.column; j < columnArray.length; j++) {
					if (j == columnArray.length - 1 && !intersection) {
						intersection = true;
						rowSpan++;
					} else {
						nextCol = columnArray[nextColNum];
						for (k = 0; k < nextCol.length; k++) {
							bTask = nextCol[k];
							bStart = new Date(bTask.task_starts);
							bEnd = new Date(bTask.task_ends);
							if ((aStart <= bStart && bStart < aEnd) || (bStart <= aStart && aStart < bEnd) || (aStart.format('m/d/Y H:i:s a') == bStart.format('m/d/Y H:i:s a'))) {
								intersection = true;
								k = nextCol.length + 1; //Exit the loop
							}
						}
						rowSpan++;
						nextColNum++;
					}
					if (intersection) {
						j = columnArray.length + 1; //Exit the loop
						aTask.rowSpan = rowSpan;
					}
				}
			}
		}
	},
	renderTasks: function() {
		allDayEvents = Ext.get('calAllDayEvents');
		if (this.allDayEvents.length != 0) {
			newChild = allDayEvents.createChild({
				tag: 'div'
			});
			newChild.setStyle({
				float: 'left'
			});
			newChild.setStyle({
				width: (allDayEvents.getWidth() - 53) + 'px'
			});
			newChild.setStyle({
				height: '20px'
			});
			for (i = 0; i < this.allDayEvents.length; i++) {
				newTask = newChild.createChild({
					tag: 'div',
					cls: 'allDayTask',
					html: this.allDayEvents[i].task_subject
				});
				if (Ext.isIE) {
					newTask.setStyle({
						height: '20px'
					});
				}
				newTask.setStyle({
					width: ((newChild.getWidth() / this.allDayEvents.length) - 6) + 'px'
				});
			}
		}
		dayBody = Ext.get(this.calx.id + '-daybody');
		for (i = 0; i < this.tasks.length; i++) {
			nextTask = this.tasks[i];
			if (nextTask.task_allday == '0') {
				startTime = new Date(nextTask.task_starts);
				endTime = new Date(nextTask.task_ends);
				tasktop = (startTime.getHours() * 60 + startTime.getMinutes());
				taskbottom = (endTime.getHours() * 60 + endTime.getMinutes());
				taskheight = taskbottom - tasktop;
				if (taskheight >= 4) {
					taskheight -= 4;
				}
				this.taskobject = dayBody.createChild({
					tag: 'div',
					cls: 'task',
					html: nextTask.task_subject
				});
				this.taskobject.dom.setAttribute('id', nextTask.calx.id + '-ecaltask-' + nextTask.task_index + '');
				this.taskobject.dom.setAttribute('ec_id', '' + nextTask.task_id + '');
				this.taskobject.dom.setAttribute('ec_starts', '' + nextTask.task_starts + '');
				this.taskobject.dom.setAttribute('ec_ends', '' + nextTask.task_ends + '');
				this.taskobject.dom.setAttribute('ec_subject', '' + nextTask.task_subject + '');
				this.taskobject.dom.setAttribute('ec_cnt', '' + nextTask.task_description + '');
				this.taskobject.dom.setAttribute('ec_allday', '' + nextTask.task_allday + '');
				this.taskobject.setStyle({
					left: nextTask.column * this.spanWidth + 'px'
				});
				this.taskobject.setStyle({
					border: '2px solid black'
				});
				this.taskobject.setStyle({
					top: '' + tasktop + 'px'
				});
				this.taskobject.setStyle({
					height: '' + taskheight + 'px'
				});
				this.taskobject.setStyle({
					margin: '0px 1px 0px 1px'
				});
				this.taskobject.setStyle({
					position: 'absolute'
				});
				this.taskobject.setStyle({
					width: '' + nextTask.task_width - 6
				});
			}
		}
	},
	setColumns: function() {
		columnArray = [];
		this.allDayEvents = [];
		for (i = 0; i < this.tasks.length; i++) {
			notAdded = true;
			aTask = this.tasks[i];
			if (aTask.task_allday == '0') {
				aStart = new Date(aTask.task_starts);
				aEnd = new Date(aTask.task_ends);
				for (j = 0; notAdded; j++) {
					if (columnArray[j] == undefined) {
						columnArray.push([]);
					}
					alreadyFilled = false;
					for (h = 0; h < columnArray[j].length; h++) {
						bTask = columnArray[j][h];
						bStart = new Date(bTask.task_starts);
						bEnd = new Date(bTask.task_ends);
						if ((bStart >= aStart && bStart < aEnd) || (bEnd > aStart && bStart <= aEnd) || (aStart.format('m/d/Y H:i:s a') == bStart.format('m/d/Y H:i:s a'))) {
							alreadyFilled = true;
							h = columnArray[j].length;
						}
					}
					if (!alreadyFilled) {
						columnArray[j].push(aTask);
						aTask.column = j;
						notAdded = false;
					}
				}
			} else {
				this.allDayEvents.push(aTask);
			}
		}
		return columnArray;
	},
	init: function(calendar, dateval) {
		this.calx = calendar;
		this.datetohandle = dateval;
	},
	refreshView: function() {
		this.render();
	},
	// Private 	
	render: function() {
		this.tasks = [];
		var updateview = Ext.get(this.calx.body);
		updateview.update('');
		var updateview = Ext.get(this.calx.body);
		var daycntbase = '<div id="' + this.calx.id + '-main-calendar-header"></div>';
		daycntbase += '<div id="' + this.calx.id + '-main-calendar-day-body"></div>';
		updateview.update(daycntbase);
		this.datetohandle = (this.calx.viewmonth.selectedDate != 'undefined') ? new Date(this.calx.viewmonth.selectedDate) : this.calx.currentdate;
		if (this.header) {
			var dt = this.datetohandle;
			var tmpheader = this.genHeader(this.datetohandle);
			var tmpheader = Ext.get(this.calx.id + '-main-calendar-header');
			var prueba2 = tmpheader;
			var myheaderwrap = prueba2.wrap({
				tag: 'div',
				cls: 'x-calendar-dayv-header',
				html: ''
			});
			if (this.headerButtons) { // 0.0.4 bug 
				var buttonDiv = myheaderwrap.createChild({
					tag: 'div',
					cls: 'dayvButtonContainer'
				});
				var prevdclick = buttonDiv.createChild({
					id: this.calx.id + '-btn-pd',
					tag: 'div',
					cls: 'x-calendar-day-previous',
					html: ''
				}); //0.0.6 added ID  // 0.0.10 bug fix thanks to PTG 	
				var nextdclick = buttonDiv.createChild({
					id: this.calx.id + '-btn-nd',
					tag: 'div',
					cls: 'x-calendar-day-next',
					html: ''
				}); //0.0.6 added ID  // 0.0.10 bug fix thanks to PTG
				prevdclick.dom['qtip'] = e2cs.cal_locale.headerTooltipsDay.prev;
				prevdclick.addListener('click', this.onclickprev_day, this);
				prevdclick.addClassOnOver('x-calendar-day-previous-over'); // 0.0.10 bug fix thanks to PTG
				nextdclick.dom['qtip'] = e2cs.cal_locale.headerTooltipsDay.next;
				nextdclick.addListener('click', this.onclicknext_day, this);
				nextdclick.addClassOnOver('x-calendar-day-next-over'); // 0.0.10 bug fix thanks to PTG
			}
			var headerdx = myheaderwrap.createChild({
				tag: 'div',
				id: 'calendarheader',
				html: '' + dt.format(this.headerFormat) + ''
			});
		}
		// creates thebody of the month --------------------------------------------
		var htmlday = this.genBody(this.datetohandle);
		var tmpdays = Ext.get(this.calx.id + '-main-calendar-day-body');
		var myheaderdayswrap = tmpdays.wrap({
			tag: 'div',
			cls: 'x-calendar-dayv-day',
			html: ''
		});
		newWrap = myheaderdayswrap.wrap({
			tag: 'div'
		});
		newChild = newWrap.createChild({
			tag: 'div',
			id: 'calAllDayEvents',
			cls: 'allDayEvents'
		}, myheaderdayswrap);
		newChild.setStyle({
			width: Ext.get('content-panel').getWidth() + 'px'
		});
		newChildTime = newChild.createChild({
			tag: 'div',
			cls: 'allDayEventsTime',
			html: 'all-day'
		});
		if (Ext.isIE) {
			newChildTime.setStyle({
				width: '51px'
			});
		}
		//newChild = myheaderdayswrap.createChild({tag: 'div', cls: 'allDayEvents'},tmpdays);
		//newChild.setStyle({width: Ext.get('content-panel').getWidth()-20 + 'px' });
		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
		} else {
			var tmpheight = this.calx.height;
		}
		if (this.header) {
			tmpheight += -24;
		}
		if (this.calx.showCal_tbar) {
			tmpheight += -26;
		}
		if (this.calx.header) {
			tmpheight += -26;
		}
		var morehoffst = 0;
/*
		    newHeight = Ext.get('calendar-panel').getHeight();
    newHeight -= 80;  	
		myheaderdayswrap.setStyle({height:'' +  newHeight + 'px' } );
		*/
		//if (this.calx.showCal_tbar){ var morehoffst=76;  } else { var morehoffst=24; }
		mainRegion = Ext.get('content-panel');
		newWidth = mainRegion.getWidth();
		myheaderdayswrap.setStyle({
			width: '' + newWidth + 'px'
		});
		morehoffst2 = 20;
		if (Ext.isIE) {
			morehoffst2 = 35;
		}
		myheaderdayswrap.setStyle({
			height: '' + tmpheight - morehoffst - morehoffst2 + 'px'
		});
		// ------------------------------------------------------------------		
		//0.0.3 bug posted on forum 
		//Correct the bug in IE7 when you scroll in DayView
		// ------------------------------------------------------------------
		tmpid = this.calx.id;
		myheaderdayswrap.addListener('scroll', function() {
			if (Ext.get(tmpid + '-daybody')) {
				Ext.get(tmpid + '-daybody').setStyle('filter', 'alpha(opacity=100)');
				Ext.get(tmpid + '-daybody').setStyle('filter', '');
			}
		});
		// ------------------------------------------------------------------
		var mydays = myheaderdayswrap.createChild({
			tag: 'div',
			id: this.calx.id + '-calendar-view-day',
			html: htmlday
		});
		if (Ext.isIE || Ext.isIE6) {
			Ext.get('daylayoutbody').setWidth(Ext.get('daylayoutbody').getWidth() - 20, false);
		}
		// fix for the day grid 
		var mydaybody = Ext.get(this.calx.id + '-daybody');
		// 0.0.7 - beta 0.0.2  new feature , when the user dblclicks on the boy od the day TaskAdd event launches similar to outlook 
		var dblclickdate = this.calx.currentdate;
		var tmpcalendarobjinstance = this.calx;
		var testdblclick = this.taskAdd_dblclick;
		mydaybody.addListener('dblclick', function(evx, elx, obx) {
			if (elx.id.indexOf('-daybody') < 0) {
				return false;
			}
			if (testdblclick) {
				tmpcalendarobjinstance.fireEvent("taskAdd", dblclickdate);
			}
		});
		//------------------------------------------------------------------
		//0.0.11 if this.taskAdd_dblclick then also we will handle addevents to Labels for time so when the atasks add then will be on the specific hour set :) 
		if (this.taskAdd_timer_dblclick) {
			var mytimeTD_elements = Ext.select('td.hour-marker', true);
			mytimeTD_elements.each(function(el, thisobj, index) {
				if (el.id.indexOf(tmpcalendarobjinstance.id + '-tdbody-dayv-') + 1 >= 1) {
					el.addListener('dblclick', function(evx, elx, obx) {
						if (elx.id.indexOf(tmpcalendarobjinstance.id + '-tdbody-dayv-') < 0) {
							var mydt_element_test = Ext.get(elx).parent().id.replace(tmpcalendarobjinstance.id + '-tdbody-dayv-', '');
						} else {
							var mydt_element_test = elx.id.replace(tmpcalendarobjinstance.id + '-tdbody-dayv-', '');
						}
						var mytmpdate = new Date(mydt_element_test);
						tmpcalendarobjinstance.fireEvent("taskAdd", mytmpdate);
					});
				}
			}, this);
		}
		//		tmpdatetohandleontd = dt.format('m/d/Y');
		//		tmpdatetohandleontd+= ' ' + inittime.add(Date.HOUR, (i) ).format(this.hourFormat); 
		//		tmpdatetohandleontd+= ':' + inittime.add(Date.HOUR,(i)).format('i a'); 
		//		dviewbody +='<tr><td id="' + this.calx.id + '-tdbody-dayv-' + tmpdatetohandleontd + '" class="hour-marker"><span>'+ inittime.add(Date.HOUR, (i) ).format(this.hourFormat) + '</span>'; 
		//		dviewbody +='<span class="minute">' + inittime.add(Date.HOUR,(i)).format('i a') + '</span></td></tr>'; 		
		mydaybody.setHeight(Ext.get('tdbaseday').getHeight(true));
		if (Ext.isOpera) {
			mydaybody.addListener('mousedown', this.operadaybuttons, this);
		} else { // feature posted by IOMANIP for context menu (right click) on the body of each day view 
			mydaybody.addListener('contextmenu', this.oncontextmenuBody, this, {
				stopPropagation: false,
				normalized: true,
				preventDefault: true
			});
		}
		// now process the task from the store to display in the grid of the day
		this.tasks = [];
		//check how many will be rendered before 
		var dateinionthisday = new Date(this.datetohandle.format('m/d/Y') + ' ' + this.startTime);
		var dateendonthisday = new Date(this.datetohandle.format('m/d/Y') + ' ' + this.endTime);
		var counttasks = this.calx.store.getCount();
		var countdone = 0;
		for (var i = 0; i < counttasks; i++) {
			var testrec = this.calx.store.getAt(i).data;
			testdateinit = this.calx.store.getAt(i).data[this.calx.fieldsRefer.startdate]; //0.0.11dynamic fields
			testdateend = this.calx.store.getAt(i).data[this.calx.fieldsRefer.enddate]; //0.0.11dynamic fields		
			checkdates = this.datetohandle.between(new Date(testdateinit), new Date(testdateend));
			chkformat = this.datetohandle.format('m/d/Y');
			test = new Date(testdateinit);
			if (test.format('m/d/Y') == chkformat) {
				checkdates = true;
			}
			test = new Date(testdateend);
			if (test.format('m/d/Y') == chkformat) {
				checkdates = true;
			}
			if (checkdates) {
				countdone += 1;
			}
		}
		var counttasks = countdone;
		if (counttasks > 0) {
			currentindex = 0;
			created = 0;
			previndex = 0;
			if (this.tasksOffset == 'auto') {
				var newwfix = counttasks * this.task_width;
			} else {
				var newwfix = (counttasks * this.task_width) - ((counttasks - 1) * this.tasksOffset);
			}
			//if (Ext.get('tdbaseday').getWidth(true)<newwfix){ 
			mainRegion = Ext.get('content-panel');
			newwfix = mainRegion.getWidth() - 75;
			Ext.get(this.calx.id + '-daybody').setWidth(newwfix, false);
			Ext.get('daylayoutbody').setWidth(Ext.get(this.calx.id + '-tableallday').getWidth(true) + 1, false); //0.0.6 added calendar ID
			//} 
			var test = 11;
			//}
			var counttasks = this.calx.store.getCount();
			for (var itask = 0; itask < counttasks; itask++) {
				//				dateinit 	= this.calx.store.getAt(itask).data.startdate;  
				//				dateend 	= this.calx.store.getAt(itask).data.enddate; 
				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 = this.datetohandle.between(new Date(dateinit), new Date(dateend));
				chkformat = this.datetohandle.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 (this.calx.store.getAt(itask).data[this.calx.fieldsRefer.color]) { //0.0.11dynamic fields	
					colortask = this.calx.store.getAt(itask).data[this.calx.fieldsRefer.color]; //0.0.11dynamic fields	
				} else {
					colortask = this.taskBaseColor;
				}
				if (checkdates) {
					this.tasks[currentindex] = new Ext.ECalendar.daytask({
						tasksOffset: this.tasksOffset,
						evenLaunch: this.task_eventLaunch,
						//0.0.11  define event on which the task/event will be activated 
						editable: this.task_DDeditable,
						//0.0.11  OldValue = true, 
						parentview: this,
						//dayview object
						baseBody: mydaybody,
						//ext element already created 
						datehandle: this.datetohandle,
						//date to handle 
						showQtip: this.task_showqtip,
						//if show or not the qtip  deafults true 
						contextMenuLabels: e2cs.cal_locale.contextMenuLabelsDay,
						tplqTip: this.calx.tplTaskTip,
						task_index: itask,
						task_id: this.calx.store.getAt(itask).data[this.calx.fieldsRefer.id],
						//0.0.11 dynamic fields				
						task_subject: this.calx.store.getAt(itask).data[this.calx.fieldsRefer.subject],
						//0.0.11 dynamic fields
						task_starts: this.calx.store.getAt(itask).data[this.calx.fieldsRefer.startdate],
						//0.0.11 dynamic fields
						task_ends: this.calx.store.getAt(itask).data[this.calx.fieldsRefer.enddate],
						//0.0.11 dynamic fields
						task_description: this.calx.store.getAt(itask).data[this.calx.fieldsRefer.description],
						//0.0.11 dynamic fields
						task_allday: this.calx.store.getAt(itask).data[this.calx.fieldsRefer.alldayevent],
						task_clsOver: this.task_clsOver,
						//0.0.11 dynamic fields
						task_increment: this.task_increment,
						task_width: this.task_width,
						task_format: this.task_format,
						bgcolor: colortask,
						//0.0.11 dynamic fields
						moreMenuItems: this.moreMenuItems,
						ShowMenuItems: this.task_ShowMenuItems //0.0.11 setting permissions on the menu 
					});
					this.tasks[currentindex].init(this.calx, this);
					//this.tasks[currentindex].render(); 
					currentindex += 1;
				}
			}
/*			this.tasks = [];
			

			event4 = new Object;
			event4.task_starts = "03/25/2010 08:30 AM"
			event4.task_ends = "03/25/2010 01:00 PM" 
			this.tasks.push(event4);
      			
			event2 = new Object;
			event2.task_starts = "03/25/2010 05:30 AM"
			event2.task_ends = "03/25/2010 09:30 AM" 
			this.tasks.push(event2);
      
			event3 = new Object;
			event3.task_starts = "03/25/2010 06:00 AM"
			event3.task_ends = "03/25/2010 08:00 AM" 
			this.tasks.push(event3);
      

			
			event6 = new Object;
			event6.task_starts = "03/25/2010 01:00 PM"
			event6.task_ends = "03/25/2010 04:30 PM" 
			this.tasks.push(event6); 
             
			event5 = new Object;
			event5.task_starts = "03/25/2010 09:30 AM"
			event5.task_ends = "03/25/2010 01:00 PM" 
			this.tasks.push(event5);

			event5Dup = new Object;
			event5Dup.task_starts = "03/25/2010 010:00 AM"
			event5Dup.task_ends = "03/25/2010 03:00 PM" 
			this.tasks.push(event5Dup);			         
      
                      			
			
			event1 = new Object;
			event1.task_starts = "03/25/2010 05:00 AM"
			event1.task_ends = "03/25/2010 10:00 AM" 
			this.tasks.push(event1);
                                                 */
			this.tasks.sort(this.sortTasks);
			colArray = this.setColumns();
			this.setSpans(colArray);
			maxCols = colArray.length;
			'test_calx-daybody'
			grid = Ext.get('test_calx-daybody');
			maxWidth = grid.getWidth();
			this.spanWidth = maxWidth / maxCols;
			var firstPartTask;
			firstNotFound = true;
			for (i = 0; i < this.tasks.length; i++) {
				this.tasks[i].task_width = this.tasks[i].rowSpan * this.spanWidth;
				if (this.tasks[i].task_allday == '0' && firstNotFound) {
					firstNotFound = false
					firstPartTask = this.tasks[i];
				}
			}
			this.renderTasks();
			timeScroll = this.datetohandle;
			today = new Date();
			if (this.calx.store.dayLoaded) {
				if (firstPartTask != undefined && firstPartTask.task_starts != undefined) {
					timeScroll = new Date(firstPartTask.task_starts);
				}
				if (this.datetohandle.format('m/d/Y') == today.format('m/d/Y')) {
					timeScroll = today;
				}
				myheaderdayswrap.scroll('b', timeScroll.getHours() * 60 + timeScroll.getMinutes());
			}
			if (Ext.get('daylayoutbody').getWidth(true) < Ext.get(this.calx.id + '-tableallday').getWidth(true)) { //0.0.6 added calendar ID
				Ext.get('daylayoutbody').setWidth(Ext.get(this.calx.id + '-tableallday').getWidth(true) + 1, false); //0.0.6 added calendar ID				
			}
			if (this.tasks.length <= 0) {
				mydaybody.update('&nbsp;');
			}
		} else {
			mydaybody.update('&nbsp;');
		}
	},
	operadaybuttons: function(evx, elx, obx) {
		if (Ext.isOpera) {
			if (evx.button == 2) {
				this.oncontextmenuBody(evx, elx, obx);
			}
		} else {
			return false;
		}
	},
	//---------------------------------------------------------------------
	// oncontextmenuBody: feature posted by IOMANIP (ext forums)
	// for context menu (right click) on the body of each day view 
	oncontextmenuBody: function(evx, elx, obx) {
		if (Ext.isOpera) {
			if (evx.button != 2) {
				return false;
			}
		}
		//0.0.11 Avoid to show menu cause no permission is set and also no custom Menus also 
		if (this.ShowMenuItems[0] != true && this.ShowMenuItems[1] != true && this.ShowMenuItems[2] != true && this.ShowMenuItems[3] != true && this.ShowMenuItems[4] != true && this.ShowMenuItems[5] != true) {
			return false;
		}
		evx.stopEvent();
		if (elx.id.indexOf(this.calx.id + "-daybody") < 0) {
			return false;
		}
		var tmpdata = Ext.get(elx.id);
		if (this.menu) {
			this.menu.removeAll();
		}
		this.menu = new Ext.menu.Menu({
			// 0.0.10 bug fix thanks to PTG
			id: this.calx.id + '-contextmenu-day',
			//0.0.6 modified ID  and menu items also on ID 
			shadow: true,
			items: [{
				id: this.calx.id + '-day_ctxbtn_task-add',
				iconCls: 'x-calendar-day-btnmv_add',
				text: e2cs.cal_locale.contextMenuLabelsDay.taskAdd,
				scope: this
			}, '-',
			{
				id: this.calx.id + '-day_ctxbtn_task-go-nd',
				iconCls: 'x-calendar-day-btnmv_nextday',
				text: e2cs.cal_locale.contextMenuLabelsDay.NextDay,
				scope: this
			},
			{
				id: this.calx.id + '-day_ctxbtn_task-go-pd',
				iconCls: 'x-calendar-day-btnmv_prevday',
				text: e2cs.cal_locale.contextMenuLabelsDay.PreviousDay,
				scope: this
			}, '-',
			{
				id: this.calx.id + '-day_ctxbtn_viewmonth',
				iconCls: 'x-calendar-month-btnmv_viewmonth',
				text: e2cs.cal_locale.contextMenuLabelsDay.chgmview,
				scope: this
			},
			{
				id: this.calx.id + '-day_ctxbtn_viewweek',
				iconCls: 'x-calendar-month-btnmv_viewweek',
				text: e2cs.cal_locale.contextMenuLabelsDay.chgwview,
				scope: this
			},
			{
				id: this.calx.id + '-day_ctxbtn_viewsched',
				iconCls: 'x-calendar-month-btnmv_viewsched',
				text: e2cs.cal_locale.contextMenuLabelsDay.chgsview,
				scope: this
			} //0.0.11 				   				   
			]
		});
		this.menu.items.items[0].addListener('click', function() {
			this.calx.fireEvent("taskAdd", this.calx.currentdate);
		}, this);
		this.menu.items.items[2].addListener('click', function() {
			this.onclicknext_day();
		}, this); //next day		
		this.menu.items.items[3].addListener('click', function() {
			this.onclickprev_day();
		}, this); //prev day	
		this.menu.items.items[5].addListener('click', function() {
			this.changeCalview(Ext.get(elx), this, 1);
		}, this);
		this.menu.items.items[6].addListener('click', function() {
			this.changeCalview(Ext.get(elx), this, 2);
		}, this);
		this.menu.items.items[7].addListener('click', function() {
			this.changeCalview(Ext.get(elx), this, 3);
		}, this);
		//0.0.11 - check visibility on the menu-items according to the new property this.ShowMenuItems
		if (this.ShowMenuItems[0] != true) {
			this.menu.items.items[0].hidden = true;
			this.menu.items.items[1].hidden = true;
		}
		if (this.ShowMenuItems[1] != true) {
			this.menu.items.items[2].hidden = true;
		}
		if (this.ShowMenuItems[2] != true) {
			this.menu.items.items[3].hidden = true;
		}
		if (this.ShowMenuItems[1] != true && this.ShowMenuItems[2] != true) {
			this.menu.items.items[4].hidden = true;
		}
		if (this.ShowMenuItems[3] != true) {
			this.menu.items.items[5].hidden = true;
		}
		if (this.ShowMenuItems[4] != true) {
			this.menu.items.items[6].hidden = true;
		}
		if (this.ShowMenuItems[5] != true) {
			this.menu.items.items[7].hidden = true;
		}
		// check the existence of view objects  0.0.11 
		if (!this.calx.mview) {
			this.menu.items.items[6].hidden = true;
		}
		if (!this.calx.wview) {
			this.menu.items.items[5].hidden = true;
		}
		if (!this.calx.sview) {
			this.menu.items.items[7].hidden = true;
		}
		//this.menu.showAt(evx.xy);	
		this.menu.showAt([evx.getPageX(), evx.getPageY()]); //0.0.11 
	},
	//---------------------------------------------------------------------
	changeCalview: function(objx, mviewx, typeview) {
		if (objx.dom.className == 'noday' || objx.dom.className == 'today' || objx.dom.className == 'monthday') {
			var refdate = new Date(objx.id);
		} else if (objx.dom.className == 'tasks') {
			var refdate = new Date(objx.dom.parentNode.firstChild.id);
		} else {
			var refdate = new Date(objx.dom.firstChild.id);
		}
		if (typeview == 1) {
			varview = 'month';
		} else if (typeview == 2) {
			varview = 'week';
		} else {
			varview = 'schedule';
		}
		this.calx.changeView(varview);
	},
	onclickprev_day: function(evx, elx, obx) {
		var changedaydate = this.datetohandle.add(Date.DAY, -1);
		var check = this.fireEvent("beforeDayChange", this.datetohandle, changedaydate);
		if (!check) {
			this.calx.currentdate = changedaydate;
			this.datetohandle = changedaydate;
			this.render();
			this.fireEvent("afterDayChange", changedaydate);
		}
	},
	onclicknext_day: function(evx, elx, obx) {
		var changedaydate = this.datetohandle.add(Date.DAY, 1);
		var check = this.fireEvent("beforeDayChange", this.datetohandle, changedaydate);
		if (!check) {
			this.calx.currentdate = changedaydate;
			this.datetohandle = changedaydate;
			this.render();
			this.fireEvent("afterDayChange", changedaydate);
		}
	},
	genHeader: function(dateval) {
		var dt = new Date(dateval);
		Date.monthNames = e2cs.cal_locale.monthtitles;
		Date.dayNames = e2cs.cal_locale.daytitles;
		var myheader = '<div class="x-calendar-dayv-header" style="width:' + (this.calx.width - 10) + 'px;">';
		myheader += '<div id="calendarheader">' + dt.format(this.headerFormat) + '</div>';
		if (this.headerButtons) {
			myheader += '<div class="x-calendar-day-previous"></div>';
			myheader += '<div class="x-calendar-day-next"></div>';
		}
		myheader += '</div>';
		return myheader;
	},
	genBody: function(dateval) {
		var dt = new Date(dateval);
		var inittime = new Date(dt.format('m/d/Y') + ' ' + this.startTime);
		var endtime = new Date(dt.format('m/d/Y') + ' ' + this.endTime);
		this.diffhrs = this.calx.dateDiff(inittime, endtime, e2cs.dateParts.HOUR);
		//fix for IE6 and IE7
		var wtdisp = '';
		if (Ext.isIE || Ext.isIE6) {
			wtdisp = '97.8';
		} else {
			wtdisp = '200';
		}
		wtdisp = '200';
		//---------------------------------
		var dviewbody = '<div id="daylayoutbody" class="x-calendar-dayv-body">'; //0.0.6 added calendar ID
		dviewbody += '<table id="' + this.calx.id + '-tableallday" width="' + wtdisp + '%" border="0" cellspacing="1" cellpadding="0"><tr><td valign="top" width="50">';
		dviewbody += '<table width="50" border="0" align="center" cellpadding="0" cellspacing="0">';
		for (var i = 0; i < this.diffhrs; i++) {
			//dviewbody +='<tr><td class="hour-marker">'+ inittime.add(Date.HOUR, (i) ).format( this.hourFormat + ':i a') + '</td></tr>'; 
			tmpdatetohandleontd = dt.format('m/d/Y');
			tmpdatetohandleontd += ' ' + inittime.add(Date.HOUR, (i)).format('h');
			tmpdatetohandleontd += ':' + inittime.add(Date.HOUR, (i)).format('a');
			dviewbody += '<tr><td id="' + this.calx.id + '-tdbody-dayv-' + tmpdatetohandleontd + '" class="hour-marker"><div class="dayvTimeWrapper"><div class="dayvTimeWrapper2"><div>' + inittime.add(Date.HOUR, (i)).format('g') + '</div>';
			dviewbody += '<div class="minute">' + inittime.add(Date.HOUR, (i)).format('A') + '</div></div></div></td></tr>';
		}
		dviewbody += '</table></td><td valign="top" id="tdbaseday">';
		dviewbody += '<div id="' + this.calx.id + '-daybody" class="basegridday">';
		dviewbody += '&nbsp;';
		dviewbody += '</div>';
		dviewbody += '</td></tr></table>';
		dviewbody += '</div>';
		return dviewbody;
	}
});