/**
 * Bootstrap Modal with pure Javascript
 * Usage:
 * var my_modal = new bsModal();
 * my_modal.setBody('Some content');
 * my_modal.setFooter('Footer');
 * my_modal.modal.modal('show');
 * @param  {[object]} options [css classes]
 */
var bsModal = function (options) {
  var modalMarkup = '<div id="bsModal" tabindex="-1" class="modal ' + options.classes + ' fade in">' +
  '<div class="modal-dialog">' +
  '<div class="modal-content">' +
  '<div class="modal-header ' + options.container + '">' +
  '<button type="button" class="close" data-dismiss="modal">' +
  '<i class="icon-Bosch-Ic-close-black"></i>' +
  '</button>' +
  '<div class="modal-title"></div>' +
  '</div>' +
  '<div class="modal-body ' + options.container + '"></div>' +
  '</div>' +
  '</div>' +
  '</div>';

  this.modal = $('#bsModal');
  // Remove modal if there's already one
  this.modal.remove();

  // Append markup
  $(document.body).append(modalMarkup);
  this.modal = $('#bsModal');
  this.modalHeader = this.modal.find('.modal-header .modal-title');
  this.modalBody = this.modal.find('.modal-body');

  // Kill on Hide
  this.modal.on('hidden.bs.modal', function () {
    $(this).remove();
  });

  // Set variant class
  this.setClasses = function (classes) {
    this.modal.addClass(classes);
  };

  // Set Body
  this.setBody = function (markup) {
    this.modalBody.html(markup);
  };

  // Set Body
  this.setHeader = function (markup) {
    this.modalHeader.html(markup);
  };

  // Set Footer
  this.setFooter = function (markup) {
    this.modalBody.after('<div class="modal-footer ' + options.container + '">' + markup + '</div>');
  };

  // Display modal
  this.show = function (delay) {
    var that = this;
    delay = Number(delay);

    if ($.isNumeric(delay)) {
      var timeid = setTimeout(function() {
        that.modal.modal('hide');
      }, delay);
    }
    this.modal.modal('show');
  };
};