ExtApp.Notice = function() {
  var msg_ct;
  var message_template = new Ext.Template(
    '<div class="msg">',
      '<div class="x-box-tl"><div class="x-box-tr">',
        '<div class="x-box-tc"></div>',
      '</div></div>',
      '<div class="x-box-ml"><div class="x-box-mr">',
        '<div class="x-box-mc">{msg}</div>',
      '</div></div>',
      '<div class="x-box-bl"><div class="x-box-br">',
        '<div class="x-box-bc"></div>',
      '</div></div>',
    '</div>'
  );
  return {
    show: function(opts) {
      if (typeof opts == String) { opts = { 'msg': opts }; }
      if (!opts) { opts = {}; }
      if (!opts.delay) { opts.delay = 3000; }

      if(!msg_ct){
        msg_ct = Ext.DomHelper.insertFirst(
          document.body, {id:'msg-div'}, true
        );
      }
      msg_ct.alignTo(document, 't-t');

      var m = Ext.DomHelper.append(
        msg_ct,
        { html: message_template.apply(opts) },
        true
      );
      m.slideIn('t').pause(5).ghost('t', { remove: true});
    }
  };
}();