Ext.onReady(function(){
    var win1;
	var win2;
    var button_news1 = Ext.get('news1-btn');
    var button_news2 = Ext.get('news2-btn');
	// NEWS 1
    button_news1.on('click', function(){
        // create the window on the first click and reuse on subsequent clicks
        if(!win1){
            win1 = new Ext.Window({
                el:'news1-win',
				animateTarget:'news1-btn',
                layout:'fit',
                width:200,
				height:290,
                plain: true,
                closeAction:'hide',
                modal:false,
                
                items: new Ext.Panel({
                    el: 'news1-tab',
					autoHeight:true,
                    deferredRender:false,
                    border:false
                })
            });
        }
        win1.show(this);
    });

	// NEWS 2
    button_news2.on('click', function(){
        // create the window on the first click and reuse on subsequent clicks
        if(!win2){
            win2 = new Ext.Window({
                el:'news2-win',
				animateTarget:'news2-btn',
                layout:'fit',
                width:200,
                height:110,
                plain: true,
                closeAction:'hide',
                modal:false,
                
                items: new Ext.Panel({
                    el: 'news2-tab',
					autoHeight:true,
                    deferredRender:false,
                    border:false
                })
            });
        }
        win2.show(this);
    });


	// LEGAL
	var winlegal;
    var button_legal = Ext.get('legal-btn');
    button_legal.on('click', function(){
        // create the window on the first click and reuse on subsequent clicks
        if(!winlegal){
            winlegal = new Ext.Window({
                el:'legal-win',
				animateTarget:'legal-btn',
                layout:'fit',
                width:400,
                height:145,
                plain: true,
                closeAction:'hide',
                modal:true,
                
                items: new Ext.Panel({
                    el: 'legal-tab',
					autoHeight:true,
                    deferredRender:false,
                    border:false
                })
            });
        }
        winlegal.show(this);
    });


    Ext.get('reminder-btn').on('click', function(){
        Ext.MessageBox.alert('Aviso', 'Función no activa.');
    });
    
    Ext.get('login-btn').on('click', function(){
        Ext.MessageBox.alert('Aviso', 'Datos de acceso no válidos.');
    });
    
});