Ext.ns('gestorweb');  
gestorweb.aplicacion = {
	coleccion:new Ext.util.MixedCollection(),
	init: function(){
		Ext.QuickTips.init();
		this.panelmenu = new Ext.Panel({
    height:0,
	tbar: [{
		text: 'Salir',
		iconCls: 'session_close',
		handler:function(){
			Ext.Ajax.request({
					url: "<?php echo(site_url('ruta'));?>",
					method:"POST",
					success:function(){
				 	document.location.href="<?php echo(site_url('ruta'));?>";
					
				 }
			});
		}
	}, '-', {
		text:'Gestión usuarios',
		iconCls:'user_manager',
		scope:this,
		handler:	this.cargar_contenido('ges_users')
	
	}]
});
this.panelmenus = new Ext.Panel({
	title: "Gestor web",
	region: "north",
	height: 54,
	tbar: panelmenu
});
this.panelcontenidos = new Ext.Panel({
	title: "Contenidos"	,
	id:"contenidos",
	frame:false,
	layout:'fit'
});
this.general = new Ext.Viewport({
	layout: 'border',
	loadMask: true,
	id: 'layout-browser',
	items: [panelmenus, {
		title: "Detalles",
		id: "detalles-panel",
		region: 'west',
		collapsible: true,
		width: 200,
		minSize: 100,
		maxSize: 350,
		margins: '0 0 0 0',
		cmargins: '0 0 0 0',
		bodyStyle: 'padding:5px;',
		split: true
	}, {
		region: 'center',
		id:'regioncentro',
		autoscroll: true,
		margins: '0 0 0 0',
		cmargins: '0 0 0 0',
		layout:'anchor',
		items: [panelcontenidos]
	}]
});
	},
	cargar_contenido:function(){
		console.debug('dentro');
		if (typeof(this.coleccion.get(arguments[0]))=="undefined"){
			if (typeof(arguments[1])!="undefined") {
				this.cargar_js_css.load(arguments[1]);
			}
		 	Ext.get("oculto").load({
		 		url: '<?php echo(site_url("admin"));?>/' + arguments[0],
				scripts:true		
			});
		}
		else{
			switch(this.coleccion.item(arguments[0]).getXType()){
				case 'window':
					this.coleccion.item(arguments[0]).show();
					break;
			}
			
		}
	},
	cargar_js_css:function(){
		var loadComponent=function(component,name, callback){				
	        var fileType = component.substring(component.lastIndexOf('.'));					
	        var head = document.getElementsByTagName("head")[0];
	        var done = false;
	        if (fileType === ".js") {
				fileRef=Ext.getBody().createChild({
				    tag: 'script',
				    type: 'text/javascript',
				    src: "<?php echo(base_url());?>ext/ux/" + component // The url!
				}, null, true);
	            fileRef.onload = fileRef.onreadystatechange = function(){
	                if (!done) {						
	                    done = true;
	                    if(typeof callback == "function"){
	                        callback();
	                    };						
	                    //head.removeChild(fileRef);
	                }
	            };
	        } else if (fileType === ".css") {
				fileRef=Ext.getBody().createChild({
				    tag: 'link',
					rel:'stylesheet',
				    type: 'text/css',					
				    src: "<?php echo(base_url());?>ext/ux/" + component // The url!
				}, null, true);
	        }		
	        if (typeof fileRef != "undefined") {				
	            head.appendChild(fileRef);
				gestorweb.aplicacion.coleccion.add(name,fileRef)
	        }
    	};
		return{
			load:function(components,callback){
	                Ext.each(components, function(component){						
						var fileName=component.substr(0,component.lastIndexOf('.'));
						var el=typeof(gestorweb.aplicacion.coleccion.get(fileName));
						if (el.toString()=="undefined") {														
							loadComponent(component, fileName,callback);							
						}
    				});
			 }
		 };
		   
        }()
} 
Ext.onReady(gestorweb.aplicacion.init,gestorweb.aplicacion);