function startLoading() {
  var k=window;
  var l=document;
  var loading = l.getElementById('loading');
  var mask =   l.getElementById('loading-mask');
  if (loading){  loading.parentNode.removeChild(loading);}
  if (mask) {mask.parentNode.removeChild(mask);}
  var maskDiv = document.createElement("div");
  var loadingDiv = document.createElement("div");
  var firstElem = l.body.firstChild;
  
  maskDiv.id = 'loading-mask';
  loadingDiv.id = 'loading';
 // loadingDiv.innerHTML = '<div class="loading-indicator"><img width="32" height="32" style="margin-right: 8px; float: left; vertical-align: top;" alt="© 2009 Mayflower Distributing company" title="Loading..." src="loader1.gif"/>Mayflower Distributing Co.<br/><span id="loading-msg">Processing data, please wait...</span></div>';
  loadingDiv.innerHTML = '<div class="loading-indicator"><img width="32" height="32" style="margin-right: 8px; float: left; vertical-align: top;" alt="© 2009 Mayflower Distributing company" title="Loading..." src="/eb/themes/theme1/fixed/images/loader1.gif"/>Mayflower Distributing Co.<br/><span id="loading-msg">Processing data, please wait...</span></div>';
     // tgt 20091231 controlled via CSS   maskDiv.style.position="absolute";
   maskDiv.style.width="100%";
   maskDiv.style.height="100%";
     // tgt 20091231 controlled via CSS    maskDiv.style.left=0;
     // tgt 20091231 controlled via CSS    maskDiv.style.top=0;
  maskDiv.style.filter ="Alpha(Opacity=60)";
  maskDiv.style.opacity=0.6;
  maskDiv.style.display="block";
  maskDiv.style.visibility="visible";
  maskDiv.appendChild(loadingDiv);
  l.body.insertBefore(maskDiv,firstElem);

}

function endLoading() {
  var loading = Ext.get('loading');
  var mask = Ext.get('loading-mask');
  mask.setOpacity(.8);
  mask.shift({
    xy:loading.getXY(),
    width:loading.getWidth(),
    height:loading.getHeight(), 
    remove:false,
    duration:1,
    opacity:.3,
    easing:'bounceOut',
    callback : function(){
      loading.fadeOut({duration:.2,remove:false, callback:function() {
        loading.hide();
        mask.hide();
      }});
    }
  });
}
function justHide() {
  var k=window;
  var l=document;
  g=l.getElementById('loading-mask');
  g.parentNode.removeChild(g);
  //document.removeChild(document.getElementById('loading')); 
  /*var loading = Ext.get('loading');
  var mask = Ext.get('loading-mask');
  mask.setOpacity(.8);
  loading.fadeOut({duration:.2,remove:false, callback:function() {
        loading.hide();
        mask.hide();
      }});*/
}