programa = function(){
	
	var elLayout = Ext.DomHelper.append(document.body, {
		tag: "div"
	}, true);
	
	var layout = new Ext.BorderLayout(elLayout, {
		monitorWindowResize: true,
		center: {
			tabPosition: "top",
			alwaysShowTabs: true
		}
	});	
		
	layout.add("center", new Ext.NestedLayoutPanel(this.crearLayoutDia(), {
		autoCreate: true,
		title: "Día 1"
	}));
	
	layout.add("center", new Ext.NestedLayoutPanel(this.crearLayoutDia(), {
		autoCreate: true,
		title: "Día 2"
	}));
	
	layout.add("center", new Ext.NestedLayoutPanel(this.crearLayoutDia(), {
		autoCreate: true,
		title: "Día 3"
	}));
	
	layout.add("center", new Ext.NestedLayoutPanel(this.crearLayoutDia(), {
		autoCreate: true,
		title: "Día 4"
	}));
	
	layout.add("center", new Ext.NestedLayoutPanel(this.crearLayoutDia(), {
		autoCreate: true,
		title: "Día 5"
	}));
	
	layout.add("center", new Ext.NestedLayoutPanel(this.crearLayoutDia(), {
		autoCreate: true,
		title: "Día 6"
	}));
	
	layout.add("center", new Ext.NestedLayoutPanel(this.crearLayoutDia(), {
		autoCreate: true,
		title: "Día 7"
	}));
	
	this.cargarStores();
	
	programa.superclass.constructor.call(this, layout, {
		title: "Programa",
		autoCreate: true
	});
	
};

