if ( document.getElementById || document.all ) {
   document.write('<div id="loadingbox" style="background: url(images/transparent.png) repeat; text-align: center;position:absolute;display:none;o;top:0;width:100%;height:100%;z-index: 100;"><div style="width: 300px; border: 10px solid silver; background:url(images/ajax-loader.gif) no-repeat center #fff; padding: 150px 0 30px 0; margin:100px auto;font-family:Verdana; font-size:14px;">Please wait while loading</div></div>') ;
}

function loading() {
   hideSelects();
    var loadBox = document.getElementById('loadingbox') ;
    leftpos = 0 ;
    toppos = 0 ;
    if (screen) {
        leftpos = (document.body.clientWidth/2);
        toppos = (document.body.scrollTop + document.body.clientHeight / 2 ) ;
    }         
    
    loadBox.style.display = "block";
    loadBox.style.textAlign = "center";
    
//    loadBox.style.left = ( leftpos-150 ) + "px";
  //  loadBox.style.top =  ( toppos-100 ) + "px";
//    loadBox.style.width = "300px";
  //  loadBox.style.height = "0px";
    loadBox.style.left   =   "0px";
    loadBox.style.top   =   "0px";
    loadBox.style.width   =  "100%";
    loadBox.style.height   = "100%";
}

function loaded() {
    var loadBox = document.getElementById('loadingbox') ;
    loadBox.style.display = "none";
showSelects() ;
}

function hideSelects() {
   showSelects();   
   var selects = document.getElementsByTagName("select") ;
   var i = 0 ;
   for(i = 0; i < selects.length; i++ ) {
      //selects[i].style.visibility="hidden" ;
      selects[i].style.display="none" ;
   }
}

function showSelects() {
   var selects = document.getElementsByTagName("select") ;
   var i = 0 ;
   for(i = 0; i < selects.length; i++ ) {
    //  selects[i].style.visibility="visible" ;
      selects[i].style.display="inline" ;
   }
}