// E2cs alpha  0.0.11
// Extjs-Event-Calendar Solution 
// weekview.js
// Author: Carlos Mendez
// Contact: cmendez21@gmail.com   (gmail and gtalk) 
// week view LOG-------------------------------------------------------
// 11-dic-208
//	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
//	BUG - Fixed when displaying allday task (google style) 
//	Dynamic field modification on Code  very nice this one :) 
//  Added integration to Scheduler view  :)
//	27-Sep-2008
//		Plain style for week view is fully functional now 
// 		fixed some issue with event render on plain style 
//  	Changed style on Week (main) Header 
//		Changed Style on Hour / minute display 
// 		Added headerDayClick property to handle click for change to day view 
//		Added dom trags to more week elements so it can be no cross  handling with other calendar instances 
//		Changed hourFormat default value changed G for H
//		Property alldayTaskTPL previosly was taken the tpl property from the calendar and was not used
//  
// 	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) 
//  ------------------------------------------------------------------
// 	01-august-2008 
//	fix for opera event(tasks) display 
//  17-june-2008 
//	1.- first release of week view
//	------------------------------------------------------------------
//	to do 
//	handlers  for context menu on task for days and allday tasks
Ext.ECalendar.weekview = function(config) {
	Ext.apply(this, config);
	this.addEvents('dblClickTaskAllDay', 'beforeWeekChange', // 0.0.4
	'afterWeekChange', // 0.0.4
	'launchEventList' //0.0.4 
	);
	Ext.ECalendar.weekview.superclass.constructor.call(this);
};
Ext.extend(Ext.ECalendar.weekview, Ext.util.Observable, {
	referid: 'weekview',
	//0.0.9
	header: true,
	headerButtons: true,
	headerFormat: 'W',
	headerShowDates: true,
	dayformatLabel: 'D j',
	moreMenuItems: [],
	hourFormat: 'H',
	// according to Ext.Date object    //0.0.7 - beta 0.0.2  changed G for H 
	startTime: '7:00:00 am',
	// format has to be 'H:s:i a'
	endTime: '10:00:00 pm',
	// format has to be 'H:s:i a'	
	style: 'plain',
	//style:   'plain or 'google'
	// alldatTaksMore:   
	//	'event'  will raise an event with the all data available for this 
	//	'window' will create an internal window with the list of the tasks 
	//			 when click an element on the task list will raise an event and close the window
	alldayTaksMore: 'window',
	alldayTaskTPL: new Ext.XTemplate('<tpl for="."><div class="ecal-show-basetasktpl-div">Event:{subject}<br>', 'Starts:{startdate}<br>Ends:{enddate}<br>Description:<br>{description}<div><hr></tpl>'),
	alldayTasksMaxView: 3,
	alldayTasks: [],
	weekTasks: [],
	store: null,
	headerDayClick: 'none',
	//'viewday' changes to day view, 'none' do nothing  // 0.0.7  beta 0.0.2 
	currentweek: 1,
	// dynamic change for rendering sets the actual value  
	//tasks settings for render 
	task_format: 'n/j/y g:i a',
	task_bgcolor_base: '#E0FFA2',
	task_showqtip: true,
	task_width: 50,
	tasksOffset: 20,
	// for overlapping tasks
	taskelements: 0,
	// private use for gen a unique id on day tasks  // added on 0.0.4 
	ShowMenuItems: [1, 1, 1, 1, 1, 1],
	//0.0.11  add, go next w , go prev w , chg month , chg day, chg sched 
	task_ShowMenuItems: [1, 1, 1, 1, 1],
	//0.0.11  add, delete, edit, go next w, go prev w
	task_eventLaunch: 'click',
	//0.0.11
	task_clsOver: '',
	//0.0.11  on day view was setted up long ago but not implemented, now its implement here also 
	init: function(calendar, dateval) {
		this.calx = calendar;
		this.datetohandle = dateval;
	},
	refreshView: function() {
		this.render();
	},
	render: function() {
		this.datetohandle = (this.calx.viewmonth.selectedDate != 'undefined') ? new Date(this.calx.viewmonth.selectedDate) : this.calx.currentdate;
		var daterange = this.getDatesforWeek(this.datetohandle);
		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-week-body"></div>';
		updateview.update(daycntbase);
		if (this.header) { // header section starts 
			var dt = this.datetohandle;
			var tmpheader = Ext.get(this.calx.id + '-main-calendar-header');
			var prueba2 = tmpheader;
			var myheaderwrap = prueba2.wrap({
				tag: 'div',
				cls: 'x-calendar-weekv-header',
				html: ''
			});
			if (this.headerButtons) {
				//var prevdclick = myheaderwrap.createChild({ tag: 'div',	 cls: 'x-calendar-week-previous',html:''}); 	
				//var nextdclick = myheaderwrap.createChild({	tag: 'div',	 cls: 'x-calendar-week-next'    ,html:''});
				// 0.0.10 bug fix thanks to PTG
				var prevdclick = myheaderwrap.createChild({
					id: this.calx.id + '-btn-pw',
					tag: 'div',
					cls: 'x-calendar-week-previous',
					html: ''
				});
				var nextdclick = myheaderwrap.createChild({
					id: this.calx.id + '-btn-nw',
					tag: 'div',
					cls: 'x-calendar-week-next',
					html: ''
				});
				prevdclick.dom['qtip'] = e2cs.cal_locale.headerTooltipsWeek.prev; //'prev week';
				prevdclick.addListener('click', function() {
					this.onclickprev_week();
				}, this);
				prevdclick.addClassOnOver('x-calendar-week-previous-over'); // 0.0.10 bug fix thanks to PTG
				nextdclick.dom['qtip'] = e2cs.cal_locale.headerTooltipsWeek.next; //'next week'; 
				nextdclick.addListener('click', function() {
					this.onclicknext_week();
				}, this);
				nextdclick.addClassOnOver('x-calendar-week-next-over'); // 0.0.10 bug fix thanks to PTG	
			}
			complementtext = '';
			if (this.headerShowDates) {
				complementtext = ' <span class="x-calendar-weekv-header-small">' + e2cs.cal_locale.weekheaderlabel_from + ' ' + daterange[0].format('m/d/Y') + ' ' + e2cs.cal_locale.weekheaderlabel_to + ' ' + daterange[1].format('m/d/Y') + '</span>';
			}
			//var headerdx = myheaderwrap.createChild({ tag: 'div', id:'header',  html:'' +  e2cs.cal_locale.weekheaderlabel + dt.format(this.headerFormat) + complementtext  +''});
			var headerdx = myheaderwrap.createChild({
				tag: 'div',
				id: this.calx.id + '-sub-' + 'header',
				html: '' + e2cs.cal_locale.weekheaderlabel + dt.format(this.headerFormat) + complementtext + ''
			});
		}
		// check style to create the container or not 'plain or google
		var tmpdays = Ext.get(this.calx.id + '-main-calendar-week-body');
		var weeklayoutskel = tmpdays.createChild({
			tag: 'div',
			id: this.calx.id + '-weekvbody',
			cls: 'x-calendar-weekv-body',
			html: ''
		}); //0.0.6
		var daterange = this.getDatesforWeek(this.datetohandle);
		if (this.style == 'plain') {
			// plain style  goes on 
			daysintro = this.genDaysHeader(daterange[0]);
			weeklayoutskel.insertHtml('beforeEnd', daysintro, false);
		} else {
			// google style starts 
			daysintro = this.genAlldayContainer(daterange[0]);
			weeklayoutskel.insertHtml('beforeEnd', daysintro, false);
			// sets the container 	
			var mydaybodytmp = Ext.get(this.calx.id + '-allday1');
			var myallcontainer = Ext.get(this.calx.id + '-alldaycontainer'); //0.0.6
			var myallreferh = Ext.get('alldayrefer');
			myallcontainer.setXY(mydaybodytmp.getXY());
			myallcontainer.setHeight(mydaybodytmp.getHeight(true));
			ancho = 0;
			for (var i = 1; i < 8; i++) {
				ancho += Ext.get(this.calx.id + '-allday' + i).getWidth(false);
			}
			ancho += 7;
			myallcontainer.setWidth(ancho, false);
			// more tasks div creation if it applies to be on the view 
			var moretaskbuttonallday = Ext.get('alldaylistbutton');
			var taskstmp = this.getWeekTasks(this.datetohandle, 0);
			if (myallcontainer.dom.childNodes.length == 1 && myallcontainer.dom.childNodes[0].childNodes.length == 0) {
				moretaskbuttonallday.setDisplayed('none');
			} else {
				if (taskstmp.length > this.alldayTasksMaxView) {
					moretaskbuttonallday.setDisplayed('block');
				} else {
					moretaskbuttonallday.setDisplayed('none');
				}
			}
			moretaskbuttonallday.addClassOnOver('alldaylistover');
			moretaskbuttonallday.addListener('click', function() {
				this.showMoreTasksList();
			}, this);
		}
		// creates the week body 
		var bodyweekhtml = this.genBody(daterange[0]);
		weeklayoutskel.insertHtml('beforeEnd', bodyweekhtml, false);
		// fix the grids for each day 
		for (var i = 1; i < 8; i++) {
			var tmpeachdaybodygrid = Ext.get(this.calx.id + '-day' + i);
			tmpeachdaybodygrid.setHeight(Ext.get(this.calx.id + '-wd' + i).getHeight(true)); //0.0.6
			var containerdaytmp = Ext.get(tmpeachdaybodygrid.dom.childNodes[0]); // 0.0.4 fix 
			containerdaytmp.setHeight(Ext.get(this.calx.id + '-wd' + i).getHeight(false)); //0.0.6
			if (Ext.isOpera) {
				containerdaytmp.addListener('mousedown', this.operabuttons_body, this);
			} else {
				containerdaytmp.addListener('contextmenu', this.oncontextmenu_bodyday, this, {
					stopPropagation: false,
					normalized: true,
					preventDefault: true
				});
			}
		}
		var bodydisp = Ext.get(this.calx.id + '-weekbodydisplay'); //0.0.6		
		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() ; 
		} else {
			var tmpheight = this.calx.height;
		}
		styleheaderheight = 0;
		if (this.style == 'plain') {
			styleheaderheight = Ext.get(this.calx.id + '-allday_w_task').getHeight(true) + 8;
		} else {
			styleheaderheight = Ext.get(this.calx.id + '-allday_w_task').getHeight(true) + 8;
			styleheaderheight += Ext.get('alldaylistbutton').getHeight(true);
		}
		if (this.header) {
			tmpheight += -24;
		}
		if (this.calx.showCal_tbar) {
			tmpheight += -26;
		}
		if (this.calx.header) {
			tmpheight += -26;
		}
		var morehoffst = 0;
		//if (this.calx.showCal_tbar){ var morehoffst=76;  } else { var morehoffst=32; }
		bodydisp.setStyle({
			height: '' + (tmpheight - styleheaderheight) - morehoffst + 'px'
		});
		bodydisp.setStyle({
			overflow: 'auto'
		});
		if (Ext.isIE || Ext.isIE6) {
			Ext.get(this.calx.id + '-tableweek-layout').setWidth(Ext.get(this.calx.id + '-tableweek-layout').getWidth() - 16, false); //0.0.6
		}
		var test = Ext.get(this.calx.id + '-weekbodydisplay').getHeight(true); //0.0.6
		var tableskel = Ext.get(this.calx.id + '-week-skeleton').getHeight(true); //0.0.6 
		if (tableskel > test) { // scroll is on 	
			if (this.style == 'plain') { // 0.0.7  plain style fixed  for header display and pos 
				var tmpgridlayout = Ext.get(this.calx.id + '-alldaygridbodylayout');
				var tmptable = Ext.get(this.calx.id + '-tableallcontainer');
				for (var i = 1; i < 8; i++) {
					Ext.get(this.calx.id + '-weekhdrday-' + i).setWidth(Ext.get(this.calx.id + '-wd' + i).getWidth(false), false);
				}
				ancho = tmpgridlayout.getWidth(false);
				if (Ext.isIE || Ext.isIE6) {
					tmpgridlayout.setWidth((tmpgridlayout.getWidth() - 17), false);
				} else {
					tmpgridlayout.setWidth((ancho - 17), false);
				}
			} else { //google style 
				var tmpgridlayout = Ext.get(this.calx.id + '-alldaygridbodylayout');
				var tmptable = Ext.get(this.calx.id + '-tableallcontainer');
				ancho = 0;
				for (var i = 1; i < 8; i++) {
					ancho += Ext.get(this.calx.id + '-allday' + i).getWidth(false);
				}
				ancho += 7;
				myallcontainer.setWidth(ancho, false);
				ancho = tmpgridlayout.getWidth(false);
				if (Ext.isIE || Ext.isIE6) {
					tmpgridlayout.setWidth((tmpgridlayout.getWidth() - 17), false);
					myallcontainer.setWidth(myallcontainer.getWidth() - 17, false);
				} else {
					tmpgridlayout.setWidth((ancho - 17), false);
					myallcontainer.setWidth(myallcontainer.getWidth() - 17, false);
				}
			}
		}
		if (this.style == 'plain') {} else {
			//fix position of allday tasks
			var moretaskbuttonallday = Ext.get('alldaylistbutton');
			if (myallcontainer.dom.childNodes[0].childNodes.length == 0 && myallcontainer.dom.childNodes[0].childNodes.length == 0) {} else {
				if (myallcontainer.dom.childNodes.length < this.alldayTasksMaxView) {
					allcounterproc = myallcontainer.dom.childNodes.length;
				} else {
					allcounterproc = this.alldayTasksMaxView;
				}
				for (var i = 0; i < allcounterproc; i++) {
					//alldaytasktmp = Ext.get(myallcontainer.dom.childNodes[0].childNodes[i]); 
					alldaytasktmp = Ext.get(myallcontainer.dom.childNodes[i]);
					this.formatallDayTask(alldaytasktmp); // Adjust positions of each task 
					//add listeners		
					if (this.task_eventLaunch != '') { //0.0.11 change 
						alldaytasktmp.addListener(this.task_eventLaunch, this.onDblclick, this);
					}
					if (Ext.isOpera) {
						alldaytasktmp.addListener('mousedown', this.operadaybuttons, this);
					} else {
						alldaytasktmp.addListener('contextmenu', this.oncontextmenu, this, {
							stopPropagation: false,
							normalized: true,
							preventDefault: true
						});
					}
				}
			}
		}
		// updates all the elements (tasks on each day) of weekbody 
		this.snapweek = [];
		for (var i = 1; i < 8; i++) {
			var toprocess = new Date(daterange[0].add(Date.DAY, (i - 1)));
			var tmpdayweek = Ext.get(Ext.get(this.calx.id + '-day' + i).dom.childNodes[0]); //0.0.6
			var tmpdayweek_childs = tmpdayweek.dom.childNodes;
			tmpcalc = (this.task_width * tmpdayweek_childs);
			if (tmpcalc > tmpdayweek.getWidth(false)) {
				//tmpdayweek.setWidth(tmpcalc);			
			}
			if (tmpdayweek_childs.length == 1 && tmpdayweek_childs[0].childNodes.length == 0) {} else {
				var childcount = tmpdayweek_childs.length;
				for (var j = 0; j < childcount; j++) {
					var tmpel = Ext.get(tmpdayweek_childs[j]);
					if (Ext.isOpera) {
						tmpel.addClass('taskondayopera');
					} else {
						tmpel.addClass('taskonday');
					}
					checkel = tmpel.id.indexOf(this.calx.id + '-ecal-daytask', 0); //0.0.6
					if (checkel < 0) {} else {
						if (this.task_eventLaunch != '') { //0.0.11 change 
							tmpel.addListener(this.task_eventLaunch, this.onDblclickSingleday, this);
						}
						if (this.task_clsOver != '') {
							tmpel.addClassOnOver(this.task_clsOver);
						}
						if (Ext.isOpera) {
							tmpel.addListener('mousedown', this.operadaybuttons, this);
						} else {
							tmpel.addListener('contextmenu', this.oncontextmenu, this, {
								stopPropagation: false,
								normalized: true,
								preventDefault: true
							});
						}
						this.formatdayTask(toprocess, i, tmpel, j);
					}
				}
			}
		}
		//0.0.7  Sets a handler on each day's header for change view if set
		if (this.headerDayClick == 'viewday') {
			var myhdrweekdaysref = Ext.select('td.x-calendar-weekv-header-days', true);
			myhdrweekdaysref.each(function(el, thisobj, index) {
				if (el.id.indexOf(this.calx.id + '-weekhdrday-') >= 0) {
					el.addClassOnOver('overwday');
					el.addListener('click', this.onWeekHeaderdayClick, this);
				}
			}, this);
		}
		//if (this.calx.showCal_tbar){ var morehoffst=76;  } else { var morehoffst=32; }
		bodydisp.setStyle({
			height: '' + (tmpheight - styleheaderheight) - morehoffst + 'px'
		});
		// bodydisp.setStyle({overflow:'auto'});
		// check height and if has scrolbar to fix the container width 
	},
	onWeekHeaderdayClick: function(evx, elx, obx) { //0.0.7 
		if (elx.className.indexOf('x-calendar-weekv-header-days') < 0) {
			return false;
		}
		var tmpobj = Ext.get(elx);
		var fechatoset = tmpobj.getAttributeNS('tag', 'dayval');
		var tmpnewdate = new Date(fechatoset);
		if (this.headerDayClick == "viewday") {
			if (this.calx.fireEvent("beforeChangeView", 'day', 'week', this.calx) == false) {
				return false;
			} else {
				this.calx.currentdate = tmpnewdate;
				this.calx.selector_dateMenu.picker.setValue(this.calx.currentdate);
				this.calx.currentView = 'day';
				this.calx.viewday.render();
				this.calx.fireEvent("onChangeView", 'day', 'week', this);
			}
		} else {
			return false;
		}
	},
	onDblclickSingleday: function(evx, elx, objx) {
		var tmpdata = Ext.get(elx.id);
		var datatask = this.getTaskarray(elx);
		this.calx.fireEvent("taskDblClick", datatask, this, this.calx, 'week');
	},
	onDblclick: function(evx, elx, obx) {
		var tmpdata = Ext.get(elx.id);
		var datatask = this.getTaskarray(elx);
		this.fireEvent("dblClickTaskAllDay", datatask, this, this.calx);
	},
	operabuttons_body: function(evx, elx, obx) { //alert ("boton:" + evx.button); 
		if (Ext.isOpera) {
			if (evx.button == 2) {
				this.oncontextmenu_bodyday(evx, elx, obx);
			}
		}
	},
	operabuttons: function(evx, elx, obx) { //alert ("boton:" + evx.button); 
		if (Ext.isOpera) {
			if (evx.button == 2) {
				this.oncontextmenu(evx, elx, obx);
			}
		}
	},
	oncontextmenu_bodyday: function(evx, elx, obx) {
		if (Ext.isOpera) {
			if (evx.button != 2) {
				return false;
			}
		}
		if (elx.id.indexOf("containeronday") < 0) {
			return false;
		}
		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;
		}
		if (Ext.isIE) {
			//alert ("objeto==" + elx.parentNode.id );
			testxxx = Ext.get(elx.parentNode); //testxxx=  Ext.get( Ext.get(document.all.item("containeronday",1)).dom.parentNode );
			var datetohandle = testxxx.getAttributeNS('tag', 'iddate');
			//alert ("prueba "  + testxxx.getAttributeNS('tag','iddate') );
			//alert ("fecha a manejar ==" + datetohandle  ); 
		} else {
			var testxxx = elx.parentNode;
			var datetohandle = elx.parentNode.attributes[1].nodeValue;
		}
		evx.stopEvent();
		var tmpdata = Ext.get(elx.id);
		if (this.menu) {
			this.menu.removeAll();
		}
		this.menu = new Ext.menu.Menu({
			shadow: true,
			items: [{
				id: 'week_ctxbtn_task-add',
				iconCls: 'x-calendar-day-btnmv_add',
				text: e2cs.cal_locale.contextMenuLabelsDay.taskAdd,
				scope: this
			}, '-',
			{
				id: 'week_ctxbtn_task-go-nd',
				iconCls: 'x-calendar-week-btnmv_nextweek',
				text: e2cs.cal_locale.contextMenuLabelsWeek.next,
				scope: this
			},
			{
				id: 'week_ctxbtn_task-go-pd',
				iconCls: 'x-calendar-week-btnmv_prevweek',
				text: e2cs.cal_locale.contextMenuLabelsWeek.prev,
				scope: this
			}, '-',
			{
				id: 'week_ctxbtn_viewmonth',
				iconCls: 'x-calendar-month-btnmv_viewmonth',
				text: e2cs.cal_locale.contextMenuLabelsWeek.chgmview,
				scope: this
			},
			{
				id: 'week_ctxbtn_viewday',
				iconCls: 'x-calendar-month-btnmv_viewday',
				text: e2cs.cal_locale.contextMenuLabelsWeek.chgdview,
				scope: this
			},
			{
				id: 'week_ctxbtn_viewsched',
				iconCls: 'x-calendar-month-btnmv_viewsched',
				text: e2cs.cal_locale.contextMenuLabelsWeek.chgsview,
				scope: this
			}]
		});
		this.menu.items.items[0].addListener('click', function() {
			this.calx.fireEvent("taskAdd", datetohandle);
		}, this);
		this.menu.items.items[2].addListener('click', function() {
			this.onclicknext_week();
		}, this); //next week 		
		this.menu.items.items[3].addListener('click', function() {
			this.onclickprev_week();
		}, this); //prev week	
		this.menu.items.items[5].addListener('click', function() {
			this.changeCalview(testxxx, this, 1);
		}, this);
		this.menu.items.items[6].addListener('click', function() {
			this.changeCalview(testxxx, this, 2);
		}, this);
		this.menu.items.items[7].addListener('click', function() {
			this.changeCalview(testxxx, this, 3);
		}, this);
		//0.0.11 - check visibility on the menu-items according to the new property this.ShowMenuItems
		//ShowMenuItems:[1,1,1,1,1,1],	//0.0.11  add, go next w , go prev w , chg month , chg day, chg sched 
		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;
		}
		if (!this.calx.mview) {
			this.menu.items.items[6].hidden = true;
		}
		if (!this.calx.dview) {
			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 (Ext.isIE) {
			var refdate = objx.getAttributeNS('tag', 'iddate');
		} else {
			var refdate = objx.attributes[1].nodeValue;
		}
		this.calx.currentdate = new Date(refdate);
		this.calx.selector_dateMenu.picker.setValue(this.calx.currentdate);
		if (typeview == 1) {
			varview = 'month';
		} else if (typeview == 2) {
			varview = 'day';
		} else {
			varview = 'schedule';
		}
		this.calx.changeView(varview);
	},
	oncontextmenu: function(evx, elx, obx) { // this one is for tasks 
		if (Ext.isOpera) {
			if (evx.button != 2) {
				return false;
			}
		}
		if (this.task_ShowMenuItems[0] != true && this.task_ShowMenuItems[1] != true && this.task_ShowMenuItems[2] != true && this.task_ShowMenuItems[3] != true && this.task_ShowMenuItems[4] != true && this.moreMenuItems.length <= 0) {
			return false;
		}
		evx.stopEvent();
		var tmpdata = Ext.get(elx.id);
		if (this.menu) {
			this.menu.removeAll();
		}
		this.menu = new Ext.menu.Menu({
			shadow: true,
			items: [{
				id: 'week_ctxbtn_task-add',
				iconCls: 'x-calendar-day-btnmv_add',
				text: e2cs.cal_locale.contextMenuLabelsDay.taskAdd,
				scope: this
			},
			{
				id: 'week_ctxbtn_task-delete',
				iconCls: 'x-calendar-day-btnmv_delete',
				text: e2cs.cal_locale.contextMenuLabelsDay.taskDelete,
				scope: this
			}, '-',
			{
				id: 'week_ctxbtn_task-edit',
				iconCls: 'x-calendar-day-btnmv_task',
				text: e2cs.cal_locale.contextMenuLabelsDay.taskEdit + tmpdata.getAttributeNS('tag', 'ec_subject'),
				scope: this
			}, '-',
			{
				id: 'week_ctxbtn_task-go-nw',
				iconCls: 'x-calendar-week-btnmv_nextweek',
				text: e2cs.cal_locale.contextMenuLabelsWeek.next,
				scope: this
			},
			{
				id: 'week_ctxbtn_task-go-pw',
				iconCls: 'x-calendar-week-btnmv_prevweek',
				text: e2cs.cal_locale.contextMenuLabelsWeek.prev,
				scope: this
			}]
		});
		if (this.moreMenuItems.length > 0) {
			this.menu.add('-');
			for (var i = 0; i < this.moreMenuItems.length; i++) {
				// var idmenuitem = this.moreMenuItems[i].id;  0.0.4 bug in custom action sending the id the problem was the last id was returned always
				this.moreMenuItems[i].rendered = false;
				this.moreMenuItems[i].addListener('click', function(parx, parz) {
					this.onCustomMenuAction(parx.id, Ext.get(elx), this);
					//this.onCustomMenuAction( idmenuitem , Ext.get(elx), this ); 0.0.4 bug 
				}, this);
				this.menu.add(this.moreMenuItems[i]);
			}
		}
		this.menu.items.items[0].addListener('click', function() {
			this.onActionTask(1, Ext.get(elx), this);
		}, this);
		this.menu.items.items[1].addListener('click', function() {
			this.onActionTask(2, Ext.get(elx), this);
		}, this);
		this.menu.items.items[3].addListener('click', function() {
			this.onActionTask(3, Ext.get(elx), this);
		}, this);
		this.menu.items.items[5].addListener('click', function() {
			this.onclicknext_week();
		}, this); //next day		
		this.menu.items.items[6].addListener('click', function() {
			this.onclickprev_week();
		}, this); //prev day
		//0.0.11 - check visibility on the menu-items according to the new property this.task_ShowMenuItems
		//task_ShowMenuItems:[1,1,1,1,1],		//0.0.11  add, delete, edit, go next w , go prev w
		if (this.task_ShowMenuItems[0] != true) {
			this.menu.items.items[0].hidden = true;
		}
		if (this.task_ShowMenuItems[1] != true) {
			this.menu.items.items[1].hidden = true;
		}
		if (this.task_ShowMenuItems[0] != true && this.task_ShowMenuItems[1] != true) {
			this.menu.items.items[2].hidden = true;
		} //sep
		if (this.task_ShowMenuItems[2] != true) {
			this.menu.items.items[3].hidden = true;
			this.menu.items.items[4].hidden = true;
		}
		if (this.task_ShowMenuItems[3] != true) {
			this.menu.items.items[5].hidden = true;
		}
		if (this.task_ShowMenuItems[4] != true) {
			this.menu.items.items[6].hidden = true;
		}
		if (this.moreMenuItems.length > 0) {
			if (this.task_ShowMenuItems[3] != true && this.task_ShowMenuItems[4] != true) {
				this.menu.items.items[7].hidden = true;
			}
		}
		//--------------------------------------------------------------------------
		this.menu.on('hide', this.onContextTaskMenu_Hide, this);
		this.menu.showAt(evx.xy);
	},
	onContextTaskMenu_Hide: function() {
		//nothing happens :(
	},
	onCustomMenuAction: function(MenuId, taskEl, TaskObj) {
		var datatask = this.getTaskarray(taskEl);
		this.calx.fireEvent("customMenuAction", MenuId, 'week', datatask, taskEl, this); //0.0.9 fix 
	},
	onActionTask: function(action, taskEl, TaskObj) {
		var datatask = this.getTaskarray(taskEl);
		switch (action) {
		case 1:
			//add	
			if (taskEl.id.indexOf(this.calx.id + "-ecal-alldaytask") >= 0) { //0.0.6
				this.calx.fireEvent("taskAdd", this.calx.currentdate);
			} else {
				if (Ext.isIE) {
					testxxx = Ext.get(taskEl.dom.parentNode.parentNode);
					// IE debugging lines  for tests 
					//alert ( "prueba 1 " + testxxx.id );
					//alert ( "prueba 2 " + testxxx.getAttributeNS('tag','iddate') );
					var datewday = new Date(testxxx.getAttributeNS('tag', 'iddate'));
				} else {
					var datewday = new Date(taskEl.dom.parentNode.parentNode.attributes[1].nodeValue);
				}
				this.calx.fireEvent("taskAdd", datewday);
			}
			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;
		}
	},
	getTaskarray: function(TaskElx) {
		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;
	},
	getDatesforWeek: function(Dateval) {
		// 0.0.10 code correction by PTG
		var dw = new Date(Dateval).getDay();
		dw = ((dw == 0) ? 6 : dw - 1); // day of week, monday first
		var initdate = new Date(Dateval.add(Date.DAY, -dw).format('m/d/Y') + ' ' + this.startTime); // monday always
		var enddate = new Date(Dateval.add(Date.DAY, -dw + 6).format('m/d/Y') + ' ' + this.endTime);
		return [initdate, enddate];
	},
	getWeekTasks: function(Dateval, Type) { // get the task for the day return array with tasks.data
		//type==0 all day task for container 
		//type==1 tasks for day especific if the task has more days and its included and does not appear
		//type==2 tasks for day especific if the task has more days and its included and does appear
		var daterange = this.getDatesforWeek(this.datetohandle);
		var tmpdaytasks = [];
		switch (Type) {
		case 0:
			// all day tasks                     
			var numrecs = this.calx.store.getCount();
			var countdone = 0;
			for (var i = 0; i < numrecs; i++) {
				var testrec = this.calx.store.getAt(i).data;
				tstdateini = new Date(testrec[this.calx.fieldsRefer.startdate]); //0.0.11
				tstdateend = new Date(testrec[this.calx.fieldsRefer.enddate]); //0.0.11
				var check = this.calx.dateDiff(tstdateini, tstdateend, e2cs.dateParts.DAY);
				if (check >= 1) {
					if (tstdateini < daterange[0] && tstdateend > daterange[1]) {
						tmpdaytasks[countdone] = testrec;
						countdone += 1;
					} else {
						// check if falls in dates 
						if (tstdateini.between(daterange[0], daterange[1]) || tstdateend.between(daterange[0], daterange[1])) {
							tmpdaytasks[countdone] = testrec;
							countdone += 1;
						}
					}
				}
			}
			break;
		case 1:
			// for google style for an especific day 
			var dateinionthisday = new Date(Dateval.format('m/d/Y') + ' ' + this.startTime);
			var dateendonthisday = new Date(Dateval.format('m/d/Y') + ' ' + this.endTime);
			var numrecs = this.calx.store.getCount();
			var countdone = 0;
			for (var i = 0; i < numrecs; i++) {
				var testrec = this.calx.store.getAt(i).data;
				tstdateini = new Date(testrec[this.calx.fieldsRefer.startdate]); //0.0.11
				tstdateend = new Date(testrec[this.calx.fieldsRefer.enddate]); //0.0.11
				var check = this.calx.dateDiff(tstdateini, tstdateend, e2cs.dateParts.DAY);
				if (check < 1) {
					if (tstdateini.between(dateinionthisday, dateendonthisday) && tstdateend.between(dateinionthisday, dateendonthisday)) {
						tmpdaytasks[countdone] = testrec;
						countdone += 1;
					}
				}
			}
			break;
		case 2:
			var dateinionthisday = new Date(Dateval.format('m/d/Y') + ' ' + this.startTime);
			var dateendonthisday = new Date(Dateval.format('m/d/Y') + ' ' + this.endTime);
			var numrecs = this.calx.store.getCount();
			var countdone = 0;
			for (var i = 0; i < numrecs; i++) {
				var testrec = this.calx.store.getAt(i).data;
				tstdateini = new Date(testrec[this.calx.fieldsRefer.startdate]); //0.0.11
				tstdateend = new Date(testrec[this.calx.fieldsRefer.enddate]); //0.0.11
				checkdates = this.datetohandle.between(new Date(tstdateini), new Date(tstdateend));
				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;
				}
				var check = this.calx.dateDiff(tstdateini, tstdateend, e2cs.dateParts.DAY);
				if (check < 1) {
					if (tstdateini.between(dateinionthisday, dateendonthisday) && tstdateend.between(dateinionthisday, dateendonthisday)) {
						tmpdaytasks[countdone] = testrec;
						countdone += 1;
					}
				} else {
					if (check >= 1) {
						if (tstdateini < dateinionthisday && tstdateend > dateendonthisday) {
							tmpdaytasks[countdone] = testrec;
							countdone += 1;
						} else {
							// check if falls in dates 
							if (tstdateini.between(dateinionthisday, dateendonthisday) || tstdateend.between(dateinionthisday, dateendonthisday)) {
								tmpdaytasks[countdone] = testrec;
								countdone += 1;
							}
						}
					}
				}
			}
			break;
		default:
			tmpdaytasks = [];
			break;
		}
		return tmpdaytasks;
	},
	showMoreTasksList: function() {
		taskstmp = this.getWeekTasks(this.datetohandle, 0);
		showdata = [];
		for (var i = 0; i < taskstmp.length; i++) {
			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]];
		}
		if (this.alldayTaksMore == "event") {
			this.fireEvent("launchEventList", showdata[i]);
			return false;
		} else if (this.alldayTaksMore == "window") {
			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.alldayTaskTPL,
					//0.0.7 
					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_week_zoomlabel,
				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();
		}
	},
	//private -----------------------------------------------------------------------
	formatdayTask: function(dateval, numday, ExtEl, indexElperDay) {
		var container = Ext.get(this.calx.id + '-day' + numday);
		var m_starttime = dateval.format('m/d/Y ') + this.startTime;
		var m_endtime = dateval.format('m/d/Y ') + this.endTime;
		this.totalhours = this.calx.dateDiff(new Date(m_starttime), new Date(m_endtime), e2cs.dateParts.HOUR);
		// check if the task hour is Ok 
		var inittimetask = this.checkTasktime(ExtEl.getAttributeNS('tag', 'ec_starts'));
		var endtimetask = this.checkTasktime(ExtEl.getAttributeNS('tag', 'ec_ends'));
		var diffstartinipos = this.calx.dateDiff(new Date(m_starttime), new Date(inittimetask), e2cs.dateParts.MINUTE);
		if (diffstartinipos < 0) {
			initpos = 0;
			flagstarttasttext = e2cs.cal_locale.task_LessDaysFromTask; // sample'(-)<br>'; 
		} else {
			initpos = diffstartinipos;
			flagstarttasttext = '';
		}
		var diffendpos = this.calx.dateDiff(new Date(m_endtime), new Date(endtimetask), e2cs.dateParts.MINUTE);
		if (diffendpos > 0) {
			endpos = (this.totalhours + 1) * 60;
			endpos = Math.abs(initpos - endpos);
			flagendtasttext = e2cs.cal_locale.task_MoreDaysFromTask; // sample '<br>(+)'; 
		} else {
			var tmpdate = new Date(inittimetask);
			var dtstartday = new Date(dateval.format('m/d/Y') + ' ' + this.startTime);
			if (tmpdate < dtstartday) {
				endpos = this.calx.dateDiff(new Date(m_starttime), new Date(endtimetask), e2cs.dateParts.MINUTE);
			} else {
				endpos = this.calx.dateDiff(new Date(inittimetask), new Date(endtimetask), e2cs.dateParts.MINUTE);
			}
			if (endpos == (this.totalhours * 60)) {
				endpos = endpos; //  -76; 
			} else if (endpos > (this.totalhours * 60)) {
				endpos = (this.totalhours * 60);
			}
			flagendtasttext = '';
		}
		//ExtEl.setTop('' + initpos + 'px');  // css
		if (Ext.isOpera) {
			var testwxopera = (indexElperDay + 1) * this.task_width;
			if (((indexElperDay + 1) * this.task_width) > container.getWidth(false)) {
				ExtEl.setStyle('display', 'none');
			}
			if ((indexElperDay + 1) > 1) {
				ExtEl.setLeft('0px'); // css	
			}
		} else {
			ExtEl.setLeft('' + (indexElperDay * this.task_width) + 'px'); // css
		}
		ExtEl.setWidth(this.task_width, false);
		ExtEl.setHeight(endpos, false);
		if (Ext.isOpera) {
			ExtEl.setY(container.getY() + initpos); // fix for moredays task and normal tasks		
			ExtEl.setStyle({
				top: '' + initpos + 'px'
			});
			ExtEl.setStyle("float", 'left');
		} else {
			ExtEl.setY(container.getY() + initpos); // fix for moredays task and normal tasks		
		}
		if (Ext.isIE) {
			ExtEl.setStyle('z-index', '2000');
		} else {
			ExtEl.setStyle('z-index', 'auto');
		}
		//add listeners 	//dragdrop not implemented on this view 
	},
	checkTasktime: function(taskvalue) {
		var test = taskvalue.indexOf(":", 0);
		if (test <= 0) {
			taskvaluefix = taskvalue + ' ' + this.startTime;
		} else {
			taskvaluefix = taskvalue;
		}
		return taskvaluefix;
	},
	formatallDayTask: function(ExtEl) {
		var daterange = this.getDatesforWeek(this.datetohandle);
		var initdateEl = new Date(ExtEl.getAttributeNS('tag', 'ec_starts'));
		var enddateEl = new Date(ExtEl.getAttributeNS('tag', 'ec_ends'));
		var diffElDays = this.calx.dateDiff(initdateEl, enddateEl, e2cs.dateParts.DAY);
		if (diffElDays > 7) {
			diffElDays = 7;
		}
		initdaystart = this.calx.dateDiff(daterange[0], initdateEl, e2cs.dateParts.DAY);
		if (initdaystart < 0) {
			diffElDays = this.calx.dateDiff(daterange[0], enddateEl, e2cs.dateParts.DAY);
			if (diffElDays > 7) {
				diffElDays = 7;
			}
			initdaystart = 0;
		}
		var myallcontainer = Ext.get(this.calx.id + '-alldaycontainer'); //container of tasks //0.0.6
		newposx = 0;
		for (var i = 0; i < initdaystart; i++) {
			newposx += Ext.get(this.calx.id + '-allday' + (i + 1)).getWidth(false);
		}
		newposx += i;
		ExtEl.setX(myallcontainer.getX() + newposx);
		ancho = 0;
		if (enddateEl > daterange[1]) {
			ExtEl.setWidth(Ext.get(this.calx.id + '-alldaycontainer').getWidth(false) - newposx, false); //0.0.6
		} else {
			if (diffElDays < 1) {
				ancho += Ext.get(this.calx.id + '-allday1').getWidth(false);
			} else {
				for (var i = 0; i < diffElDays; i++) {
					//					if (initdaystart + i >=6){ //0.0.11 FIX 
					//					} else { 
					//						if (i<7){
					ancho += Ext.get(this.calx.id + '-allday' + (i + 1)).getWidth(false);
					//						} 
					//					} 
				}
			}
			ancho += i;
			ExtEl.setWidth(ancho, false);
		}
	},
	onclickprev_week: function() {
		var newdate = this.datetohandle.add(Date.DAY, +(-7));
		var check = this.fireEvent("beforeWeekChange", this.datetohandle, newdate);
		if (!check) {
			this.datetohandle = newdate;
			this.calx.currentdate = newdate;
			this.render();
			this.fireEvent("afterWeekChange", newdate);
		}
	},
	onclicknext_week: function() {
		var newdate = this.datetohandle.add(Date.DAY, +(+7));
		var check = this.fireEvent("beforeWeekChange", this.datetohandle, newdate);
		if (!check) {
			this.datetohandle = newdate;
			this.calx.currentdate = newdate;
			this.render();
			this.fireEvent("afterWeekChange", newdate);
		}
	},
	genHeader: function(dateval) {
		var daterange = this.getDatesforWeek(this.datetohandle);
		var dt = new Date(dateval);
		Date.monthNames = e2cs.cal_locale.monthtitles;
		Date.dayNames = e2cs.cal_locale.daytitles;
		var myheader = '<div class="x-calendar-weekv-header" style="width:' + (this.calx.width - 10) + 'px;">';
		if (this.headerButtons) {
			myheader += '<div class="x-calendar-week-previous"></div>';
			myheader += '<div class="x-calendar-week-next"></div>';
		}
		complementtext = '';
		if (this.headerShowDates) {
			complementtext = ' ' + e2cs.cal_locale.weekheaderlabel_from + ' ' + daterange[0].format('m/d/Y') + ' ' + e2cs.cal_locale.weekheaderlabel_to + ' ' + daterange[1].format('m/d/Y');
		}
		myheader += '<div id="calendarheader">' + e2cs.cal_locale.weekheaderlabel + dt.format(this.headerFormat) + complementtext + '</div>';
		//myheader += '<div id="calendarheader">' + e2cs.cal_locale.weekheaderlabel + dt.format(this.headerFormat) + complementtext  + '</div>';
		myheader += '<div id="' + this.calx.id + '-week-sub-' + 'header">' + e2cs.cal_locale.weekheaderlabel + dt.format(this.headerFormat) + complementtext + '</div>';
		myheader += '</div>';
		return myheader;
	},
	genDaysHeader: function(datestart) {
		// just in case user dont want the all day container and only plain view of days 
		var htmlheader = '';
		htmlheader = '<div id="' + this.calx.id + '-allday_w_task" class="allday_w_task">'; //0.0.6 
		htmlheader += '<div id="' + this.calx.id + '-alldaygridbodylayout" class="alldaygridbody">';
		htmlheader += '<table width="100%" border="0" cellpadding="0" cellspacing="1" bordercolor="#004E9B" bgcolor="#004E9B"><tr>';
		htmlheader += '<td width="50"><table width="50" border="0" align="center" cellpadding="0" cellspacing="0">';
		htmlheader += '<tr><td width="50" class="allday-marker" id="alldayrefer" ><div class="taskallday-layoutbase">&nbsp;</div>';
		htmlheader += '</td></tr></table></td>';
		for (var i = 0; i < 7; i++) {
			var daylabel = datestart.add(Date.DAY, i).format(this.dayformatLabel);
			var validtd = datestart.add(Date.DAY, i).format('m/d/Y');
			htmlheader += '<td valign="top"  class="x-calendar-weekv-header-days" dayval="' + validtd + '" id="' + this.calx.id + '-weekhdrday-' + (i + 1) + '">' + daylabel + '</td>';
		}
		htmlheader += '</tr></table></div></div>';
		return htmlheader;
	},
	genAlldayContainer: function(datestart) { // for google calendar style (container with task with +1 day long) 
		var htmlcontainer = '';
		htmlcontainer += '<div id="' + this.calx.id + '-alldaycontainer" class="allday-container">'; //to handle //0.0.6
		var taskstmp = this.getWeekTasks(this.datetohandle, 0);
		if (taskstmp.length == 0) {
			htmlcontainer += '&nbsp;';
		} else {
			if (taskstmp.length <= this.alldayTasksMaxView) {
				tasktoshow = taskstmp.length;
			} else {
				tasktoshow = this.alldayTasksMaxView;
			}
			for (var j = 0; j < tasktoshow; j++) {
				//sample 
				var fch_starts = new Date(taskstmp[j][this.calx.fieldsRefer.startdate]); //0.0.11
				var fch_ends = new Date(taskstmp[j][this.calx.fieldsRefer.enddate]); //0.0.11
				var datatip = {
					starxl: e2cs.cal_locale.task_qtip_starts,
					startval: fch_starts.format(this.task_format),
					endxl: e2cs.cal_locale.task_qtip_ends,
					endval: fch_ends.format(this.task_format),
					details: taskstmp[j][this.calx.fieldsRefer.description]
				}; //0.0.11	   
				var newqtip = this.calx.tplTaskTip.apply(datatip);
				//0.0.6 id on div 
				htmlcontainer += '<div id="' + this.calx.id + '-ecal-alldaytask-' + j + '" class="taskallday-taskbase"  style="background-color:' + taskstmp[j][this.calx.fieldsRefer.color] + '"'; //0.0.11
				htmlcontainer += 'ext:qtitle="' + taskstmp[j][this.calx.fieldsRefer.subject] + '" ext:qtip="' + newqtip + '"'; //0.0.11
				//changed on 0.0.4
				//changed on 0.0.11
				htmlcontainer += 'ec_id="' + taskstmp[j][this.calx.fieldsRefer.id] + '" ec_starts="' + taskstmp[j][this.calx.fieldsRefer.startdate] + '"'; //0.0.11
				htmlcontainer += 'ec_ends="' + taskstmp[j][this.calx.fieldsRefer.enddate] + '" ec_subject="' + taskstmp[j][this.calx.fieldsRefer.subject] + '"'; //0.0.11
				htmlcontainer += 'ec_cnt="' + taskstmp[j][this.calx.fieldsRefer.description] + '" ec_storeindex="' + j + '">' + taskstmp[j][this.calx.fieldsRefer.subject] + '</div>'; //0.0.11
				//to be processed in render function 
			}
		}
		htmlcontainer += '</div>';
		htmlcontainer += '<div id="' + this.calx.id + '-allday_w_task" class="allday_w_task">'; //0.0.6
		htmlcontainer += '<div id="' + this.calx.id + '-alldaygridbodylayout" class="alldaygridbody">';
		//htmlcontainer+='<table width="100%" border="0" cellpadding="0" cellspacing="1" bordercolor="#004E9B" bgcolor="#004E9B"><tr>';		
		htmlcontainer += '<table id="' + this.calx.id + '-tableallcontainer" width="100%" border="0" cellpadding="0" cellspacing="1" bordercolor="#004E9B" bgcolor="#004E9B"><tr>';
		htmlcontainer += '<td class="">&nbsp;</td>';
		for (var i = 0; i < 7; i++) {
			var daylabel = datestart.add(Date.DAY, i).format(this.dayformatLabel);
			var validtd = datestart.add(Date.DAY, i).format('m/d/Y');
			htmlcontainer += '<td valign="top"  class="x-calendar-weekv-header-days" dayval="' + validtd + '" id="' + this.calx.id + '-weekhdrday-' + (i + 1) + '">' + daylabel + '</td>';
			//htmlcontainer+='<td valign="top"  class="x-calendar-weekv-header-days" id="' + this.calx.id + '-weekhdrday-' + (i + 1) + '">' + daylabel + '</td>'; 
		}
		htmlcontainer += '</tr><tr><td width="50">';
		htmlcontainer += '<table width="50" border="0" align="center" cellpadding="0" cellspacing="0">';
		htmlcontainer += '<tr><td width="50" class="allday-marker" id="alldayrefer" >'; //to handle
		if (taskstmp.length) { // just to set the height for the tasks
			if (taskstmp.length <= this.alldayTasksMaxView) {
				tasktoshow = taskstmp.length;
			} else {
				tasktoshow = this.alldayTasksMaxView;
			}
			for (var i = 0; i < tasktoshow; i++) {
				htmlcontainer += '<div class="taskallday-layoutbase">&nbsp;</div>';
			}
		} else { // minimum if empty 
			htmlcontainer += '<div class="taskallday-layoutbase">&nbsp;</div>';
			htmlcontainer += '<div class="taskallday-layoutbase">&nbsp;</div>';
		}
		htmlcontainer += '</td></tr></table></td>';
		for (var i = 0; i < 7; i++) {
			todaytmp = new Date();
			gendatetd = datestart.add(Date.DAY, i);
			var daylabel = gendatetd.format(this.dayformatLabel);
			if (i == 0) {
				htmlcontainer += '<td width="14%" bgcolor="#FFFFFF" valign="top" class="weekstartday" id="' + this.calx.id + '-allday' + (i + 1) + '"><div>&nbsp;</div></td>';
			} else if (i == 6) {
				htmlcontainer += '<td width="14%" bgcolor="#FFFFFF" valign="top" class="weekendday"   id="' + this.calx.id + '-allday' + (i + 1) + '"><div>&nbsp;</div></td>';
			} else {
				htmlcontainer += ' <td width="14%" bgcolor="#FFFFFF" valign="top" class="weekmidday"  id="' + this.calx.id + '-allday' + (i + 1) + '"><div>&nbsp;</div></td>';
			}
		}
		htmlcontainer += '</tr></table></div></div>';
		htmlcontainer += '<div id="alldaylistbutton" class="x-calendar-weekv-header-alldaylist">'; //to handle
		htmlcontainer += e2cs.cal_locale.alldayTasksMaxLabel + ' </div>';
		return htmlcontainer;
	},
	genBody: function(datestart) {
		var dt = new Date(datestart);
		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);
		var dviewbody = '<div id="' + this.calx.id + '-weekbodydisplay" class="weekbodydisplay">'; //0.0.6
		//fix for IE6 and IE7
		var wtdisp = '';
		if (Ext.isIE || Ext.isIE6) {
			wtdisp = '97';
		} else {
			wtdisp = '100';
		}
		wtdisp = '100';
		//---------------------------------
		dviewbody += '<div id="' + this.calx.id + '-tableweek-layout">'; //0.0.6
		dviewbody += '<table id="' + this.calx.id + '-week-skeleton" width="' + wtdisp + '%" border="0" cellspacing="1" cellpadding="0">'; //0.0.6
		dviewbody += '<tr><td width="50"><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>'; 
			dviewbody += '<tr><td class="hour-marker"><span>' + inittime.add(Date.HOUR, (i)).format(this.hourFormat) + '</span>'; //0.0.7 
			dviewbody += '<span class="minute">' + inittime.add(Date.HOUR, (i)).format('i a') + '</span></td></tr>';
		}
		dviewbody += '</table></td>';
		for (var i = 0; i < 7; i++) {
			gendatetddiv = datestart.add(Date.DAY, i);
			if (i == 0) {
				dviewbody += '<td width="14%" valign="top" class="weekstartday" id="' + this.calx.id + '-wd' + (i + 1) + '">'; //0.0.6
			} else if (i == 6) {
				dviewbody += '<td width="14%" valign="top" class="weekendday" id="' + this.calx.id + '-wd' + (i + 1) + '">'; //0.0.6
			} else {
				dviewbody += '<td width="14%" valign="top" class="weekmidday" id="' + this.calx.id + '-wd' + (i + 1) + '">'; //0.0.6
			}
			var tdydate = new Date();
			if (gendatetddiv.format('m/d/Y') == tdydate.format('m/d/Y')) {
				dviewbody += '<div id="' + this.calx.id + '-day' + (i + 1) + '" iddate="' + gendatetddiv.format('m/d/Y') + '" class="currentday">'; //0.0.6 
			} else {
				dviewbody += '<div id="' + this.calx.id + '-day' + (i + 1) + '" iddate="' + gendatetddiv.format('m/d/Y') + '" class="basegridweek">'; //0.0.6
			}
			if (this.style == 'plain') {
				var tasksinday = this.getWeekTasks(gendatetddiv, 2);
			} else {
				var tasksinday = this.getWeekTasks(gendatetddiv, 1);
			}
			if (tasksinday.length == 0) {
				dviewbody += '<div id="containeronday" class="containeronday">';
				dviewbody += '&nbsp;';
				dviewbody += '</div>';
			} else {
				dviewbody += '<div id="containeronday" class="containeronday">';
				for (var j = 0; j < tasksinday.length; j++) {
					var fch_starts = new Date(tasksinday[j][this.calx.fieldsRefer.startdate]); //0.0.11
					var fch_ends = new Date(tasksinday[j][this.calx.fieldsRefer.enddate]); //0.0.11
					// creates the task html with properties on render function will be processed for drag drop and resizable 
					var qtiptext = '';
					if (this.task_showqtip) {
						// added on 0.0.4 
						var datatip = {
							starxl: e2cs.cal_locale.task_qtip_starts,
							startval: fch_starts.format(this.task_format),
							endxl: e2cs.cal_locale.task_qtip_ends,
							endval: fch_ends.format(this.task_format),
							details: tasksinday[j][this.calx.fieldsRefer.description]
						}; //0.0.11	   
						var newqtip = this.calx.tplTaskTip.apply(datatip);
						qtiptext = 'ext:qtitle="' + tasksinday[j][this.calx.fieldsRefer.subject] + '" ext:qtip="' + newqtip + '"'; //0.0.11	
					}
					var colorbackgr = '';
					if (tasksinday[j][this.calx.fieldsRefer.color]) { //0.0.11
						colorbackgr = tasksinday[j][this.calx.fieldsRefer.color]; //0.0.11
					} else {
						colorbackgr = this.task_bgcolor_base;
					}
					//					if (Ext.isOpera){
					//						dviewbody+='<div id="eventowner">'; 	
					//					} 
					// class="taskonday"
					dviewbody += '<div id="' + this.calx.id + '-ecal-daytask-' + this.taskelements + '" style="background-color:' + colorbackgr + '" '; //0.0.6
					//dviewbody+= '<div id="ecal-daytask-' + this.taskelements + '" style="background-color:' + colorbackgr +  '" ';  bug 0.0.4  					
					dviewbody += qtiptext;
					dviewbody += 'ec_id="' + tasksinday[j][this.calx.fieldsRefer.id] + '" ec_starts="' + tasksinday[j][this.calx.fieldsRefer.startdate] + '"'; //0.0.11
					dviewbody += 'ec_ends="' + tasksinday[j][this.calx.fieldsRefer.enddate] + '" ec_subject="' + tasksinday[j][this.calx.fieldsRefer.subject] + '"'; //0.0.11
					dviewbody += 'ec_cnt="' + tasksinday[j][this.calx.fieldsRefer.description] + '" ec_storeindex="' + j + '">' + tasksinday[j][this.calx.fieldsRefer.subject] + '</div>'; //0.0.11
					//sample : <div class="xxtarea" id="xxtarea2" style="background-color:#FF9999">Prueba de Tarea 2 chihuahuarifachido</div>
					//					if (Ext.isOpera){
					//						dviewbody+='</div>'; 
					//					} 
					this.taskelements += 1;
				}
				dviewbody += '</div>';
			}
			dviewbody += '</div></td>';
		}
		dviewbody += '</tr></table></div></div>';
		return dviewbody;
	}
});