var Ajax;
if (Ajax && (Ajax != null)) {
   Ajax.Responders.register({
     onCreate: function() {
        if($('spinner') && Ajax.activeRequestCount>0)
          Effect.Appear('spinner',{duration:0.5,queue:'end'});
     },
     onComplete: function() {
        if($('spinner') && Ajax.activeRequestCount==0)
          Effect.Fade('spinner',{duration:0.5,queue:'end'});
     }
   });
}


function toggleSpinner(status) {
   err = document.getElementById('error');
   spin = document.getElementById('spinner');
   if (status) {
      if( spin )
         spin.style.display = 'inline';
      if( err )
         err.style.display = 'none';
   } else {
      if( spin )
         spin.style.display = 'none';
      if( err )
         err.style.display = 'none';
   }
}


function showLoading(elem) {
   e = document.getElementById( elem );
   if( e ) {
      mtop = e.clientHeight/2-50;
      e.innerHTML = '<div style="background-color:white;opacity:.60;filter:alpha(opacity=60);-moz-opacity:0.6;z-index:50;width:'+e.clientWidth+';height:'+e.clientHeight+';"/><div style="opacity:1;filter:alpha(opacity=100);-moz-opacity:1;position:absolute;z-index:100;width:'+e.clientWidth+';height:'+e.clientHeight+';text-align:center;"><img style="margin-top: '+mtop+'px;" src="/plugins/my-tism-0.4.5/images/loading.gif" alt="Loading..."/></div><div style="z-index:1;">'+e.innerHTML+'</div>'; /* FIXME: how to get a dynamic path to plugin?! ${pluginContextPath} is not accessible here :o( */
   }
}


function showError(e) {
  var errorDiv = document.getElementById('error');
  if( errorDiv ) {
     errorDiv.innerHTML = '<ul><li>'
              + e.responseText + '</li></ul>';
     errorDiv.style.display = 'block';
  }
}


function loading( elem ) {
   e = document.getElementById( elem );
   if( e ) {
      e.innerHTML = '<img src="/plugins/my-tism-0.4.5/images/loadingbar.gif" alt="Loading..."/>';
   }


}