Ext.info = function(){
	var msgCt;

    function createBox(t, s)
    {
    	if(t.length > 0)
    	{
    		return ['<div class="msg">',
                '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
                '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"><h3>', t, '</h3>', s, '</div></div></div>',
                '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
                '</div>'].join('');
        }
        else
        {
    		return ['<div class="msg">',
                '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
                '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">', s, '</div></div></div>',
                '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
                '</div>'].join('');        
        }
    }
    return {
        msg : function(title, data, appen_time, hidden_time)
        {
        	if(!msgCt)
        	{
            	msgCt = Ext.DomHelper.insertFirst(document.body, {id:'popupNotification'}, true);
            }
            
			msgCt.alignTo("progTabs__0", 'c', [-125, 0]);
            var m = Ext.DomHelper.append(msgCt, {html:createBox(title, data)}, true);
            m.pause(appen_time).slideIn('t').pause(hidden_time).ghost("t", {remove:true});
        }
    };
}();

Ext.loading = function(){
	var msgCt;
	var m;
	
    function createBox(t, s)
    {
    	if(t.length > 0)
    	{
    		return ['<div class="msg">',
                '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
                '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"><h3>', t, '</h3>', s, '</div></div></div>',
                '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
                '</div>'].join('');
        }
        else
        {
    		return ['<div class="msg">',
                '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
                '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">', s, '</div></div></div>',
                '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
                '</div>'].join('');        
        }
    }
    
    return {
        show : function()
        {
	        title = '';
	        data = "Loading...";
	        appen_time = 0;
	        
        	if(!msgCt)
        	{
            	msgCt = Ext.DomHelper.insertFirst(document.body, {id:'popupNotification_loadingInProgess'}, true);
            }
            
			msgCt.alignTo(document.body, 'tl', ['5', '5']);
            m = Ext.DomHelper.append(msgCt, {html:createBox(title, data)}, true);
            m.pause(appen_time).slideIn('t');
        }, 
        
        hide : function()
        {
	       	hidden_time = 0;
    		
    		if(m)
    		{    
            	m.pause(hidden_time).ghost("t", {remove:true});        	
            }
        }       
    };
}();