bh = {};

bh.loader = {

  add: function(ele) {

    var container = typeof(ele) === 'string' ? $('#' + ele) : ele,
        center = {x: container.width() / 2, y: container.height() / 2};

    container.css({position: "relative"});

    var img = $('<img></img>', {
      src: '/images/ajax-loader.gif',
      "class": "loader",
      "display": "none"
    }).appendTo(container);

    img.css({
      position: "absolute",
      left: center.x - 16,
      top: center.y - 16
    });

    img.fadeIn('slow');

  },

  remove: function(ele) {
    var container = typeof(ele) === 'string' ? $('#' + ele) : ele;

    container.find('img.loader').remove();
  }

};

