galeria = function(){
	
	var elLayout = Ext.DomHelper.append(document.body, {
		tag: "div", 
		id: "galeria"
	}, true);
	
	var layout = new Ext.BorderLayout(elLayout, {
		monitorWindowResize: true,
		center: { autoScroll: true }
	});	
	
	var panelCenter = layout.add("center", new Ext.ContentPanel({
		autoCreate: true
	}));
	
/*	var templatePanelCenter = new Ext.Template(
		'<table background="images/fondomed2.jpg" cellpadding="0" cellspacing="0" style="width:100%; height:100%; vertical-align:center; background-image:url(images/background.png);"><tbody>',
			'<tr align="center">',
				'<td valign="center">',
					'<img src="images/{imagen}">',
				'</td>',
			'</tr>',
		'</tbody></table>'
	);*/
	
	var templatePanelCenter = new Ext.Template(
		'<table cellpadding="0" cellspacing="0" background="images/fondomed2.jpg" style="width:100%; height:100%;"><tbody>',
			'<tr align="center" >',
				'<td>',
					'<img src="images/{imagen}">',
				'</td>',
			'</tr>',
		'</tbody></table>'
	);
	
	this.template = templatePanelCenter;
	this.panelCenter = panelCenter;
	galeria.superclass.constructor.call(this, layout, {
		title: "Galerķa de fotos",
		autoCreate: true
	});
	
	var delay = new Ext.util.DelayedTask(this.cargar, this);
	delay.delay(9000);
	this.delay = delay;
};

Ext.extend(galeria, Ext.NestedLayoutPanel, {
		   
	ventanas: [],
	imagenes: ["00.jpg", "01.jpg", "02.jpg", "03.jpg", "04.jpg", "05.jpg", "06.jpg", "07.jpg", "08.jpg", "09.jpg", "10.jpg", "11.jpg", "12.jpg", "13.jpg", "14.jpg", "15.jpg", "16.jpg", "17.jpg", "18.jpg", "19.jpg"],
	img: null,

	cargar: function(){
		if(this.imagenes.length > 0){
			var indice = Math.round(Math.random() * (this.imagenes.length));
			if(this.imagenes[indice]){
				this.template.overwrite(this.panelCenter.getEl(), {
					imagen: this.imagenes[indice]										   
				});				
			};
			this.delay.delay(9000);
		};	
	}   
});