Ext.namespace("Ext.ux");

Ext.ux.Growl = (function() {
    var _container,
        _closerTpl = '<div class="x-growl-msg-close"></div>',
        //_basicTpl = '<div class="x-growl-msg">{0}</div>',
        _idTpl = '<div class="x-growl-msg {2} {3}" id="{4}"><div class="x-growl-msg-title">{0}</div><div class="x-growl-msg-body">{1}</div></div>',
        _fullTpl = '<div class="x-growl-msg {2} {3}"><div class="x-growl-msg-title">{0}</div><div class="x-growl-msg-body">{1}</div></div>',
        
        _config = {
            alignment: "t-t",
            duration: 3,
            context: document,
            offset: [0, 0],
            
            show: function(notification, options) {
                if (!options.pin) {
                    notification.fadeIn({duration: 1}).pause((options.duration || _config.duration)).fadeOut({duration: 1, remove: true})
                } else {
                    notification.fadeIn({duration: 1});
                }
            },
            
            close: function(notification, evt, elt, options) {
                notification.fadeOut({remove: true});
            },

			click: Ext.emptyFn
        },
    
        _getContainer = function() {
            if (!_container) {
                _container = Ext.DomHelper.insertFirst(document.body, {id:'x-growl-ct'}, true);
            }
            
            return _container;
        };
    
    return {
        notify: function(options) {
            var closer,
                notification,
                container = _getContainer(),
                hasIcon = options.iconCls ? "x-growl-msg-has-icon" : "",
                hasTitle = options.title ? "x-growl-msg-has-title" : "",
                content = options.id ? String.format(_idTpl, options.title || "", options.message || "", hasTitle + " " + hasIcon, options.iconCls || "", options.id):
                                            String.format(_fullTpl, options.title || "", options.message || "", hasTitle + " " + hasIcon, options.iconCls || "");

            notification = Ext.DomHelper[(options.alignment || _config.alignment).indexOf("b") === -1 ? "append" : "insertFirst"](container, content, true);
            notification.on("click", function(evt, elt, op) {
				if (Ext.fly(elt).hasClass("x-growl-msg-close")) {
                	(options.close || _config.close)(notification, evt, elt, options);					
				} else {
					(options.click || _config.click)(notification, evt, elt, options);
				}
            });
            
            if (options.closable !== false) {
                closer = Ext.DomHelper.append(notification, _closerTpl, true);
                
                notification.hover(closer.fadeIn, closer.fadeOut, closer);
            }
            
            container.alignTo((options.context || _config.context), (options.alignment || _config.alignment), (options.offset || _config.offset));
            
            (options.show || _config.show)(notification, options);
        },
    
        init: function(config) {
            Ext.apply(_config, config);
        }
    };
})();