var messageBox = {

    _autoReset: true,
    _messageBoxId: "MB_MessageBox",
    _messageBoxContentId: "MB_MessageBoxContent",
    _overlayId: "MB_Overlay",
    _overlayFrameId: "MB_OverlayFrame",
    _loaderId: "MB_Loader",
    _loaderContentId: "MB_LoaderContent",
    _types: { "default": { "className": "MB_Type_Default", "modal": false, "loadMessage": "Loading..."} },
    _type: "default",
    _params: null,
    _iframeElem: null,
    _classFinder: /\b_|\b[a-z0-9]\w*\b/ig,

    get_autoReset: function() {
        if (arguments.length !== 0) { throw "Invalid number of arguments."; }
        return this._autoReset;
    },
    set_autoReset: function(autoReset) {
        if (arguments.length !== 1) { throw "Invalid number of arguments."; }
        if (autoReset !== true && autoReset !== false) { throw "Invalid autoReset parameter: autoReset='" + autoReset + "'."; }
        this._autoReset = autoReset;
    },

    get_type: function() {
        if (arguments.length !== 0) { throw "Invalid number of arguments."; }
        return this._type;
    },
    set_type: function(type) {
        if (arguments.length !== 1) { throw "Invalid number of arguments."; }
        if (typeof (this._types[type]) === "undefined") { throw "Unknown type: type='" + type + "'."; }
        this._type = type;
    },
    set_content: function(html) {
        if (arguments.length !== 1) { throw "Invalid number of arguments."; }
        if (typeof (this._messageBoxContent) === "undefined") { throw "Invalid operation: not initialized."; }
        this._messageBoxContent.html(html);
    },
    get_content: function(returnElement) {
        if (arguments.length > 1) { throw "Invalid number of arguments."; }
        if (typeof (this._messageBoxContent) === "undefined") { throw "Invalid operation: not initialized."; }
        if (returnElement === true) { return this._messageBoxContent; }
        return this._messageBoxContent.html();
    },
    get_messagebox: function() {
        if (arguments.length !== 0) { throw "Invalid number of arguments."; }
        if (typeof (this._messageBox) === "undefined") { throw "Invalid operation: not initialized."; }
        return this._messageBox;
    },

    init: function() {
        if (typeof (this._messageBox) === "undefined") {
            $("body").append("<div id='" + this._loaderId + "' style='display:none'><p id='" + this._loaderContentId + "'></p></div><div id='" + this._messageBoxId + "' style='display:none'><table class='shadowbox'><tbody><tr><td class='tl'/><td class='b'/><td class='tr'/></tr><tr><td class='b'/><td class='body'><div id='" + this._messageBoxContentId + "'></div></td><td class='b'/></tr><tr><td class='bl'/><td class='b'/><td class='br'/></tr></tbody></table></div>");
            this._loader = $("#" + this._loaderId);
            this._loaderContent = $("#" + this._loaderContentId);
            this._messageBox = $("#" + this._messageBoxId);
            this._messageBoxContent = $("#" + this._messageBoxContentId);
        }
    },

    registerType: function(typeName, params) {
        if (arguments.length !== 2) { throw "Invalid number of arguments."; }
        this._types[typeName] = params;
    },

    show: function(msg, type, params) {
        if (arguments.length < 1 && arguments.length > 3) { throw "Invalid number of arguments."; }
        this.beginShow(type, params);
        this.endShow(msg);
    },

    beginShow: function(type, params) {
        if (arguments.length > 2) { throw "Invalid number of arguments."; }
        if (typeof (type) === "undefined") { if (this._autoReset === true) { this.set_type("default"); } }
        else { this.set_type(type); }

        if (typeof (this._messageBoxContent) === "undefined") { this.init(); }
        this._initParams(params);

        this._messageBox.attr("class", "");
        if (typeof (this._params["className"]) !== "undefined") { this._messageBox.addClass(this._params["className"]); }
        if (typeof (this._params["loadMessage"]) !== "undefined") { this._loaderContent.html(this._params["loadMessage"]); }

        this._showOverlay();
        this._showLoader();
        this._asyncShow = true;
    },

    endShow: function(msg) {
        if (arguments.length !== 1) { throw "Invalid number of arguments."; }
        if (typeof (this._asyncShow) === "undefined" || this._asyncShow !== true) { throw "Invalid operation: no aysnchronous show operation in progress"; }
        this._messageBoxContent.html(msg);
        this._hideLoader();
        this._messageBox.show();
        this._asyncShow = false;
    },

    hide: function() {
        if (arguments.length !== 0) { throw "Invalid number of arguments."; }
        this._messageBox.hide();
        if (this._asyncShow === true) {
            this._hideLoader();
            this._asyncShow = false;
        }
        this._hideOverlay()
    },

    _showLoader: function() {
        this._centerElement(this._loader);
        this._loader.show();
    },
    _hideLoader: function() {
        if (typeof (this._loader) !== "undefined") {
            this._loader.hide();
        }
    },

    _initParams: function(params) {
        if (arguments.length !== 1) { throw "Invalid number of arguments."; }
        this._params = this._types[this._type];
        if (typeof (this._params) === "undefined") { this._params = {}; }
        if (typeof (this._types["default"]) !== "undefined") { this._params = $.extend({}, this._types["default"], this._params); }
        if (typeof (params) !== "undefined") { $.extend(this._params, params); }
    },

    _keyExists: function(args, key) {
        if (arguments.length !== 2) { throw "Invalid number of arguments."; }
        if (typeof (args) === "undefined" || typeof (args[key]) === "undefined") { return false; }
        return true;
    },

    _createOverlay: function() {
        if (arguments.length !== 0) { throw "Invalid number of arguments."; }
        if ($("#" + this._overlayId).length === 0) {
            if (typeof document.body.style.maxHeight === "undefined") {
                if ($("#" + this._overlayFrameId).length === 0) {
                    $("body").append("<iframe id='" + this._overlayFrameId + "'></iframe><div id='" + this._overlayId + "'></div>");
                }
            } else {
                $("body").append("<div id='" + this._overlayId + "'></div>");
            }
            this._centerElement(this._messageBox);
            this._overlay = $("#" + this._overlayId);
            this._overlayFrame = $("#" + this._overlayFrameId);
        }
    },

    _showOverlay: function() {
        if (arguments.length !== 0) { throw "Invalid number of arguments."; }
        if (typeof (this._overlay) === "undefined" || this._overlay.length == 0) {
            this._createOverlay();
        } else {
            this._overlay.show();
            this._overlayFrame.show();
            this._centerElement(this._messageBox);
        }
        if (this._params["modal"] !== true) {
            this._overlay.bind("click", { self: this }, this._onClickCloseEvent);
            $(document).bind("keyup", { self: this }, this._onKeyCloseEvent);
        }
        if (typeof (document.body.style.maxHeight) === "undefined") {
            $("body", "html").css({ height: "100%", width: "100%" });
            $("html").css("overflow", "hidden");
        }
    },

    _hideOverlay: function() {
        if (typeof (this._overlay) !== "undefined" && this._overlay.length > 0) {
            this._overlay.hide();
            this._overlayFrame.hide();
            this._overlay.unbind("click");
            $(document).unbind("keyup");

            if (typeof (document.body.style.maxHeight) === "undefined") {
                $("body", "html").css({ height: "auto", width: "auto" });
                $("html").css("overflow", "");
            }
        }
        return false;
    },

    _destroyOverlay: function() {
        if (this._overlay.length > 0) {
            this._hideOverlay(e);
            this._overlay.unbind("click");
            this._overlayFrame = $("#" + this._overlayFrameId);
            this._overlay = $("#" + this._overlayId);
            this._messageBox = $("#" + this._messageBoxId);
        }
        return false;
    },

    _centerElement: function(elem) {
        var elem = $(elem);
        var width = elem.outerWidth();
        var height = elem.outerHeight();
        elem.css({ marginLeft: '-' + parseInt((width / 2), 10) + 'px' });
        if (!(jQuery.browser.msie && typeof XMLHttpRequest == 'function')) { // take away IE6
            elem.css({ marginTop: '-' + parseInt((height / 2), 10) + 'px' });
        }
    },


    _onClickCloseEvent: function(e) {
        if (arguments.length !== 1) { throw "Invalid number of arguments."; }
        e.data.self.hide();
        return false;
    },

    _onKeyCloseEvent: function(e) {
        if (e.keyCode == 27) {
            e.data.self.hide();
            return false;
        }
        return true;
    },

    openAnchor: function(e) {
        var url = $(this).attr("href") || $(this).data().href;
        var title = $(this).attr("title");
        var content = $(this).data().content;
        var className = $.trim(this.className.replace(messageBox._classFinder, ""));
        var options = { className: className };
        return messageBox.openIFrame(url, title, options, content);
    },

    openIFrame: function(url, title, options, content) {
        var scrollAttr = '';
        // Show static content popup
        if (content !== undefined) {
            var contentNode = document.getElementById(content);
            if (contentNode) {
                messageBox.show("<div>" + contentNode.innerHTML + "</div>", undefined, options);
                messageBox.setTitle(title);
            }
        }
        // Show popup with iframe of current url
        else if (typeof (url) !== "undefined" && url != "" && url != "#") {
            if (messageBox._iframeElem == null) {
                if ($.browser.msie) {
                    // Remove unnecessary horizontal scrollbar in IE6:
                    scrollAttr = '" scrolling="no" horizontalscrolling="no" verticalscrolling="no"';
                }
                messageBox._iframeElem = $('<iframe frameborder="0" allowtransparency="true" class="popupframe" src="' + url + scrollAttr + '"></iframe>');
            } else {
                messageBox._iframeElem.attr("src", url);
            }
            messageBox.show(messageBox._iframeElem, undefined, options);
            messageBox.setTitle(title);
        }
        return false;
    },

    setTitle: function(title) {
        $("#MB_PopupTitle").html(title);
    }
};

$(document).ready(function(){
  $.meta.setType("class");

  // Register MessageBox types
  messageBox.init();
  messageBox.registerType("modal", {"className": "MB_Type_DefaultModal", "modal": true, "loadMessage": "Loading..." });
  messageBox.get_content(true).before('<div class="MB_PopupHeader"><h2 id="MB_PopupTitle"></h2><a href="javascript:void(0)" title="Sluit dit venster" id="MB_PopupClose"><span>Sluiten</span></a></div>');	
  $("#MB_PopupClose").bind("click", function(){messageBox.hide(); return false;});
  $(".messagebox").bind("click", messageBox.openAnchor)
});