/**
* @author cuong.tran
*@function  Event Calendar
*/
var mainWidth=765;
var mainMinHeight=807;
var oldFocusMember = document.getElementById("isloading"); if (isLoadingElement) { isLoadingElement.style.display = "none"; }
var DomainURL=document.getElementById('txtDomain').value;var myEventPrefix='event-';var Count=0;oldFocusMember=null;var myfooter=Ext.get('q');if(myfooter){mainMinHeight=myfooter.getY()-188;};var wrapHeight=Ext.isIE?(mainMinHeight-255):(mainMinHeight-237);var currentDate=new Date();EventViewPort=Ext.extend(Ext.DataView,{id:'myDataview',itemSelector:'dl',overClass:'over',loadingText:'Loading..',emptyText:'<p class="noevent">There is no event!</p>',tpl:new Ext.XTemplate('<div id="event_viewport">','<tpl for=".">','<div id="div_{id}"><a id="'+myEventPrefix+'{id}"></a><h2><div>{ti}</div></h2>','<tpl for="ev">','<dl class="{ty}" ext:url="{url}">','<div class="top">','<dd class="info">','<b> </b><br/>','<b>Start: </b> {st}<br/>','<b>Duration: </b> {du}<br/>','<b>Cost: </b><br/><span class="cost">&nbsp;&nbsp;{me}</span><br/>','</dd>','<dd style="float: left;width: 65%; _width: 66%;">','<h4>{he}</h4><p>{su}</p>','</dd>','</div>','<div class="bottom">','<b>Event Contact: </b> {ec}','</div>','<div class="bottom">','<b>Address: </b> {ad}','</div>','</dl>','</tpl>','</div>','<div style="clear:left"></div>','</tpl>','</div><div style="width:90%;height:'+wrapHeight+'px;"></div>','</div>'),onClick:function(e){var group=e.getTarget('h2',3,true);if(group){group.up('div').toggleClass('collapsed');}else{var t=e.getTarget('dl',5,true);if(t&& !e.getTarget('a',2)){var url=t.getAttributeNS('ext','url');window.open(url);}}return EventViewPort.superclass.onClick.apply(this,arguments);}});var myStore=new Ext.data.GroupingStore({idProperty:'id',proxy:new Ext.data.HttpProxy({url:DomainURL+'/EventCalendar/Data_Handler.aspx'}),reader:new Ext.data.JsonReader({root:'results',totalProperty:'totalCount',fields:['id','ti','ev']}),listeners:{datachanged:function(e){try{var currentEnabledDays="";Count=myStore.getCount();if(Count>0){var myDatePicker=Ext.getCmp('event_date');for(var i=0;i<Count;i++){currentEnabledDays+='"'+myStore.getAt(i).data.ev[0].da+'",';}currentEnabledDays="["+currentEnabledDays.substr(0,currentEnabledDays.length-1)+"]";eval("myDatePicker.setEnabledDays("+currentEnabledDays+")");}}catch(e){}}}});Ext.EventManager.on(window,'load',function(){var EventDatePicker=new Ext.DatePicker({id:'event_date',disabledAllDate:true,border:false,listeners:{select:function(picker,date){scrollToMember(date);},selectchange:function(picker,date){var myDatePicker=Ext.getCmp('event_date');if(currentDate.format('mY')!=date.format('mY')){currentDate=date;myDatePicker.setValue(date);var monthName=document.getElementById('monthName');if(monthName){monthName.innerHTML='Event in '+date.format('F Y')}myStore.load({params:{action:'getEvent',selectedday:date.format('m/d/Y'),start:0,limit:99}});}}}});function scrollToMember(member){try{ct=Ext.get(Ext.get('myDataview').dom.parentNode.id);if(ct){member=member.format('m/d/Y');if(oldFocusMember!=member){oldFocusMember=member;var el=Ext.getDom(myEventPrefix+member);var top=el.offsetTop-3;var el1=Ext.getDom(el.parentNode.id);ct.scrollTo('top',top,{duration:.2,callback:function(){Ext.fly(el1).pause(.2).highlight('#DFECFB',{attr:'background-color'});}});}}}catch(e){}};myStore.load({params:{action:'getEvent',selectedday:new Date().format('m/d/Y'),start:0,limit:99}});var myViewPort=new Ext.Panel({id:'main-viewport',layout:'border',width:mainWidth,renderTo:'myEventCalendar',items:[{id:'mainview',region:'west',collapsible:true,border:false,title:'Calendar',width:180,split:true,items:[EventDatePicker,{border:false,autoHeight:true}]},{region:'center',layout:'border',items:[{region:'north',border:false,html:'<h1 id="monthName" class="x-panel-header">'+'Event in '+new Date().format('F Y')+'</h1>',border:false,margins:'0 0 5 0'},{id:'event_viewarea',region:'center',border:false,items:new EventViewPort({store:myStore})}]}]});var mainHeight=Ext.lib.Dom.getViewHeight()-208;if(mainHeight<mainMinHeight){mainHeight=mainMinHeight;}myViewPort.setHeight(mainHeight);if(window.console&&window.console.firebug){}});setTimeout(function(){try{ct=Ext.get(Ext.get('myDataview').dom.parentNode.id);ct.dom.style.overflowY='auto';ct.dom.onscroll=function(){oldFocusMember='';}}catch(e){}},1000);