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'><div id='" + this._messageBoxContentId + "'></div></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 };
	
	// 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) {
	  	var scroll = ($.browser.msie) ? ' horizontalscrolling="no" verticalscrolling="yes"' : '';
        messageBox._iframeElem = $('<iframe frameborder="0" class="popupframe" src="' + url + '"' + scroll + '></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)
});