//Copiado-y modificado-de expande_docs/prueba.html
function cierra_cuadros() {
if (dialog_cuadro0)dialog_cuadro0.hide();
if (dialog_cuadro1)dialog_cuadro1.hide();//destroy lo hace desaparecer sin transición
if (dialog_cuadro2)dialog_cuadro2.hide();
if (dialog_cuadro3)dialog_cuadro3.hide();
if (dialog_cuadro4)dialog_cuadro4.hide();
if (dialog_cuadro5)dialog_cuadro5.hide();
if (dialog_cuadro6)dialog_cuadro6.hide();
if (dialog_cuadro7)dialog_cuadro7.hide();
}
Ext.onReady(function() {
Ext.get('btn_cuadro0').on('click',cierra_cuadros);
Ext.get('btn_cuadro1').on('click',cierra_cuadros);
Ext.get('btn_cuadro2').on('click',cierra_cuadros);
Ext.get('btn_cuadro3').on('click',cierra_cuadros);
Ext.get('btn_cuadro4').on('click',cierra_cuadros);
Ext.get('btn_cuadro5').on('click',cierra_cuadros);
Ext.get('btn_cuadro6').on('click',cierra_cuadros);
Ext.get('btn_cuadro7').on('click',cierra_cuadros);
});




var dialog_cuadro0;
var dialog_cuadro1;//quitado la definición de dialog_cuadro1 de dentro de cuadro1Wrap.PERO AHORA ES VARIABLE GLOBAL
var dialog_cuadro2;
var dialog_cuadro3;
var dialog_cuadro4;
var dialog_cuadro5;
var dialog_cuadro6;
var dialog_cuadro7;

/*var cuadro1Wrap = function(cuadro){
 var showBtn, myLeft=200, myWidth=Ext.lib.Dom.getViewWidth()-myLeft-20; myHeight= Ext.lib.Dom.getViewHeight()-20;
    return {
        init : function(){
             showBtn = Ext.get(btn_cuadro1);//el elemento de id 'btn_cuadro1' lanza el dialogo
             // attach to click event
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog_cuadro1){ // lazy initialize the dialog_cuadro1 and only create it once
                dialog_cuadro1 = new Ext.BasicDialog(cuadro, { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });
                dialog_cuadro1.addKeyListener(27, dialog_cuadro1.hide, dialog_cuadro1);// 27 es la tecla ESC
                dialog_cuadro1.addButton('Cerrar', dialog_cuadro1.hide, dialog_cuadro1);
            }
            dialog_cuadro1.show(showBtn.dom);dialog_cuadro1.moveTo(myLeft,0);dialog_cuadro1.resizeTo(myWidth,myHeight);
        }
    };
};
var cuadro1Wrap = new function('cuadro1');
Ext.onReady(cuadro1Wrap.init, cuadro1Wrap, true);*/
function mostrarDialogo() {
            if(!dialog_cuadro1){ // lazy initialize the dialog_cuadro1 and only create it once
                dialog_cuadro1 = new Ext.BasicDialog("cuadro1", { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });////Ext.get('qqq').dom.title='qwerty';Ext.get('id_iframe1').dom.src='../junta_directiva_2004-2005.htm';AÑADIDO permite modificar fuente del iframe:NO PUEDO MODIFICAR title
                dialog_cuadro1.addKeyListener(27, dialog_cuadro1.hide, dialog_cuadro1);// 27 es la tecla ESC
                dialog_cuadro1.addButton('Cerrar', dialog_cuadro1.hide, dialog_cuadro1);
            }
            dialog_cuadro1.show(showBtn.dom);dialog_cuadro1.moveTo(myLeft,0);dialog_cuadro1.resizeTo(myWidth,myHeight);
			}


var cuadro0Wrap = function(){
 var showBtn, myLeft=200, myWidth=Ext.lib.Dom.getViewWidth()-myLeft-20; myHeight= Ext.lib.Dom.getViewHeight()-20;
    return {
        init : function(){
             showBtn = Ext.get('btn_cuadro0');//el elemento de id 'btn_cuadro1' lanza el dialogo
             // attach to click event
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog_cuadro0){ // lazy initialize the dialog_cuadro1 and only create it once
                dialog_cuadro0 = new Ext.BasicDialog("cuadro0", { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });////Ext.get('qqq').dom.title='qwerty';Ext.get('id_iframe1').dom.src='../junta_directiva_2004-2005.htm';AÑADIDO permite modificar fuente del iframe:NO PUEDO MODIFICAR title
                dialog_cuadro0.addKeyListener(27, dialog_cuadro0.hide, dialog_cuadro0);// 27 es la tecla ESC
                dialog_cuadro0.addButton('Cerrar', dialog_cuadro0.hide, dialog_cuadro0);
            }
            dialog_cuadro0.show(showBtn.dom);dialog_cuadro0.moveTo(myLeft,0);dialog_cuadro0.resizeTo(myWidth,myHeight);
        }
    };
}();

