/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

var Forum = {};

Ext.onReady(function(){

    Ext.QuickTips.init();
   

    var viewport = new Ext.Viewport({
        layout:'border',
        items:[
            new Ext.BoxComponent({ // raw
                region:'north',
                el: 'header',
                height:74
            }),
            new Ext.tree.TreePanel({
                id:'forum-tree',
                region:'west',
                title:'Forums',
                split:true,
                width: 300,
                minSize: 175,
                maxSize: 400,
                collapsible: true,
				collapseMode:'mini',
                margins:'0 0 5 5',                
				loader: new Ext.tree.TreeLoader({										
					dataUrl:'app/models/acc_mng_tree_menu.php'
				}),
                rootVisible:false,
                lines:false,
                autoScroll:true,
                root: new Ext.tree.AsyncTreeNode({
                          text: 'Forums',
                          expanded:true
                      })
            }),
            new Ext.TabPanel({
                id:'main-tabs',
                activeTab:0,
				enableTabScroll: true,
                region:'center',
                margins:'0 5 5 0',
				autoScroll: true,                
                tabWidth:150,
				fitToFrame: true,
                items: {
                    id:'main-view',
                    layout:'fit',
                    title:'Home',
                    items:[
                        {
                            id:'preview',
                            region:'center',                            
                            split:true
                        }
                     ]
                 }
              })
         ]
    });

	var tab = Ext.getCmp('main-tabs');
    var tree = Ext.getCmp('forum-tree');
    /*tree.on('append', function(tree, p, node){
       if(node.id == 5){		   
           node.select.defer(100, node);
       }
    });
    var sm = tree.getSelectionModel();
    sm.on('beforeselect', function(sm, node){
         return node.isLeaf();
    });
    sm.on('selectionchange', function(sm, node){
		if(!Ext.getCmp(node.text))
		{
			
			if(node.id.indexOf("ynode")>-1)
				node.id='../underconstruction.htm';
				
        	addTab(node.text,node.id);
		}
        else
			tab.setActiveTab(node.text);
    });*/
	
	tree.on('click', function(node){
	   	   
       if(!Ext.getCmp(node.text))
		{					
			if(node.id.indexOf("ynode")==-1)
			{
				//node.id='../underconstruction.htm';			
				if(node.id.indexOf("Login")==-1)
        			addTab(node.text,node.id);
				else
					window.location.replace('login.php');
			}
		}
        else
			tab.setActiveTab(node.text);
    });
	
	var index=0;
	
	function addTab(title,url)
	{
		index++;
		tab.add({
			id: title,
			title: title,
			iconCls: 'tabs',
			stateID: 'tabs' + (index),                                
			statusFull: true,
			layout: 'fit',
			fitToFrame: true,                                         
			autoScroll: true,
			autoResize: true,						
			//draggable: true,
			resizeEl: 'center-div' + (index),
			html: '<div id="center-div'+  (index) + '" width="100%" height="100%"><iframe id="center-iframe'+ (index)+'" width="100%" height="100%" frameborder="0" scrolling="auto" style="border:0px none;"></iframe></div>',               
			closable:true
	  	}).show();
		
		GetIFrame(url)
	}
	
	function GetIFrame(url){
		/*var con = */
		Ext.get('center-iframe'+ index).dom.src = url;//'js/filter-example.html';
    }
	
});