/* Copyright (c) 2008 Kean Loong Tan http://www.gimiti.com/kltan
 * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * Version: 1.1 (March 26, 2008)
 * Requires: jQuery 1.2+
 */
 
(function($) {

	var dialogDisplayed = false;
	var currentPos = true;

	$.fn.createModal = function(options) {

		// Extend our default options with those provided.
		var opts = $.extend({}, $.fn.createModal.defaults, options);

		$(this).click(function() {

			if (!opts.condition()) return false;

			currentPos = opts.center;

			if (!dialogDisplayed) { //display dialog if none is there
				if (!$("body div.modal-overlay").get(0)) {
					$("body").prepend('<div class="modal-overlay"></div>');
					if (opts.backgroundClose) $("div.modal-overlay").click($.closeDialog);
				}
				$("body").prepend('<div class="modal"><a class="button button-close-modal" href="javascript:void(0);" onclick="$.closeDialog();"><span>X</span></a><div class="modal-body"></div></div>');
				
				$("div.modal:first").hide();
				overlayPos(1);
				dialogDisplayed = true;
			}

			if (opts.progress) {
				if ($.browser.msie) {
					var top = document.body.scrollTop || document.documentElement.scrollTop;
				}
				else {
					var top = window.pageYOffset;
				}

				$("div.ajax-loading").css({
					top: top
				}).show();
			}

			if (opts.urlRequest) {
				$("div.modal:first").hide();
				$.ajax({
					type: opts.method,
					data: opts.data,
					contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
					url: opts.urlRequest + '?r=' + Math.floor(Math.random() * 100000),
					success: function(msg) {
						$("div.modal:first").addClass(opts.cssClass);
						$("div.modal:first div.modal-body").html(msg);
						$("div.ajax-loading").fadeOut(900);
					}
				});
			} else {
				$("div.modal:first").hide();
				$("div.modal:first").addClass(opts.cssClass);
				$("div.modal:first div.body").html(opts.htmlContainer);
			
			}
			
			setTimeout(function() {
				$("div.modal:first").show();
				reposition();
			}, 200);
			
			//only IE6 needs this function
			if ($.browser.msie && parseInt($.browser.version) < 7) {
				$(window).scroll(function() {
					if (dialogDisplayed == 1) {
						overlayPos();
						if (currentPos)
							reposition();
					}
				});
			}
			$(window).resize(function() {
				if (dialogDisplayed == 1) {
					overlayPos();
					if (currentPos)
						reposition();
				}
			});

			$(window).unload(function() {
				if (dialogDisplayed == 1)
					$.closeDialog();
			});

			$(window).keydown(function(event) {
				if (event.keyCode == 27)
					$.closeDialog();
			});

		});

		//private function
		function overlayPos(init) {
			var left = 0;
			var top = 0;
			var overlayWidth = $(window).width();
			var overlayHeight = $(document).height();
			var winHeight = $(window).height();

			if ($.browser.msie && parseInt($.browser.version) < 7) { //if IE6
				$("div.modal-overlay").css({
					top: 0,
					left: 0,
					width: overlayWidth,
					height: overlayHeight,
					position: "absolute",
					color: opts.bg,
					zIndex: opts.index,
					filter: 'mask()',
					opacity: opts.opacity
				});
			}
			else { //other browsers
				$("div.modal-overlay").css({
					top: 0,
					left: 0,
					width: overlayWidth,
					height: winHeight,
					position: "fixed",
					background: opts.bg,
					zIndex: opts.index
				});
			}

			if (init == 1) {
				$("div.modal-overlay").css("opacity", 0);
				$("div.modal-overlay").fadeTo(200, opts.opacity);
			}
		}

		//private function
		function reposition() { //calculate the position
			var left = 0;
			var top = 0;
			var winWidth = $(window).width();
			var winHeight = $(window).height();
			var dialogHeight = $("div.modal:first").children().height();
			var dialogWidth = $("div.modal:first").children().width();

			if ($.browser.msie) {
				left = document.body.scrollLeft || document.documentElement.scrollLeft;
				top = document.body.scrollTop || document.documentElement.scrollTop;
			}
			else {
				left = window.pageXOffset;
				top = window.pageYOffset;
			}

			var topOff = top + winHeight / 2 - dialogHeight / 2; //offset for IE6
			var leftOff = left + winWidth / 2 - dialogWidth / 2; //offset for IE6
			var topFixed = topOff - top;
			var leftFixed = leftOff - left;

			if ($.browser.msie && parseInt($.browser.version) < 7) { // IE6
				//IE 6 fix
				$("select").hide();
				//IE 6 fix
				$("div.modal:first div.body select").show();
				//IE6 doesn't support fixed position
				$("div.modal:first").css({
					top: topOff,
					left: leftOff,
					position: "absolute",
					zIndex: (opts.index + 1)
				}).show();

				$("div.ajax-loading").css({
					top: topOff,
					left: leftOff
				})
			}
			else {	// firefox and IE7
				$("div.modal:first").css({
					top: topFixed,
					left: leftFixed,
					position: "fixed",
					zIndex: (opts.index + 1)
				}).show();
			}
		}

		return this;
	};

	$.fn.createModal.defaults = {
		progress: true,
		center: true,
		method: 'GET',
		cssClass: '',
		data: '',
		opacity: 0.85,
		bg: '#000',
		index: 12000,
		closeButton: false,
		backgroundClose: false,
		condition: function() {
			return true;
		}
	};

	$.closeDialog = function() {
		dialogDisplayed = false;

		if ($.browser.msie && parseInt($.browser.version) < 7) //IE6 bug
			$("select").show();

		// IE bug with flash objects
		if ($.browser.msie) {
			$("div.modal object").each(function(obj) {
				try {
					this.parentNode.removeChild(this);
				} catch (ex) { }
			});
		}

		//fade out and remove DOM nodes
		$("div.modal").remove();

		$("div.modal-overlay").fadeTo(200, 0, function() {
			$("div.modal-overlay").remove();
		});
	};

	$.hideDialog = function() {
		dialogDisplayed = false;
		$("div.modal:first").css("visibility", "hidden");
	};

})(jQuery);
