Ext.onReady(function(){

	var store = new Ext.data.ArrayStore({
		fields: [
		         {name: 'destination'},
		         {name: 'airline'},
		         {name: 'flightName'},
		         {name: 'model'},
		         {name: 'itamiTime', type: 'date'},
		         {name: 'objectTime', type: 'date'},
		         {name: 'type'}
		         ],
		sortInfo: {
			field: 'itamiTime',
			direction: 'ASC'
		}
	});

	var grid = new Ext.grid.GridPanel({
		title: '時刻表',
		height: 320,
		width: 750,
		stripeRows: true,
		renderTo: 'grid-timetable',
		store: store,
		columns: [
		          new Ext.grid.RowNumberer(),
		          {
					header: '対象空港',
					sortable: true,
					dataIndex: 'destination'
		          },
		          {
					header: '航空会社',
					sortable: true,
					dataIndex: 'airline',
					renderer: function(v, params){
						var airlineColor = v;
						if (v == 'ANA') {
							airlineColor = '<span style="color: #003399;">' + v + '</span>';
						} else if (v == 'JAL') {
							airlineColor = '<span style="color: #cc0000;">' + v + '</span>';
						} else if (v == 'IBEX') {
							airlineColor = '<span style="color: #F552A8;">' + v + '</span>';
						} else {
							var codeShare = v.split('/');
							if (codeShare.length == 2) {
								if (codeShare[0] == 'IBEX' && codeShare[1] == 'ANA') {
									airlineColor = '<span style="color: #F552A8;">' + codeShare[0] + '</span>' + '/' + '<span style="color: #003399;">' + codeShare[1] + '</span>';
								}
							}
						}
						return airlineColor;
					}
		          },
		          {
					header: '便名',
					sortable: true,
					dataIndex: 'flightName'
		          },
		          {
					header: '機種',
					sortable: true,
					dataIndex: 'model'
		          },
		          {
					header: '伊丹空港時間',
					sortable: true,
					dataIndex: 'itamiTime',
					renderer: Ext.util.Format.dateRenderer('H:i')
		          },
		          {
					header: '対象空港時間',
					sortable: true,
					dataIndex: 'objectTime',
					renderer: Ext.util.Format.dateRenderer('H:i')
		          },
		          {
					header: '出発/到着種別',
					sortable: true,
					dataIndex: 'type'
		          }
		          ]
	});

	store.loadData(timeTableData);

});