/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
var MX_CALENDAR = Ext.extend(Ext.util.Observable, {
    constructor: function(config){
        this.addEvents('finished'); // specify the events we're going to fire
        MX_CALENDAR.constructor.call(this, config);
    },
	
    create: function(pid, value){
		var inner = '';
		var min = '';
		var max = '';
		var begin = '';
		var end = '';
		if (value.length > 0){
			var items = value.split('<+++>');
			inner += '<div class="mt_detail_mx_calendar_top"></div>';

			inner += '<div class="mt_detail_mx_calendar_title">';
				inner += items[0];
			inner += '</div>';
			
			inner += '<div class="mt_detail_mx_calendar_value">';
			var i = 4;
			while (i < items.length-1){
				s = items[i].split('|',3);
				inner += '<div class="mt_detail_mx_calendar_item">';
					if (s[1] != s[2]){
						inner += '<div class="mt_detail_mx_calendar_item_bl">';
							inner += items[1];
						inner += '</div>';
						
						inner += '<div class="mt_detail_mx_calendar_item_begin">';
							var db = s[1].split('/',3);
							inner += db[0]+' '+intToMonth(db[1]);
						inner += '</div>';
						
						inner += '<div class="mt_detail_mx_calendar_item_el">';
							inner += items[2];
						inner += '</div>';
						
						inner += '<div class="mt_detail_mx_calendar_item_end">';
							var de = s[2].split('/',3);
							inner += de[0]+' '+intToMonth(de[1]);
						inner += '</div>';
					}
					else{
						inner += '<div class="mt_detail_mx_calendar_item_ml">';
							inner += items[3];
						inner += '</div>';
						
						inner += '<div class="mt_detail_mx_calendar_item_middle">';
							inner += s[1];
						inner += '</div>';
					}
				inner += '</div>';
				i++;
			}
			inner += '</div>';
			
			inner += '<div class="mt_detail_mx_calendar_desc">';
				inner += items[items.length-1];
			inner += '</div>';
			inner += '<div class="mt_detail_mx_calendar_btm"></div>';
		}
		
		this.panel = new Ext.Panel({ 
			id: 'mt_detail_mx_calendar',
			hideLabel: true,
			layout:'form',
			width:'auto',
			html: inner,
			mobiClass: 'MX_CALENDAR'
		});
		
		this.fireEvent('finished', this.panel);
	}	
});