var centro;
var viewport;

Ext.onReady(function(){
	
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
	Ext.override(Ext.form.DateField, {startDay: 1});
	Ext.MessageBox.buttonText.yes = "Sí";
    
    viewport = new Ext.Viewport({
        layout:'border',
        items:[
            new Ext.BoxComponent({
                region:'north',
                id:'north-panel',
                height:70,
                html:'<div id="cabecera"><object style="left:10px;" type="application/x-shockwave-flash" data="../html/imagenes/cabecera.swf" width="435" height="68"><param name="movie" value="../html/imagenes/cabecera.swf"/><param name="quality" value="high"/><param name="wmode" value="transparent" /><embed src="../html/imagenes/cabecera.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="435" height="68"></embed></object></div><div class="menu_sup"><table><tr><td><table><tr><td><a href="http://itunes.apple.com/es/app/farma-castellon/id425680816?mt=8" target="_blank"><img src="../html/imagenes/banneriphone.png"/></a></td><td><table><tr><td><a href="#" onclick="enlaza_frame_tab(\'../../privada/jsp/mapas/maps.jsp?tipo=fgu\',\'farmacias de guardia\');"><img src="../html/imagenes/farmacias.png"/></a></td></tr></table></td><td><table><tr><td id="menu_superior2"></td><td id="menu_superior1"></td></tr><tr><td id="menu_superior3"></td><td id="menu_superior4"></td></tr></table></td></tr></table></div>'
            }),{
                region:'south',
                id:'south-panel',
                split:true,
                height:30,
                minSize:30,
                maxSize:30,
                margins:'0 0 0 0',
            	html:'<div align="center" class="pie">&copy;Copyright&nbsp;2006,&nbsp;Colegio&nbsp;Oficial&nbsp;de&nbsp;Farmace&uacute;ticos&nbsp;de&nbsp;Castell&oacute;n - <a id="politica" href="#" onclick="politica_privacidad();"> Pol&iacute;tica de privacidad</a><br>C/&nbsp;Ebanista&nbsp;Herv&aacute;s,&nbsp;51-&nbsp;12004&nbsp;(Castell&oacute;n)&nbsp;-&nbsp;Tel&eacute;fono:&nbsp;964&nbsp;23&nbsp;64&nbsp;70&nbsp;Fax:&nbsp;964&nbsp;22&nbsp;31&nbsp;94</div>'
            },{
                region:'east',
                id:'east-panel',
                title:'Menu servicios',
                collapsible: true,
                split:true,
                html:'<div><a href="http://www.halconviajes.com/" target="_blank"><img src="../html/imagenes/halcon.png"/></a><br/><a href="http://www.sigre.es/" target="_blank"><object width="140" height="80" data="../html/imagenes/sigre_buena.swf" type="application/x-shockwave-flash"><param value="../html/imagenes/sigre_buena.swf" name="movie"/><param value="high" name="quality"/></object></a><a href="http://www.boe.es/g/es/" target="_blank"><img width="132" height="49" src="../html/imagenes/boe.gif"/></a><a href="http://www.docv.gva.es/portal/" target="_blank"><img width="140" height="31" src="../html/imagenes/dovg.gif"/></a><br/><a href="http://www.amaseguros.com"  target="_blank"><img width="165" height="70" src="../html/imagenes/ama.gif"/></a><br/><a href="http://www.farmamundi.org" target="_blank"><img src="../html/imagenes/farmamundi.jpg"/></a><br/><a href="http://www.farmaceuticosmundi.org/farmamundi/col-hucha.php" target="_blank"><img src="../html/imagenes/banner-hucha.gif"/></a></div>',
                width:165,
                minSize:165,
                maxSize:165,
                margins:'0 5 0 0',
                layout:'accordion',
                layoutConfig:{
                	activeOnTop:false,
                    autoWidth:true,
                    collapseFirst:false,
                    animate:true,
                    fill:false,
                    titleCollapse:false
                },
                items:[{
                    id:'requisitos',
                    title:'Requisitos colegiarse',
                    hideCollapseTool:true,
                    border:false,
                    iconCls:'icono_requisitos'
                },{ 
                    title:'Nuevas oficinas',
                    id:'oficinas',
                    hideCollapseTool:false,
                    titleCollapse:true,
                    border:false,
                    html:'<div class="menu2"><ul id="ulOficinas"></ul></div>',
                    iconCls:'icono_oficinas'
                },{
                    title:'Calendario vacunación',
                    id:'vacuna',
                    hideCollapseTool:true,
                    border:false,
                    iconCls:'icono_calendario'
                },{
                    title:'Consulta al colegio',
                    id:'consulta',
                    hideCollapseTool:true,
                    border:false,
                    iconCls:'icono_consulta'
                },{
                    title:'Consulta al C.I.M.',
                    id:'cim',
                    hideCollapseTool:true,
                    border:false,
                    iconCls:'icono_cim'
                },{
                    title:'Direcciones de interes',
                    id:'direcciones',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_direcciones'
                }/*,{
                    title:'SICOF Servicios',
                    id:'servicios',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_servicios'
                }*/,{
                    title:'<div align="center"><b>ANUNCIOS</b></div>',
                    id:'banners',
                    hideCollapseTool:true
                }]
            },{    
                region:'west',
                id:'west-panel',
                title:'Menu Principal',
                html:'<div><a href="#" onclick="enlaza_frame_tab(\'../html/olivos/galeria.html\',\'Galería de Olivos\');return false;"><img width="146" height="60" src="../html/olivos/thumbsnail/portada.png"/></a><a href="../html/pdf/PRESENTACION COFC 18_11_20112.pdf" target="_blank"><img width="146" src="../html/imagenes/aspime.png"/></a><p style="padding-left:5px;padding-top:5px;font-family:Arial,Verdana,Helvetica,sans-serif !important;">E-Receta cofinanciada por:</p><a href="http://www.mityc.es/es-ES/Paginas/index.aspx" target="_blank"><img style="padding:5px;" src="../icons/ministerio.png"/></a><a href="http://www.planavanza.es/Paginas/Inicio.aspx" target="_blank"><img style="padding:5px;" src="../icons/avanza.png"/></a><a href="http://ec.europa.eu/employment_social/esf/index_es.htm" target="_blank"><img style="padding:5px;" src="../icons/ue.png"/></a></div>',
                split:true,
                width:145,
                minSize:145,
                maxSize:145,
                collapsible:true,
                margins:'0 0 0 5',
                layout:'accordion',
                activeItem:2,
                layoutConfig:{
                    activeOnTop:false,
                    animate:true,
                    autoWidth:true,
                    collapseFirst:false,
                    fill:false,
                    titleCollapse:false
                },
                items:[{
                    id:'inicio',
                    title:'Inicio',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_inicio'
                },{
                    title:'El colegio',
                    id:'colegio',
                    html:'<div class="menu"><ul><li><a href="#" onClick="enlaza'+"('../html/carta.html','Carta del presidente');"+'">Carta del presidente</a></li><li><a href="#" onClick="enlaza'+"('../html/historia.html','Historia');"+'" >Historia</a></li><li><a href="#" onClick="enlaza'+"('../html/cim.html','C.I.M.');"+'" >C.I.M.</a></li><li><a href="#" onClick="enlaza'+"('../html/laboratorio.html','Laboratorio colegial');"+'" >Laboratorio colegial</a></li><li><a href="#" onClick="enlaza_frame_tab'+"('../html/junta/junta.html','Junta de Gobierno');"+'" >Junta de gobierno</a></li><li><a href="#" onClick="enlaza'+"('../html/comisiones.html','Comisiones');"+'" >Comisiones</a></li></ul></div>',
                    hideCollapseTool:false,
                    titleCollapse:true,
                    border:false,
                    iconCls:'icono_colegio'
                },{ 
                    title:'En la provincia',
                    id:'provincia',
                    html:'<div class="menu"><ul><li><a href="#" onClick="enlaza_frame_tab'+"('../../privada/jsp/mapas/maps.jsp?tipo=far','Farmacias');"+'">Farmacias</a></li><li><a href="#" onClick="enlaza_frame_tab'+"('../../privada/jsp/mapas/maps.jsp?tipo=opt','Ópticas');"+'">Ópticas</a></li><li><a href="#" onClick="enlaza_frame_tab'+"('../../privada/jsp/mapas/maps.jsp?tipo=ort','Ortopedias');"+'">Ortopedias</a></li><li><a href="#" onClick="enlaza_frame_tab'+"('../../privada/jsp/mapas/maps.jsp?tipo=ana','Analistas');"+'">Analistas</a></li><li><a href="#" onClick="enlaza_frame_tab'+"('../../privada/jsp/mapas/maps.jsp?tipo=fgu','Farmacias de Guardia');"+'">Farmacias de guardia</a></li></ul></div>',
                    hideCollapseTool:false,
                    titleCollapse:true,
                    border:false,
                    iconCls:'icono_provincia'
                },{
                    title:'Boletín',
                    id:'boletin',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_boletin'
                },{
                    title:'Consejos',
                    id:'consejos',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_consejos'
                },{
                    title:'Noticias',
                    id:'noticias',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_noticias'
                },{
                    title:'Actividades',
                    id:'actividades',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_actividades'
                },{
                    title:'Formación',
                    id:'formacion',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_formacion'
                },{
                    title:'Tablón de anuncios',
                    id:'anuncios',
                    html:'<div class="menu"><ul><li><a onClick="anuncio(\'E\');">Equipamiento</a></li><li><a onclick="anuncio(\'F\');">Farmacia</a></li><li><a onclick="anuncio(\'O\');">Otros</a></li></ul></div>',
                    hideCollapseTool:false,
                    titleCollapse:true,
                    border:false,
                    iconCls:'icono_anuncios'
                },{
                    title:'Ofertas y demandas',
                    id:'ofertas',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_ofertas'
                },{
                    title:'Galería de imágenes',
                    id:'galeria',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_galeria'
                },{
                    title:'El Colegio Responde',
                    id:'foro',
                    hideCollapseTool:true,
                    titleCollapse:false,
                    border:false,
                    iconCls:'icono_foro'
                }]
            },
            new Ext.TabPanel({
                region:'center',
                id:'center-panel',
                deferredRender:false,
                tabPosition:'bottom',
                activeTab:0,
                closeAction:'close',
                items:[{
                    id:'detalle-Inicio',
                    title:'Inicio',
            	    closable:true,
            	    autoScroll:true,
            		autoLoad:{url:'portada.jsp', scripts:true}
                }]
            })
        ]
    });

	var boton1 = new Ext.Button({
		tooltip:'Ayuda online', 
        text:'Ayuda&nbsp;',
        cls:'x-btn-text-icon', 
        icon:'../icons/computer.png',
        width:80,
        handler:function(){
        	window.open('../descargas/Mikogo.exe');
        }
    });
    boton1.render('menu_superior1');
    
    var boton2 = new Ext.Button({
		tooltip:'Ubicación del colegio',
        text:'Ubicación',
        cls:'x-btn-text-icon',
        icon:'../icons/map_go.png',
        width:80,
        handler:function () {
        	enlaza('../html/ubicacion.html', 'Ubicación del Colegio');
        }
    });
    boton2.render('menu_superior2');
    
    var boton3 = new Ext.Button({
		tooltip:'Contacta con el colegio',
        text:'Contacto',
        cls:'x-btn-text-icon',
        icon:'../icons/telephone.png',
        width:80,
        handler:function () { 
        	enlaza('../html/consultacolegio.html', 'Consulta al Colegio');
        }
    });
    boton3.render('menu_superior3');
    
    var boton4 = new Ext.Button({
		tooltip:'Acceso a la zona privada',
        text:'Acceso',
        cls:'x-btn-text-icon',
        icon:'../icons/key_add.png',
        width:80,
        handler:function () {
    		enlaza_frame_tab('../../privada/jsp/acceso.html', 'Acceso');
        }
    });
    boton4.render('menu_superior4');

    var norte = viewport.getComponent('north-panel');
    var sur = viewport.getComponent('south-panel');
    var oeste = viewport.getComponent('west-panel');
    var este = viewport.getComponent('east-panel');
    centro = viewport.getComponent('center-panel');
   
    oeste.getComponent('inicio').getEl().setStyle('cursor', 'pointer');
    oeste.getComponent('inicio').getEl().addListener('click', function () {
        enlaza('portada.jsp', 'Inicio');
    });
    oeste.getComponent('boletin').getEl().setStyle({cursor:'pointer'});
    oeste.getComponent('boletin').getEl().addListener('click', function () {
        enlaza('boletines.jsp', 'Boletines');
    });
    oeste.getComponent('consejos').getEl().setStyle({cursor:'pointer'});
    oeste.getComponent('consejos').getEl().addListener('click', function(){
    	enlaza('../html/consejos.html', 'Consejos');
    });
    oeste.getComponent('noticias').getEl().setStyle({cursor:'pointer'});
    oeste.getComponent('noticias').getEl().addListener('click', function(){
    	noticias();
    });
    oeste.getComponent('actividades').getEl().setStyle({cursor:'pointer'});
    oeste.getComponent('actividades').getEl().addListener('click', function(){
    	actividades();
    });
    oeste.getComponent('formacion').getEl().setStyle({cursor:'pointer'});
    oeste.getComponent('formacion').getEl().addListener('click', function(){
    	formacion_pub();
    });
    oeste.getComponent('ofertas').getEl().setStyle({cursor:'pointer'});
    oeste.getComponent('ofertas').getEl().addListener('click', function(){
	    ofertas_pub();
    });
    oeste.getComponent('galeria').getEl().setStyle({cursor:'pointer'});
    oeste.getComponent('galeria').getEl().addListener('click', function(){
    	enlaza_frame_tab('../html/galeria/galeria.html', 'Galería de Imágenes');
    });
    oeste.getComponent('foro').getEl().setStyle({cursor:'pointer'});
    oeste.getComponent('foro').getEl().addListener('click', function() {
        crea_tab_foro(1);
    });
    
    este.getComponent('requisitos').getEl().setStyle({cursor:'pointer'});
    este.getComponent('requisitos').getEl().addListener('click', function () {
    	enlaza_frame_tab('../html/pdf/colegiacion.pdf', 'Requisitos Para Colegiarse');
    });

    var dsNuevasFarmacias = new Ext.data.Store({
        proxy:new Ext.data.HttpProxy({url:'nuevasFarmacias.jsp'}),
        reader:new Ext.data.JsonReader({
            root:'results',
            totalProperty:'totalCount'
        },[{name:'ID'},{name:'TEXTO'}])
    });
   	dsNuevasFarmacias.on('load', function () {
   		var html = '';
   		for(var i = 0; i < dsNuevasFarmacias.getTotalCount(); i++) {
   			var dsData = dsNuevasFarmacias.getAt(i).data;
	        html += '<li><a href="#" onclick="enlaza_frame_tab(\'../Descarga?tipo=4&subtipo=1&id=' + dsData.ID + '\',\'Nuevas Oficinas\');">' + dsData.TEXTO +'</a></li>';
	    }
   		$('ulOficinas').innerHTML = html;
   	});
   	dsNuevasFarmacias.load();
   	
    este.getComponent('vacuna').getEl().setStyle({cursor:'pointer'});
    este.getComponent('vacuna').getEl().addListener('click',function(){
		enlaza('../html/vacuna.html', 'Calendario de Vacunación');
	});
    este.getComponent('consulta').getEl().setStyle({cursor:'pointer'});
    este.getComponent('consulta').getEl().addListener('click',function(){
    	enlaza('../html/consultacolegio.html', 'Consulta al Colegio');
    });
    este.getComponent('cim').getEl().setStyle({cursor:'pointer'});
    este.getComponent('cim').getEl().addListener('click',function(){
		enlaza('../html/consultaCIM.html', 'Consulta al CIM');
	});
    este.getComponent('direcciones').getEl().setStyle({cursor:'pointer'});
    este.getComponent('direcciones').getEl().addListener('click',function(){
    	enlaza('../html/direcciones/direcciones.html', 'Direcciones de Interés');
    });
    este.getComponent('banners').expand();
    
    anchura = Ext.get('center-panel').getWidth();
    altura = Ext.get('center-panel').getHeight()-29;
    
});

function enlaza(link, titulo) {
	centro.setActiveTab(
		centro.getItem('detalle-' + titulo) || 
	    centro.add({
	        id:'detalle-' + titulo,
	        title:titulo.substring(0,30),
	        closable:true,
	        autoScroll:true,
			autoLoad:{url:link, scripts:true}
	    })
	);
}

function enlaza_frame_tab(link, titulo){
	centro.setActiveTab( 
		centro.getItem('detalle-' + titulo) || 
		centro.add({
	        id:'detalle-' + titulo,
	        xtype:'iframepanel',
	        title:titulo.substring(0,30),
	        closable:true,
	        autoScroll:true,
	        defaultSrc:link,
	        loadMask:{msg:'Cargando...'}
		})
	);
}