/*!
 * Ext JS Library 3.3.1
 * Copyright(c) 2006-2010 Sencha Inc.
 * licensing@sencha.com
 * http://www.sencha.com/license
 */
/*
 * This is the view used internally by the panel that displays overflow events in the
 * month view. Anytime a day cell cannot display all of its events, it automatically displays
 * a link at the bottom to view all events for that day. When clicked, a panel pops up that
 * uses this view to display the events for that day.
 */
Ext.calendar.MonthDayDetailView = Ext.extend(Ext.BoxComponent, {
    initComponent: function() {
        Ext.calendar.CalendarView.superclass.initComponent.call(this);
        this.addEvents({
            eventsrendered: true
        });
        if (!this.el) {
            this.el = document.createElement('div');
        }
    },
    afterRender: function() {
        this.tpl = this.getTemplate();
        Ext.calendar.MonthDayDetailView.superclass.afterRender.call(this);
        this.el.on({
            'click': this.view.onClick,
            'mouseover': this.view.onMouseOver,
            'mouseout': this.view.onMouseOut,
            scope: this.view
        });
    },
    getTemplate: function() {
        if (!this.tpl) {
            this.tpl = new Ext.XTemplate(
            '',
            '
',
            '',
            '',
            '| {markup} | 
',
            '',
            '',
            '
',
            '