Ext.onReady(function(){
    Ext.QuickTips.init();

    var treePanel = new Ext.tree.TreePanel({
        id: 'tree-panel',
        title: 'Files to modify',
        region:'west',
        split: true,
        height: 300,
        minSize: 280,
        width: 310,
        autoScroll: true,
        rootVisible: false,
        lines: false,
        singleExpand: true,
        useArrows: true,
        loader: new Ext.tree.TreeLoader({ dataUrl:'work/tree-data.php' }),
        root: new Ext.tree.AsyncTreeNode()
    });

    /* Cada item recebe um marcador próprio, inclusive os carregados ao expandir uma pasta. */
    var navigationSymbols = ['⌂','⌘','⌗','⌁','⌕','⌑','⌒','⌖','⌙','⌚','⌛','⌜','⌝','⌞','⌟','⌠','⌡','⌢','⌣','⌤','⌥','⌦','⌧','⌨','⌫','⌬','⌭','⌮','⌯','⌰','⌱','⌲','⌳','⌴','⌵','⌶','⌷','⌸','⌹','⌺','⌻','⌼','⌽','⌾','⌿','⍀','⍁','⍂','⍃','⍄','⍅','⍆','⍇','⍈','⍉','⍊','⍋','⍌','⍍','⍎','⍏','⍐','⍑','⍒','⍓','⍔','⍕','⍖','⍗','⍘','⍙','⍚','⍛','⍜','⍝','⍞','⍟','⍠','⍡','⍢','⍣','⍤','⍥','⍦','⍧','⍨','⍩','⍪','⍫','⍬','⍭','⍮','⍯','⍰'];
    var navigationSymbolIndex = 0;
    var decorateNavigationNode = function(node) {
        if (!node) { return; }
        var ui = node.getUI ? node.getUI() : null;
        var anchor = ui ? (ui.getAnchor ? ui.getAnchor() : ui.anchor) : null;
        anchor = anchor && anchor.dom ? anchor.dom : anchor;
        if (anchor && !anchor.getAttribute('data-nav-icon')) {
            anchor.setAttribute('data-nav-icon', navigationSymbols[navigationSymbolIndex++]);
        }
        node.eachChild(function(child) { decorateNavigationNode(child); });
    };
    treePanel.loader.on('load', function(loader, node) { decorateNavigationNode(node); });
    treePanel.on('expandnode', function(node) { decorateNavigationNode(node); });

    var contentPanel = {
        id: 'content-panel',
        region: 'center',
        layout: 'card',
        margins: '0',
        border: false,
        frame: false,
        activeItem: 0,
        items: [
            uso, todo, aportes, carpetas, buffeffect, credit, dialog, filter, filtername, gate, item, items6, itemaddoption, itemsetoption, itemsettype, joho, johs, mst, monsterskill, movereq, pet, quest, skill, slide, socketitem, text, deco_gra, message, gatetxt, movereqtxt, creditos, questprogress, shopui, shopcategoryitems, serverlist, npcdialogue, questwords, main, decatt, encatt, minimap, mix, skilltxt, itemaddoptiontxt, jewelofharmonyoptiontxt, itemtxt, itemsetoptiontxt, itemsettypetxt, itemtxtcli, questtxt, decdsdat, deceddat, npcnames, item6txt, skills6, skills6txt, itemtxtcli2, mstd, mstt, mapc, mstdtxt, petdata, itemleveltooltip, itemtooltiptext, itemtooltip, penmnst, penjovt, abbm, avt, ibsc, ibspa, ibspr
        ]
    };

    treePanel.on('click', function(n){
        var sn = this.selModel.selNode || {};
        if(n.leaf && n.id != sn.id){
            Ext.getCmp('content-panel').layout.setActiveItem(n.id + '-panel');
        }
    });

    new Ext.Viewport({
        layout: 'border',
        items: [{
            xtype: 'box',
            region: 'north',
            applyTo: 'header',
            height: 72
        }, treePanel, contentPanel],
        renderTo: Ext.getBody()
    });

    var list_lang = new Ext.form.ComboBox({
        typeAhead: true,
        triggerAction: 'all',
        transform:'lang_id',
        width:135,
        forceSelection:true
    });
    list_lang.on('select', function(newValue) {
        var con = new Ext.data.Connection();
        con.request({
            url: 'work/change_lang.php',
            params: {'lang_id': newValue.value},
            method: 'POST'
        });
        setTimeout("window.location='editor.php'", 500);
    });
});