/// <reference path="spider.js" />
/// <reference path="../jquery/jquery-1.4.1.js" />

spider.overlay = function (selector, message, key, settings, padding) {
    padding = padding || '12px 0 0 0;';

    var _returnObject = {
        add: function () {
            var $row = $(this).closest(selector);
            $row.addClass('se-edit-faded');
            $row.wrap('<div style="position: relative; float: left; width: 100%;"></div>');
            if ($row.prev('.se-edit-overlay').length === 0) {
                var html = '';
                html += '<div class="se-edit-overlay" key="' + key + '">'
                html += '   <div style="padding:' + padding + ';">'
                html += '       <span>' + message + '</span> '
                html += '       <a class="undo pointer underline">Undo?</a>'
                html += '   </div>'
                html += '</div>'
                $(html).insertBefore($row);
            }
        },

        remove: function () {
            var $message = $(this).closest('.se-edit-overlay');
            var $row = $message.next();
            $row.removeClass('se-edit-faded').parent().css('position', 'static');
            $message.remove();
        }
    };

    return _returnObject;
}