Ext.extend(programa, Ext.NestedLayoutPanel, {
		   
	ventanas: [],
	storesActividad: [],
	storesFoto: [],
	
	crearLayoutDia: function(){
		
		var elLayoutDia = Ext.DomHelper.append(document.body, {
			tag: "div"
		}, true);
		
		var elGrid = Ext.DomHelper.append(elLayoutDia, {
			tag: "div"
		}, true);
		
		var layoutDia = new Ext.BorderLayout(elLayoutDia, {
			monitorWindowResize: true,
			center: {
				initialSize: 400,
				titlebar: true
			},
			east: {
				initialSize: 200,
				//collapsible: true,
				titlebar: true
			},
			south: {
				initialSize: 151,
				collapsible: true,
				titlebar: true,
				autoScroll: true
			}
		});	
		
		var storeActividad = new Ext.data.Store({
			reader: new Ext.data.JsonReader({
				root: "actividades", 
				fields: [
					{name: "actividad", type: "string"}, 
					{name: "hora", type: "string"},
					{name: "lugar", type: "string"},
					{name: "enfasis", type: "string"}
				]
			})
		});
		
		this.storesActividad[this.storesActividad.length] = storeActividad;
		
		var columnModel = new Ext.grid.ColumnModel([
			{header: "Actividad", dataIndex: "actividad"},
			{header: "Hora", dataIndex: "hora"},
			{header: "Lugar", dataIndex: "lugar"},
			{header: "Énfasis", dataIndex: "enfasis"}
		]);
		
		var grid = new Ext.grid.Grid(elGrid, {
			ds: storeActividad,
			cm: columnModel
		});
		
		grid.render();
		
		var panelCenterLayoutDia = layoutDia.add("center", new Ext.GridPanel(grid, {
			autoCreate: true,
			fitToFrame: true,
			fitContainer: true,
			title: "Horario de actividades"
		}));
		
		var panelEastLayoutDia = layoutDia.add("east", new Ext.ContentPanel({
			autoCreate: true,
			fitToFrame: true,
			fitContainer: true,
			title: "Información de hoy"
		}));
		
		var templatePanelEastLayoutDia = new Ext.Template(
			'<table>',
				'<tbody>',
					'<tr align="left">',
						'<td style="height:100%; border:0px; padding:8px;">',
							'Día ',
							'<font size=4><b><font color="000066">NOMBRE</font></b></font>',
							'<hr width="90%" align=left size=1 color="#C3DAF9"><br>',
						'</td>',
					'<tr>',
				'</tbody>',
			'</table>'
		);
		
		templatePanelEastLayoutDia.overwrite(panelEastLayoutDia.getEl());
		
		var panelSouthLayoutDia = layoutDia.add("south", new Ext.ContentPanel({
			autoCreate: true,
			fitToFrame: true,
			fitContainer: true,
			title: "Fotos"
		}));
		
		var storeFoto = new Ext.data.Store({
			reader: new Ext.data.JsonReader({
				root: "fotos", 
				fields: [
					{name: "foto", type: "string"}
				]
			})
		});		
		
		this.storesFoto[this.storesFoto.length] = storeFoto;
		
		var templateFoto = new Ext.Template(
			'<div class="thumb-wrap">',
			'<div class="thumb"><img src="{foto}"></div>',
			'</div>'
		);
		
		templateFoto.compile();	
		
		var elViewFotos = Ext.DomHelper.append(panelSouthLayoutDia.getEl(), {
			tag: "div",
			"class": "ychooser-view"
		}, true);
		
		var viewFotos = new Ext.View(elViewFotos, templateFoto , {
			store: storeFoto,
			singleSelect: true
		});

		return layoutDia;
		
	},
	
	cargarStores: function(){
	
		// dia 1
		this.storesActividad[0].loadData({
			actividades: [
				{actividad: "Recepción", hora: "-", lugar: "x", enfasis: "x"},
				{actividad: "Almuerzo", hora: "13:30", lugar: "x", enfasis: "x"},
				{actividad: "Integración", hora: "15:00", lugar: "x", enfasis: "x"},
				{actividad: "Duchas", hora: "19:00", lugar: "x", enfasis: "x"},
				{actividad: "Cena", hora: "20:00", lugar: "x", enfasis: "x"},
				{actividad: "Culto de apertura", hora: "21:00", lugar: "x", enfasis: "x"},
				{actividad: "Dormir", hora: "00:00", lugar: "x", enfasis: "x"}
			]								  
		}, true);
		
		this.storesFoto[0].loadData({
			fotos: [
				{foto: "images/prog/1/inscripcion.jpg"},
				{foto: "images/prog/1/almuerzo.jpg"},
				{foto: "images/prog/1/games.jpg"},
				{foto: "images/prog/1/duchas.jpg"},
				{foto: "images/prog/1/cena.jpg"},
				{foto: "images/prog/1/culto.jpg"},
				{foto: "images/prog/1/dormir.jpg"}
			]								  
		}, true);
		
		// dia 2
		this.storesActividad[1].loadData({
			actividades: [
				{actividad: "Tiempo a solas", hora: "08:00", lugar: "x", enfasis: "x"},
				{actividad: "Desayuno", hora: "08:30", lugar: "x", enfasis: "x"},
				{actividad: "Devocional", hora: "09:30", lugar: "x", enfasis: "x"},
				{actividad: "Plenario", hora: "10:00", lugar: "x", enfasis: "x"},
				{actividad: "Refrigerio", hora: "11:30", lugar: "x", enfasis: "x"},
				{actividad: "Taller", hora: "12:00", lugar: "x", enfasis: "x"},
				{actividad: "Almuerzo", hora: "13:30", lugar: "x", enfasis: "x"},
				{actividad: "Traslado", hora: "14:30", lugar: "x", enfasis: "x"},
				{actividad: "Trabajo del día", hora: "15:00", lugar: "x", enfasis: "x"},
				{actividad: "Duchas", hora: "19:00", lugar: "x", enfasis: "x"},
				{actividad: "Cena", hora: "20:00", lugar: "x", enfasis: "x"},
				{actividad: "Culto misionero", hora: "21:00", lugar: "x", enfasis: "x"},
				{actividad: "Dormir", hora: "23:00", lugar: "x", enfasis: "x"}
			]								  
		}, true);
		
		this.storesFoto[1].loadData({
			fotos: [
				{foto: "images/prog/2/orar.jpg"},
				{foto: "images/prog/2/desayuno.jpg"},
				{foto: "images/prog/2/devocional.jpg"},
				{foto: "images/prog/2/plenarias.jpg"},
				{foto: "images/prog/2/refrigerio.jpg"},
				{foto: "images/prog/2/talleres.jpg"},
				{foto: "images/prog/2/almuerzo.jpg"},
				{foto: "images/prog/2/traslado.jpg"},
				{foto: "images/prog/2/trabajo.jpg"},
				{foto: "images/prog/2/duchas.jpg"},
				{foto: "images/prog/2/cena.jpg"},
				{foto: "images/prog/2/culto.jpg"},
				{foto: "images/prog/2/dormir.jpg"}
			]								  
		}, true);
		
		// dia 3
		this.storesActividad[2].loadData({
			actividades: [
				{actividad: "Tiempo a solas", hora: "08:00", lugar: "x", enfasis: "x"},
				{actividad: "Desayuno", hora: "08:30", lugar: "x", enfasis: "x"},
				{actividad: "Devocional", hora: "09:30", lugar: "x", enfasis: "x"},
				{actividad: "Plenario", hora: "10:00", lugar: "x", enfasis: "x"},
				{actividad: "Refrigerio", hora: "11:30", lugar: "x", enfasis: "x"},
				{actividad: "Taller", hora: "12:00", lugar: "x", enfasis: "x"},
				{actividad: "Almuerzo", hora: "13:30", lugar: "x", enfasis: "x"},
				{actividad: "Traslado", hora: "14:30", lugar: "x", enfasis: "x"},
				{actividad: "Trabajo del día", hora: "15:00", lugar: "x", enfasis: "x"},
				{actividad: "Duchas", hora: "19:00", lugar: "x", enfasis: "x"},
				{actividad: "Cena", hora: "20:00", lugar: "x", enfasis: "x"},
				{actividad: "Noche de estrellas", hora: "21:00", lugar: "x", enfasis: "x"},
				{actividad: "Dormir", hora: "23:00", lugar: "x", enfasis: "x"}
			]								  
		}, true);
		
		this.storesFoto[2].loadData({
			fotos: [
				{foto: "images/prog/3/solas.jpg"},
				{foto: "images/prog/3/desayuno.jpg"},
				{foto: "images/prog/3/devocional.jpg"},
				{foto: "images/prog/3/plenarias.jpg"},
				{foto: "images/prog/3/refrigerio.jpg"},
				{foto: "images/prog/3/talleres.jpg"},
				{foto: "images/prog/3/lunch.jpg"},
				{foto: "images/prog/3/traslado.jpg"},
				{foto: "images/prog/3/trabajo.jpg"},
				{foto: "images/prog/3/duchas.jpg"},
				{foto: "images/prog/3/cena.jpg"},
				{foto: "images/prog/3/noche de estrellas.jpg"},
				{foto: "images/prog/3/dormir.jpg"}
			]								  
		}, true);
		
		// dia 4
		this.storesActividad[3].loadData({
			actividades: [
				{actividad: "Tiempo a solas", hora: "08:00", lugar: "x", enfasis: "x"},
				{actividad: "Desayuno", hora: "08:30", lugar: "x", enfasis: "x"},
				{actividad: "Devocional", hora: "09:30", lugar: "x", enfasis: "x"},
				{actividad: "Plenario", hora: "10:00", lugar: "x", enfasis: "x"},
				{actividad: "Refrigerio", hora: "11:30", lugar: "x", enfasis: "x"},
				{actividad: "Taller", hora: "12:00", lugar: "x", enfasis: "x"},
				{actividad: "Almuerzo", hora: "13:30", lugar: "x", enfasis: "x"},
				{actividad: "Traslado", hora: "14:30", lugar: "x", enfasis: "x"},
				{actividad: "Trabajo del día", hora: "15:00", lugar: "x", enfasis: "x"},
				{actividad: "Duchas", hora: "19:00", lugar: "x", enfasis: "x"},
				{actividad: "Cena", hora: "20:00", lugar: "x", enfasis: "x"},
				{actividad: "Culto", hora: "21:00", lugar: "x", enfasis: "x"},
				{actividad: "Dormir", hora: "23:00", lugar: "x", enfasis: "x"}
			]								  
		}, true);
		
		this.storesFoto[3].loadData({
			fotos: [
				{foto: "images/prog/4/solas.jpg"},
				{foto: "images/prog/4/desayuno.jpg"},
				{foto: "images/prog/4/devocional.jpg"},
				{foto: "images/prog/4/plenarias.jpg"},
				{foto: "images/prog/4/refrigerio.jpg"},
				{foto: "images/prog/4/talleres.jpg"},
				{foto: "images/prog/4/almuerzo.jpg"},
				{foto: "images/prog/4/traslado.jpg"},
				{foto: "images/prog/4/trabajo.jpg"},
				{foto: "images/prog/4/duchas.jpg"},
				{foto: "images/prog/4/cena.jpg"},
				{foto: "images/prog/4/culto.jpg"},
				{foto: "images/prog/4/dormir.jpg"}
			]								  
		}, true);
		
		// dia 5
		this.storesActividad[4].loadData({
			actividades: [
				{actividad: "Tiempo a solas", hora: "07:30", lugar: "x", enfasis: "x"},
				{actividad: "Desayuno", hora: "08:00", lugar: "x", enfasis: "x"},
				{actividad: "Devocional", hora: "09:00", lugar: "x", enfasis: "x"},
				{actividad: "Salida paseo", hora: "09:30", lugar: "x", enfasis: "x"},
				{actividad: "Almuerzo", hora: "13:30", lugar: "x", enfasis: "x"},
				{actividad: "Regreso a Valdivia", hora: "18:00", lugar: "x", enfasis: "x"},
				{actividad: "Duchas", hora: "19:00", lugar: "x", enfasis: "x"},
				{actividad: "Cena", hora: "20:00", lugar: "x", enfasis: "x"},
				{actividad: "Café concert", hora: "21:00", lugar: "x", enfasis: "x"},
				{actividad: "Dormir", hora: "23:00", lugar: "x", enfasis: "x"}
			]								  
		}, true);
		
		this.storesFoto[4].loadData({
			fotos: [
				{foto: "images/prog/5/solas.jpg"},
				{foto: "images/prog/5/desayuno.jpg"},
				{foto: "images/prog/5/devocional.jpg"},
				{foto: "images/prog/5/paseo.jpg"},
				{foto: "images/prog/5/almuerzo.jpg"},
				{foto: "images/prog/5/traslado.jpg"},
				{foto: "images/prog/5/duchas.jpg"},
				{foto: "images/prog/5/cena.jpg"},
				{foto: "images/prog/5/cafe concert.jpg"},
				{foto: "images/prog/5/dormir.jpg"}
			]								  
		}, true);
		
		// dia 6
		this.storesActividad[5].loadData({
			actividades: [
				{actividad: "Tiempo a solas", hora: "07:30", lugar: "x", enfasis: "x"},
				{actividad: "Desayuno", hora: "08:00", lugar: "x", enfasis: "x"},
				{actividad: "Devocional", hora: "09:00", lugar: "x", enfasis: "x"},
				{actividad: "Preparación del impacto", hora: "10:30", lugar: "x", enfasis: "Evangelismo"},
				{actividad: "Almuerzo", hora: "13:30", lugar: "x", enfasis: "x"},
				{actividad: "Invitaciones en la calle", hora: "14:30", lugar: "x", enfasis: "x"},
				{actividad: "Cena", hora: "19:00", lugar: "x", enfasis: "x"},
				{actividad: "Impacto", hora: "20:30", lugar: "x", enfasis: "x"},
				{actividad: "Regreso", hora: "23:00", lugar: "x", enfasis: "x"},
				{actividad: "Dormir", hora: "00:00", lugar: "x", enfasis: "x"}
			]								  
		}, true);
		
		this.storesFoto[5].loadData({
			fotos: [
				{foto: "images/prog/6/solas.jpg"},
				{foto: "images/prog/6/desayuno.jpg"},
				{foto: "images/prog/6/devocional.jpg"},
				{foto: "images/prog/6/preparacion.jpg"},
				{foto: "images/prog/6/almuerzo.jpg"},
				{foto: "images/prog/6/invitaciones.jpg"},
				{foto: "images/prog/6/cena.jpg"},
				{foto: "images/prog/6/impacto.jpg"},
				{foto: "images/prog/6/traslado.jpg"},
				{foto: "images/prog/6/dormir.jpg"}
			]								  
		}, true);
		
		// dia 7
		this.storesActividad[6].loadData({
			actividades: [
				{actividad: "Tiempo a solas", hora: "08:00", lugar: "x", enfasis: "x"},
				{actividad: "Desayuno", hora: "08:·0", lugar: "x", enfasis: "x"},
				{actividad: "Devocional", hora: "09:30", lugar: "x", enfasis: "x"},
				{actividad: "Aseo y orden", hora: "10:0", lugar: "x", enfasis: "x"},
				{actividad: "Evaluación", hora: "11:30", lugar: "x", enfasis: "x"},
				{actividad: "Culto de clausura", hora: "12:30", lugar: "x", enfasis: "x"},
				{actividad: "Almuerzo", hora: "14:00", lugar: "x", enfasis: "x"},
				{actividad: "Regreso", hora: "15:30", lugar: "x", enfasis: "x"}
			]								  
		}, true);
		
		this.storesFoto[6].loadData({
			fotos: [
				{foto: "images/prog/7/solas.jpg"},
				{foto: "images/prog/7/desayuno.jpg"},
				{foto: "images/prog/7/devocional.jpg"},
				{foto: "images/prog/7/aseo.jpg"},
				{foto: "images/prog/7/evaluacion.jpg"},
				{foto: "images/prog/7/culto.jpg"},
				{foto: "images/prog/7/almuerzo.jpg"},
				{foto: "images/prog/7/regreso.jpg"}
			]								  
		}, true);
		
	}
	
});