Ext.namespace('wos');
wos.overview = function()
{
    
    presentPanel=new Ext.Panel({
        contentEl: 'presentation',
        id: 'presentPanel',
        title: 'sdfsdfsdfds',
        frame: false,
        border: false
    });
    
    
    wosRegion_west=new Ext.Panel({
        region: 'west',
        id: 'regionWest',
        contentEl: 'west',
        split:false,
        width:200,
        collapsible:true,
        // autoScroll : true,
        frame:false,
        border: false,
        bodyStyle:'padding:15px 5px 0',
        margins:'0 0 0 0',
        layout:'accordion',
        layoutConfig:{
            animate:true
        }
    });
    
    wosRegion_centre=new Ext.Panel({
        region:'center',
        id: 'wosRegion_centre',
        margins:'0 0 0 0',
        border:false,
        autoScroll : true,
        bodyStyle:'padding:15px 5px 0',
        layout:'fit'
    });
    
    wosRegion_north=new Ext.Panel({
        region:'north',
        id: 'wosRegion_north',
        contentEl: 'north',
        height: 50,
        margins:'0 0 0 0',
        border:false
    });
    
    
    function createViewPort(){
        viewport = new Ext.Viewport({
            layout:'border',
            cls: 'blanc',
            border:false,
            shim : false,
            items:[
                wosRegion_north
            ,
                wosRegion_west
            ,
                wosRegion_centre
            ]
        });
        
    }
    
    function chargeNorth()
    {
        wosRegion_north.load({
            url: "./north.php",
            discardUrl: false,
            nocache: false,
            text: "Loading...",
            timeout: 30,
            scripts: true
        });
    }
    
    function buildFormLogin()
    {
        formLogin = new Ext.FormPanel
        ({
            labelAlign: 'top',
            renderTo : 'west',
            frame:true,
            title: 'Espace abonnés',
            collapseFirst : false,
            autoHeight: true,
            
            method: 'POST',
            items: [{
                xtype:'textfield',
                fieldLabel: 'Code',
                name: 'code',
                anchor:'95%'
            }, {
                xtype:'textfield',
                fieldLabel: 'Login',
                name: 'login',
                anchor:'95%'
            },{
                xtype:'textfield',
                fieldLabel: 'Mot de passe',
                name: 'pass',
                anchor:'95%',
                inputType:'password'
            },{
                xtype:'button',
                text: 'Se connecter',
                disabled:false,
                handler: function(){
                    formLogin.form.submit({
                        url:'login.php', 
                        waitMsg:'Vérification du login en cours ...',
                        success: function (form, action) {
                            formLogin.hide(formLogin);
                            wosRegion_centre.remove('presentPanel');
                            wosRegion_centre.doLayout();
                            
                            chargeNorth();
                            
                            
                            wos.affTree();
                        },
                        failure:function(form, action) 
                        {
                            var result=Ext.decode(action.response.responseText);
                            Ext.MessageBox.alert('Erreur d\'authentification !',result.errors.message );
                        }
                    });
                }
            }]
        });
        
        formLogin.render();
    }
    
    
    
    return {
        init : function(){
            createViewPort();
            chargeNorth();
            
            if(sessionLoaded==true)
            {
                wosRegion_centre.doLayout();
                wos.affTree();
            }
            else
            {
                buildFormLogin();
                wosRegion_centre.add(presentPanel);
                wosRegion_centre.doLayout();
                document.getElementById('presentPanel').firstChild.style.display = 'none';
            }
            
            
            
        }
    }
    
}();
Ext.onReady(wos.overview.init,wos.overview,true);