Wtf.onReady(function(){    
   var dashboardPanel = null;
   
   if(Wtf.roleperms == 1 || Wtf.roleperms == 2 )  {
       var projPanel = new Wtf.WtfProjectList({
            cls: "dashpanel",
            layout : "fit",
            title: "Projects",
            border : false
        });
       if(Wtf.roleperms == 1) { // if Admin
                dashboardPanel = new Wtf.Panel({
                            title : "Dashboard",
                            bodyStyle : "background:transparent; height: 100%",
                            id : "centerWestRegion_"+this.id,
                            border : false,
                            iconCls :"pwnd dashboardTabIcon",
                            layout : "border",
                            items : [{
                                region: 'west',
                                split: true,
                                id: 'northregion',
                                layout:'fit',
                                width: '50%',
                                items:[projPanel]
                            },{
                                region: 'center',
                                split: true,
                                width: '50%',
                                id: 'centerregion',
                                layout:'fit',
                                items: [new Wtf.WtfPersonHome({
                                    title: "Employees",
                                    cls: "dashpanel",
                                    layout : "fit",
                                    border : false
                                })]
                            }]
                });
       } else { // If PM or TL
                dashboardPanel = new Wtf.Panel({
                            title : "Dashboard",
                            bodyStyle : "background:transparent; height: 100%",
                            id : "centerWestRegion_"+this.id,
                            border : false,
                            iconCls :"pwnd dashboardTabIcon",
                            layout:'fit',
                            items : [{
                                region: 'center',
                                split: true,
                                id: 'centerregion',
                                layout:'fit',
                                items: [projPanel]
                            }]
                })
       }       
   }
   
   var myTaskTab = new Wtf.TabPanel({
                        id : 'mytask' + loginid,
                        resizeTabs: true,
                        minTabWidth: 165,
                        layoutOnTabChange:true,
                        iconCls : "pwnd userTabIcon",
                        title : "My Tasks",
                        activeTab: 0,
                        enableTabScroll: true,
                        border : false,
                        bodyStyle : 'background:transparent;',
                        items:[new Wtf.TaskList({
                                cls: "dashpanel",
                                layout : "fit",
                                border : false,
                                id : 'myalltask' + loginid,
                                userid : loginid,
                                title: "Tasks",
                                bodyStyle : 'background:transparent;',
                                iconCls : "pwnd doctabicon"
                            }),
                            new Wtf.PersonCreditsReport({
                                cls: "dashpanel",
                                layout : "fit",
                                border : false,
                                id : 'mycredit' + loginid,
                                userid : loginid,
                                title: "Credits",
                                bodyStyle : 'background:transparent;',
                                iconCls : "reportTabIcon"
                            })
                        ]
                    });
   
   /*var myTaskTab = new Wtf.TaskList({
                    cls: "dashpanel",
                    layout : "fit",
                    border : false,
                    userid : loginid,
                    id : 'mytask' + loginid,
                    title:'My Task',
                    iconCls : "pwnd userTabIcon"
            });*/ 
    var header =  "";
    if(Wtf.roleperms == 1)        
        var header = "<div id='header' class='userinfo' ><span id='whoami'></span><br/><a href=\"#\" onclick='signOut(\"signout\");'>Sign Out</a>&nbsp;&nbsp;<a href=\"#\" onclick='changePassword();'>Change Password</a>&nbsp;&nbsp;<a href=\"#\" onclick='viewAuditTrail();'>Audit Trail</a></div><div style='width:100%;padding-top:23px;padding-bottom : 20px;'><img src='web/images/logo.jpg ' ></img></div></div>";
    else
        var header = "<div id='header' class='userinfo' ><span id='whoami'></span><br/><a href=\"#\" onclick='signOut(\"signout\");'>Sign Out</a>&nbsp;&nbsp;<a href=\"#\" onclick='changePassword();'>Change Password</a></div><div style='width:100%;padding-top:23px;padding-bottom : 20px;'><img src='web/images/logo.jpg ' ></img></div></div>";        
    var viewport =  new Wtf.Viewport({
        layout:'border',
        renderTo: document.body,
        items:[{
            region: 'north',
            height : 68,
            border : false,
            cls : 'headerbackgr',
            html :  header
        },{
            region: 'center',
            id: 'viewportcenter',
            border : false,
            layout: 'fit',
            bodyStyle : 'background:#f1f1f1;font-size:10px;',
            items:[
                new Wtf.TabPanel({
//                    activeTab: 0,
                    resizeTabs: true,
                    minTabWidth: 165,
                    layoutOnTabChange:true,
                    id : 'mainTabPanel',
                    bodyStyle : "background: url(web/images/bgstrip.png) repeat-x;",
                    enableTabScroll: true
                })
            ]
        }]   
    });
    if(dashboardPanel != null) {
        Wtf.getCmp("mainTabPanel").add(dashboardPanel);
        Wtf.getCmp("mainTabPanel").add(myTaskTab);
        dashboardPanel.doLayout();
        Wtf.getCmp("mainTabPanel").setActiveTab("centerWestRegion_"+this.id);
        dashboardPanel.on("activate", function(){
            Wtf.get("northregion").dom.style.width = "50%";
            dashboardPanel.doLayout();
        }, this);
    } else {
        Wtf.getCmp("mainTabPanel").add(myTaskTab);
        myTaskTab.doLayout();
        Wtf.getCmp("mainTabPanel").setActiveTab("mytask" + loginid);
    }    
    Wtf.getCmp("mainTabPanel").doLayout();
    viewport.doLayout();
    setUsername(loginname);
});

function setUsername(uName){
    var _uElem = document.getElementById('whoami');
    _uElem.innerText = uName; //mofo IE
    _uElem.textContent = uName;
}

function signOut(type){
        _dC('username');
        _dC('lid');
		_dC('perms');
		_dC('realroles');
         var _soUrl='web/phpfiles/login.php';
        _r("login.php?"+type);
}

function _dC(n){
    document.cookie = n + "=" + ";path=/;expires=Thu, 01-Jan-1970 00:00:01 GMT";
}