Ext.BLANK_IMAGE_URL = 'resources/s.gif';

var mainPanel;
var summaryReportMenu;
var summaryReportButton;
var summaryReportButtonProp;
var sentReceivedReportMenu;
var sentReceivedReportButton;
var sentReceivedReportButtonProp
var individualReportMenu;
var individualReportButton;
var individualReportButtonProp;
var reportGeneratorButton;
var signOutButton;
var prefButton;
var memberSiteButton;
var toolBarItems;
var mainToolBar;

var menuInit = function(){
    
    summaryReportMenu = new Ext.menu.Menu();
    summaryReportButtonProp = {
        iconCls: 'icon-summary-report',
        text: 'Summary Report',
        id: 'summary-report-button',
        tooltip: 'Summary of all Survey Questions'};
    
    sentReceivedReportMenu = new Ext.menu.Menu();
    sentReceivedReportButtonProp = {
        iconCls: 'icon-sent-received-report',
        text: 'Sent/Received Report',
        id: 'sent-received-report-button',
        tooltip: 'Multilevel view of Surveys Results'};
    
    individualReportMenu = new Ext.menu.Menu();
    individualReportButtonProp = {
        iconCls: 'icon-individual-report',
        text: 'Individual Surveys',
        id: 'sent-individual-button',
        tooltip: 'View detailed results of individual surveys'};
        
    reportGeneratorButton = new Ext.Toolbar.Button(
    {
        iconCls: 'icon-report-generator',
        text: 'Report Generator',
        id: 'report-generator-button',
	    tooltip: 'Return to the Report Generator',
        handler: function(){ mainPanel.items.get(0).show(); }
    });
    
    signOutButton = new Ext.Toolbar.Button({
        iconCls: 'icon-sign-out',
        text: 'Sign out',
        id: 'sign-out-button',
	    tooltip: 'Sign out of QReports to protect your privacy',
        handler: function(){
            //window.location = 'http://www.qreports.com/';
            SignOut();
        }
    });

    prefButton = new Ext.Toolbar.Button({
        iconCls: 'icon-member',
        text: 'Preferences',
        tooltip: 'Change Your Preferences',
        handler: function(){ window.open('/PreferencesSSO.aspx', '_qsc_prefs'); }
    });
        
    memberSiteButton = new Ext.Toolbar.Button({
        iconCls: 'icon-member',
        text: 'Member Site',
	    tooltip: 'View your account on the QSC Member Site',
        handler: function(){ window.open('https://secure.qualitycertified.org/content/?page_id=336', '_qsc_member_site'); }
    });
    
    /*
    toolBarItems = [' ', 'Quick Links:', ' ',
	    reportGeneratorButton, ' ',
        signOutButton, ' ',
        memberSiteButton, ' ',
        '-', ' ', 'Reports:', ' ',
        summaryReportButton, ' ',
        sentReceivedReportButton, ' '
    ];
    
    if(entityTypeAccess && entityTypeAccess[2] && entityTypeAccess[2][0] &&
        (entityTypeAccess[2][0].ReportAccess == 'all' ||
        entityTypeAccess[2][0].ReportAccess.indexOf('ind') >= 0)) {
        toolBarItems[toolBarItems.length] = individualReportButton;
        toolBarItems[toolBarItems.length] = ' ';
    }
    toolBarItems[toolBarItems.length] = '->';
    */
    
    //mainToolBar = new Ext.Toolbar({
    //    cls:'top-toolbar',
    //    items:toolBarItems
    //});
}

var viewport;
var hd;

var interfaceInit = function(){
    
    
    if(hd && mainToolBar){
        hd.remove(mainToolBar);
    }
    
    mainToolBar = new Ext.Toolbar({
        cls:'top-toolbar'//,
        //items:toolBarItems
    });
    
    //menuInit();
    
    if(! mainPanel){
        mainPanel = new Ext.TabPanel({
            region:'center',
            margins:'5 5 5 5',
            resizeTabs: true,
            minTabWidth: 135,
            plugins: [new Ext.ux.TabCloseMenu(), Ext.jx.plugins.History],
            enableTabScroll: true
        });
    }
            
    
    if(!hd){
        hd = new Ext.Panel({
            border: false,
            layout:'anchor',
            region:'north',
            cls: 'docs-header',
            height:70,
            items: [{
                xtype:'box',
                el:'header',
                border:false,
                anchor: 'none -25'
            },
            mainToolBar
            ]
        });
    } else {
        hd.add(mainToolBar);
    }
    
    if(! viewport){
        viewport = new Ext.Viewport({
            layout:'border',
            items:[ hd, mainPanel ]
        });
    }
    viewport.doLayout();
    
}

var maskInit = function(){
    Ext.QuickTips.init();
	setTimeout(function(){
        Ext.get('loading').remove();
        Ext.get('loading-mask').fadeOut({remove:true});
    }, 250);
}

Ext.onReady(maskInit);