/*
 * Ext JS Library 1.1 RC 1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */

var TabsExample = {
    init : function(){
        // basic tabs 1, built from existing content
//        var tabs = new Ext.TabPanel('tabs1');
//        tabs.addTab('script', "View Script");
//        tabs.addTab('markup', "View Markup");
//        tabs.activate('script');
    
        // second tabs built from JS
        var jtabs = new Ext.TabPanel('jtabs');

        var tab1 = jtabs.addTab('jtabs-1', "Acta del Premio");//carga con Ajax
        var updater = tab1.getUpdateManager();
        updater.setDefaultUrl('url_Tab1.html');///no puede cargar acta.jpg directamente
        tab1.on('activate', updater.refresh, updater, true);//carga con height apropriado
   
        var tab2 = jtabs.addTab('jtabs-2', "Fotos del acto");//carga con Ajax
        var updater = tab2.getUpdateManager();
        updater.setDefaultUrl('fotos.html');///no puede cargar acta.jpg directamente
        tab2.on('activate', updater.refresh, updater, true);//carga con height apropriado
/*        var tab2 = jtabs.addTab('jtabs-2', "Fotos del acto","<iframe src='fotos.html' width='100%' height='100%' frameborder=0></iframe>");//iframe porque carga mal galeria.html directamente
		tab2.on('activate',function(){
            this.bodyEl.setHeight('500px');
        });	*/	

        var tab3 = jtabs.addTab('jtabs-3', "Trabajo premiado","<iframe src='everest/everest1.html' width='100%' height='100%' frameborder=0></iframe>");//iframe porque carga mal galeria.html directamente
		tab3.on('activate',function(){
            this.bodyEl.setHeight('500px');
        });
		
/*        var tab3 = jtabs.addTab('jtabs-3', "Trabajo premiado");////OK
        var updater = tab3.getUpdateManager();
        updater.setDefaultUrl('everest/everest1.html');
        tab3.on('activate', updater.refresh, updater, true);
        var tab4 = jtabs.addTab('jtabs-4', "Trabajo premiado","<iframe src='dipolos_Magneticos/html/dipolos_magneticos.html' width='100%' height='100%' frameborder=0>></iframe>");//iframe porque carga mal galeria.html directamente
		tab4.on('activate',function(){
            this.bodyEl.setHeight('500px');
        });
*/		
        jtabs.activate('jtabs-1');
    }
}
Ext.EventManager.onDocumentReady(TabsExample.init, TabsExample, true);