Ext.onReady(cuadro0Wrap.init, cuadro0Wrap, true);

















var cuadro1Wrap = function(){
 var showBtn, myLeft=200, myWidth=Ext.lib.Dom.getViewWidth()-myLeft-20; myHeight= Ext.lib.Dom.getViewHeight()-20;
    return {
        init : function(){
             showBtn = Ext.get('btn_cuadro1');//el elemento de id 'btn_cuadro1' lanza el dialogo
             // attach to click event
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog_cuadro1){ // lazy initialize the dialog_cuadro1 and only create it once
                dialog_cuadro1 = new Ext.BasicDialog("cuadro1", { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });////Ext.get('qqq').dom.title='qwerty';Ext.get('id_iframe1').dom.src='../junta_directiva_2004-2005.htm';AÑADIDO permite modificar fuente del iframe:NO PUEDO MODIFICAR title
                dialog_cuadro1.addKeyListener(27, dialog_cuadro1.hide, dialog_cuadro1);// 27 es la tecla ESC
                dialog_cuadro1.addButton('Cerrar', dialog_cuadro1.hide, dialog_cuadro1);
            }
            dialog_cuadro1.show(showBtn.dom);dialog_cuadro1.moveTo(myLeft,0);dialog_cuadro1.resizeTo(myWidth,myHeight);
        }
    };
}();

Ext.onReady(cuadro1Wrap.init, cuadro1Wrap, true);

var cuadro2Wrap = function(){
 var showBtn, myLeft=200, myWidth=Ext.lib.Dom.getViewWidth()-myLeft-20; myHeight= Ext.lib.Dom.getViewHeight()-20;
    return {
        init : function(){
             showBtn = Ext.get('btn_cuadro2');//el elemento de id 'btn_cuadro2' lanza el dialogo
             // attach to click event
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog_cuadro2){ // lazy initialize the dialog_cuadro2 and only create it once
                dialog_cuadro2 = new Ext.BasicDialog("cuadro2", { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });
                dialog_cuadro2.addKeyListener(27, dialog_cuadro2.hide, dialog_cuadro2);// 27 es la tecla ESC
                dialog_cuadro2.addButton('Cerrar', dialog_cuadro2.hide, dialog_cuadro2);
            }
            dialog_cuadro2.show(showBtn.dom);dialog_cuadro2.moveTo(myLeft,0);dialog_cuadro2.resizeTo(myWidth,myHeight);
        }
    };
}();

Ext.onReady(cuadro2Wrap.init, cuadro2Wrap, true);

var cuadro3Wrap = function(){
 var showBtn, myLeft=200, myWidth=Ext.lib.Dom.getViewWidth()-myLeft-20; myHeight= Ext.lib.Dom.getViewHeight()-20;
    return {
        init : function(){
             showBtn = Ext.get('btn_cuadro3');//el elemento de id 'btn_cuadro3' lanza el dialogo
             // attach to click event
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog_cuadro3){// lazy initialize the dialog_cuadro3 and only create it once
                dialog_cuadro3 = new Ext.BasicDialog("cuadro3", { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });
                dialog_cuadro3.addKeyListener(27, dialog_cuadro3.hide, dialog_cuadro3);// 27 es la tecla ESC
                dialog_cuadro3.addButton('Cerrar', dialog_cuadro3.hide, dialog_cuadro3);
            }
            dialog_cuadro3.show(showBtn.dom);dialog_cuadro3.moveTo(myLeft,0);dialog_cuadro3.resizeTo(myWidth,myHeight);
        }
    };
}();

Ext.onReady(cuadro3Wrap.init, cuadro3Wrap, true);

