(function($){

$.spinner = new (function() {
  var spinner = null;
  
  function ensure_spinner() {
    spinner = $(
      $("#spinner")[0] ||
      $("#content").append('<img id="spinner" style="display:none" src="/images/spinner1.gif"/>') && $("#spinner")[0]);
  }
  
  this.show = function() {
    ensure_spinner();
    spinner.fadeIn('fast');
  };
  
  this.hide = function() {
    ensure_spinner();
    spinner.fadeOut('fast');
  };
  
  this.error = function() {
    ensure_spinner();
    spinner.
      stop(true,true).
      css({marginLeft:0, display: "block", opacity: 1}).
      animate({marginLeft:"-=5"},20).
      animate({marginLeft:"+=10"},40).
      animate({marginLeft:"-=5"},20).
      fadeOut('fast');
  }
  
});

})(jQuery);