/**
 * Copyright(c) 2006-2009, feyaSoft Inc. All Right Reserved.
 */
Loader = function() {
    var loader;
    return {
        loading : function() {
	    // safari and opera have iframe sizing issue, relayout fixes it
            if(Ext.isSafari || Ext.isOpera ){
                    //layout.layout(); // chrome is not work ...
            }
            var loading = Ext.get('loading');
            var mask = Ext.get('loading-mask');
            mask.setOpacity(1);
            mask.fadeOut({
                xy:loading.getXY(),
                width:loading.getWidth(),
                height:loading.getHeight(),
                remove:true,
                duration:2,
                opacity:.0,
                callback : function() {
                    loading.fadeOut({endOpacity: .0, duration: 0});
                }
            });
        }
    }
}();

Ext.EventManager.onDocumentReady(Loader.loading, Loader, true);

Ext.onReady(function(){
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    //To show QuickTips for the later Page, need init now
    Ext.QuickTips.init();

    // main panel
    var mainPanel = new feyaSoft.openSource.mySS.MainPanel({activeTabNo: 0});

    // south panel
    var southPanel = new Ext.Panel({
        region:'south',
        height: 18,
        margins:'3 0 0 0',
        html: '<div class="x-footer">Copyright &copy; FeyaSoft Inc. All rights reserved.</div>'
    });

   /************************************************************
    * Define main part in here, it render to the one DIV
    *   border_panel
    ************************************************************/
    var viewport = new Ext.Viewport({
        layout:'border',
        items:[
            mainPanel,
            southPanel
         ]
    });

    viewport.doLayout();
});