var cuadro4Wrap = function(){
 var showBtn, myLeft=200, myWidth=Ext.lib.Dom.getViewWidth()-myLeft-20; myHeight= Ext.lib.Dom.getViewHeight()-20;
    return {
        init : function(){
             showBtn = Ext.get('btn_cuadro4');//el elemento de id 'btn_cuadro4' lanza el dialogo
             // attach to click event
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog_cuadro4){// lazy initialize the dialog_cuadro4 and only create it once
                dialog_cuadro4 = new Ext.BasicDialog("cuadro4", { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });
                dialog_cuadro4.addKeyListener(27, dialog_cuadro4.hide, dialog_cuadro4);// 27 es la tecla ESC
                dialog_cuadro4.addButton('Cerrar', dialog_cuadro4.hide, dialog_cuadro4);
            }
            dialog_cuadro4.show(showBtn.dom);dialog_cuadro4.moveTo(myLeft,0);dialog_cuadro4.resizeTo(myWidth,myHeight);
        }
    };
}();

Ext.onReady(cuadro4Wrap.init, cuadro4Wrap, true);

var cuadro5Wrap = function(){
 var showBtn, myLeft=200, myWidth=Ext.lib.Dom.getViewWidth()-myLeft-20; myHeight= Ext.lib.Dom.getViewHeight()-20;
    return {
        init : function(){
             showBtn = Ext.get('btn_cuadro5');//el elemento de id 'btn_cuadro5' lanza el dialogo
             // attach to click event
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog_cuadro5){// lazy initialize the dialog_cuadro5 and only create it once
                dialog_cuadro5 = new Ext.BasicDialog("cuadro5", { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });
                dialog_cuadro5.addKeyListener(27, dialog_cuadro5.hide, dialog_cuadro5);// 27 es la tecla ESC
                dialog_cuadro5.addButton('Cerrar', dialog_cuadro5.hide, dialog_cuadro5);
            }
            dialog_cuadro5.show(showBtn.dom);dialog_cuadro5.moveTo(myLeft,0);dialog_cuadro5.resizeTo(myWidth,myHeight);
        }
    };
}();

Ext.onReady(cuadro5Wrap.init, cuadro5Wrap, true);



var cuadro6Wrap = function(){
 var showBtn, myLeft=200, myWidth=Ext.lib.Dom.getViewWidth()-myLeft-20; myHeight= Ext.lib.Dom.getViewHeight()-20;
    return {
        init : function(){
             showBtn = Ext.get('btn_cuadro6');//el elemento de id 'btn_cuadro5' lanza el dialogo
             // attach to click event
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog_cuadro6){// lazy initialize the dialog_cuadro5 and only create it once
                dialog_cuadro6 = new Ext.BasicDialog("cuadro6", { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });
                dialog_cuadro6.addKeyListener(27, dialog_cuadro6.hide, dialog_cuadro6);// 27 es la tecla ESC
                dialog_cuadro6.addButton('Cerrar', dialog_cuadro6.hide, dialog_cuadro6);
            }
            dialog_cuadro6.show(showBtn.dom);dialog_cuadro6.moveTo(myLeft,0);dialog_cuadro6.resizeTo(myWidth,myHeight);
        }
    };
}();

Ext.onReady(cuadro6Wrap.init, cuadro6Wrap, true);

var cuadro7Wrap = function(){
 var showBtn, myLeft=200, myWidth=Ext.lib.Dom.getViewWidth()-myLeft-20; myHeight= Ext.lib.Dom.getViewHeight()-20;
    return {
        init : function(){
             showBtn = Ext.get('btn_cuadro7');//el elemento de id 'btn_cuadro5' lanza el dialogo
             // attach to click event
             showBtn.on('click', this.showDialog, this);
        },
       
        showDialog : function(){
            if(!dialog_cuadro7){// lazy initialize the dialog_cuadro5 and only create it once
                dialog_cuadro7 = new Ext.BasicDialog("cuadro7", { 
                        autoTabs:true,//si false, se ve solo la primera pestaña
                        width:500,//también'100%'
                        height:300,//también'100%'
                        shadow:false,//casi mejor sin shadow
                        minWidth:300,
                        minHeight:250,
                        proxyDrag: true //sin coma!! Parece que no afecta si false
                });
                dialog_cuadro7.addKeyListener(27, dialog_cuadro7.hide, dialog_cuadro7);// 27 es la tecla ESC
                dialog_cuadro7.addButton('Cerrar', dialog_cuadro7.hide, dialog_cuadro7);
            }
            dialog_cuadro7.show(showBtn.dom);dialog_cuadro7.moveTo(myLeft,0);dialog_cuadro7.resizeTo(myWidth,myHeight);
        }
    };
}();

Ext.onReady(cuadro7Wrap.init, cuadro7Wrap, true);