var ModalDimmer = {
    ID: 'ModalDimmerContainer',
    Dimmers: [],

    Add: function(div) {
        var container = el(this.ID);
        var id = div.id + 'Dimmer';
        container.innerHTML += String.format('<div class="ModalDimmerDiv" id="{0}"></div>', id);
        return el(id);
    },

    Show: function(div) {
        var modalDiv = this.Add(div);
        this.Dimmers.push(modalDiv);
        var buffer = 500;
        var clientSize = GetClientInfo();
        // Set zIndex behind this window         
        modalDiv.style.zIndex = (div.style.zIndex - 1);
        modalDiv.style.height = (clientSize.Height + buffer) + 'px';
        showEl(modalDiv.id);
    },

    Hide: function(div) {
        var modalDiv = (div) ? el(div.id + 'Dimmer') : this.Dimmers.pop();
        if (modalDiv == null)
            return;
        // move it away from everything
        modalDiv.style.height = '1px';
        modalDiv.style.zIndex = -1;
        hideEl(modalDiv.id);
    }
};