(function($) {
    $.fn.notifyLotAdded = function(o) {
        return this.each(function() {
            (new $ltmf(this, o)).displayNotification();
        });
    };

    var defaults = {
        message: '',
        closeCaption: 'Close'
    };

    $ltmf = function(e, o) {
        this.options = $.extend({}, defaults, o || {});
        this.image = e;
        this.blockerDiv = null;
        this.notifBlock = null;
        this.setup();
    };

    $ltmf.prototype.extend = $.extend;

    $ltmf.getWindowDimensions = function() {
        var h = $(window).height();
        var w = $(window).width();
        return { height: h, width: w };
    };

    $ltmf.getWindowOffset = function() {
        var t = $(window).scrollTop();
        var l = $(window).scrollLeft();
        return { top: t, left: l };
    };

    $ltmf.setDimensions = function(item, dim) {
        $(item).width(dim.width);
        $(item).height(dim.height);
    }

    $ltmf.setOffset = function(item, offset) {
        $(item).css('top', offset.top + 'px');
        $(item).css('left', offset.left + 'px');
    }

    $ltmf.prototype.extend({
        setup: function() {
            this.createBlockerDiv();
            this.createNotificationBlock();
        },

        displayNotification: function() {
            this.turnOnEventBindings();
            this.blockerDiv.show();
            this.notifBlock.show();
        },

        onWindowResize: function(e) {
            var context = e.data;
            context.centerMessageBox();
        },

        onCloseClick: function(e) {
            var context = e.data;
            context.turnOffEventBindings();
            context.notifBlock.remove();
            context.notifBlock = null;
            context.blockerDiv.hide();
            context.blockerDiv.unbind('click', context.onCloseClick);
            context.blockerDiv = null;
        },

        onIEScrollResize: function(e) {
            var blockDiv = e.data;

            var offset = $ltmf.getWindowOffset();
            $ltmf.setOffset(blockDiv, offset);

            var dim = $ltmf.getWindowDimensions();
            $ltmf.setDimensions(blockDiv, dim);
        },

        turnOnEventBindings: function() {
            this.blockerDiv.bind('click', this, this.onCloseClick);
            $(window).bind('resize', this, this.onWindowResize);
            if (jQuery.browser.msie) {
                $(window).bind('resize scroll', this.blockerDiv, this.onIEScrollResize);
                this.onIEScrollResize({ data: this.blockerDiv });
            }
        },

        turnOffEventBindings: function() {
            this.notifBlock.unbind('click', this.onCloseClick);
            $(window).unbind('resize', this.onWindowResize);
            if (jQuery.browser.msie) {
                $(window).unbind('scroll', this.onIEScrollResize);
                $(window).unbind('resize', this.onIEScrollResize);
            }
        },

        createNotificationBlock: function() {
            var content = $(this.image).clone();
            var divCloseHeader = $('<div/>')
                .addClass('notification-header')
                .text(this.options.closeCaption)
                .bind('click', this, this.onCloseClick);
            var divMessage = $('<div/>')
                .addClass('notification-message')
                .html(this.options.message);
            var divContent = $('<div/>')
                .addClass('notification-content')
                .append(content);
            var divBlock = $('<div/>')
                .addClass('notification-block')
                .css({
                    'position': 'absolute',
                    'z-index': '180',
                    'top': '85px'
                })
                .append(divCloseHeader)
                .append(divMessage)
                .append(divContent);
            this.notifBlock = divBlock;
            this.notifBlock.hide();
            var body = $(document).find('body');
            $(body).prepend(this.notifBlock);
            this.centerMessageBox();
            return divBlock;
        },

        createBlockerDiv: function() {
            this.blockerDiv = $('div#blocker');
            if (this.blockerDiv.size() > 0) {
                return;
            }

            this.blockerDiv = $(this.getBlockerDivHtml())
                .addClass('blocker')
                .css({
                    'background-color': 'white',
                    'filter': 'alpha(opacity=0)',
                    'opacity': '0',
                    'z-index': '90'
                });

            // if IE - use event-based overlay floating
            if (jQuery.browser.msie) {
                $(this.blockerDiv).css({
                    'top': '0px',
                    'left': '0px',
                    'position': 'absolute'
                });
            }
            // otherwise use static giant overlay
            else {
                $(this.blockerDiv).css({
                    'position': 'fixed',
                    'width': '20000px',
                    'height': '20000px'
                });
            }

            var docDim = $ltmf.getWindowDimensions();
            $ltmf.setDimensions(this.blockerDiv, docDim);
            var body = $(document).find('body');
            $(body).prepend(this.blockerDiv);
            return this.blockerDiv;
        },

        getBlockerDivHtml: function() {
            return '<div id="blocker"></div>';
        },

        centerMessageBox: function() {
            var windowWidth = $(window).width();
            var block = this.notifBlock;
            var blockWidth = block.width();
            var left = (windowWidth - blockWidth) / 2;
            block.css({ 'left': left + 'px' });
        }
    });
})(jQuery);