document.write('<style type="text/css">.tabber{display:none;}<\/style>');

function ElementOverlay (Element, DivId, Action) {
    var overlay = $ (DivId);
    if (Action == 'show') {
        //get dimensions
        var ElementTop    = 0;
        var ElementLeft   = 0;
        var ElementHeight = Element.offsetHeight;
        var ElementWidth  = Element.offsetWidth;

        while (Element != null) {
            ElementTop  += Element.offsetTop;
            ElementLeft += Element.offsetLeft;
            Element      = Element.offsetParent;
        }

        //cover the element
        overlay.style.top     = ElementTop    + 'px';
        overlay.style.left    = ElementLeft   + 'px';
        overlay.style.height  = ElementHeight + 'px';
        overlay.style.width   = ElementWidth  + 'px';
        overlay.style.display = 'inline';
    } else if (Action == 'hide') {
        overlay.style.display = 'none';
    }
}


Ajax.Responders.register ({
    onCreate: function() {
        $ ('offers-message-box').replace ('<div id="offers-message-box" class="neutral"><p><img src="images/icons/ajax-loader.gif" alt="Please wait... Loading" /> Please wait... Loading.</p></div>');
        ElementOverlay ($$ ('#offers tbody').first(), 'overlay', 'show');
    }
});

function ajax (url) {
    new Ajax.Request (url, {
        method: 'post',
        onSuccess: function (transport) {
            ElementOverlay ('offers', 'overlay', 'hide');

            var response = $H (transport.responseText.evalJSON());

            response.each (function (pair) {
                element = $ (pair.key);
                if (pair.value.method == 'update')
                    element.update (pair.value.xhtml);
                else if (pair.value.method == 'replace')
                    element.replace (pair.value.xhtml);
            });
        }
    });
}