var LoadingIndicator = function(){
	var loadingTemplate = new Ext.Template('<div id="loading"><div class="loading-indicator">Loading...</div></div>').compile();
	var appended = false;
	var mask;
	 
	return {
		show : function(){
			if (!appended) {
				loadingTemplate.append(document.body);
				appended = true;
			}
			Ext.get(document.body).mask();
			var l = Ext.get('loading');
			l.setStyle('display', 'block');
			l.center();
		}, 
	  	hide: function(){
			Ext.get(document.body).unmask();
	  	 	Ext.get('loading').setStyle('display', 'none');
	  }
	}
}();