function component_EventIndexCalendar(auto_id)
{
	this.DOMConstruct('EventIndexCalendar', auto_id);
	
	var handler = this;
	
	this.references = [];
	
	this.delegates = {
	};
}

component_EventIndexCalendar.prototype =
	new SK_ComponentHandler({
		
		construct : function(){
			var handler = this;

			this.$('#events a').bind( 'click', function(){
				var handler2 = handler;										
				
				handler.$('#events').addClass('active');
				handler.$('#events a').addClass('active');				
				handler.$('#calendar').removeClass('active');
				handler.$('#calendar a').removeClass('active');
				
				handler.$('#screen').hide( 500, 
					function(){
						handler2.$('#calendar_cont').appendTo( handler2.$('#store') );
						handler2.$('#screen').empty().append( handler2.$('#list_cont') ).show(500);
					} );										
			} );
			
			this.$('#calendar a').bind( 'click', function(){
				var handler2 = handler;										
				
				handler.$('#events').removeClass('active');
				handler.$('#events a').removeClass('active');				
				handler.$('#calendar').addClass('active');
				handler.$('#calendar a').addClass('active');
				
				handler.$('#screen').hide( 500, 
					function(){
						handler2.$('#list_cont').appendTo( handler2.$('#store') );
						handler2.$('#screen').empty().append( handler2.$('#calendar_cont') ).show(500);
					} );										
			} );
			
		}
		
		
	});