/*
 * jQuery blockUI plugin
 * Version 1.32  (08/23/2007)
 * @requires jQuery v1.1.1
 *
 * $Id$
 *
 * Examples at: http://malsup.com/jquery/block/
 * Copyright (c) 2007 M. Alsup
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 */
( function($) {
	/**
	 * blockUI provides a mechanism for blocking user interaction with a page
	 * (or parts of a page). This can be an effective way to simulate
	 * synchronous behavior during ajax operations without locking the browser.
	 * It will prevent user operations for the current page while it is active
	 * ane will return the page to normal when it is deactivate. blockUI accepts
	 * the following two optional arguments:
	 * 
	 * message (String|Element|jQuery): The message to be displayed while the UI
	 * is blocked. The message argument can be a plain text string like
	 * "Processing...", an HTML string like "
	 * <h1><img src="busy.gif" /> Please wait...</h1>", a DOM element, or a
	 * jQuery object. The default message is "
	 * <h1>Please wait...</h1>"
	 * 
	 * css (Object): Object which contains css property/values to override the
	 * default styles of the message. Use this argument if you wish to override
	 * the default styles. The css Object should be in a format suitable for the
	 * jQuery.css function. For example: $.blockUI({ backgroundColor: '#ff8',
	 * border: '5px solid #f00, fontWeight: 'bold' });
	 * 
	 * The default blocking message used when blocking the entire page is "
	 * <h1>Please wait...</h1>" but this can be overridden by assigning a
	 * value to $.blockUI.defaults.pageMessage in your own code. For example:
	 * 
	 * $.blockUI.defaults.pageMessage = "
	 * <h1>Bitte Wartezeit</h1>";
	 * 
	 * The default message styling can also be overridden. For example:
	 * 
	 * $.extend($.blockUI.defaults.pageMessageCSS, { color: '#00a',
	 * backgroundColor: '#0f0' });
	 * 
	 * The default styles work well for simple messages like "Please wait", but
	 * for longer messages style overrides may be necessary.
	 * 
	 * @example $.blockUI();
	 * @desc prevent user interaction with the page (and show the default
	 *       message of 'Please wait...')
	 * 
	 * @example $.blockUI( { backgroundColor: '#f00', color: '#fff'} );
	 * @desc prevent user interaction and override the default styles of the
	 *       message to use a white on red color scheme
	 * 
	 * @example $.blockUI('Processing...');
	 * @desc prevent user interaction and display the message "Processing..."
	 *       instead of the default message
	 * 
	 * @name blockUI
	 * @param String|jQuery|Element
	 *            message Message to display while the UI is blocked
	 * @param Object
	 *            css Style object to control look of the message
	 * @cat Plugins/blockUI
	 */
	$.blockUI = function(msg, css, opts) {
		// alert("blockUI");
		$.blockUI.impl.install(window, msg, css, opts);
	};

	// expose version number so other plugins can interogate
	$.blockUI.version = 1.32;

	/**
	 * unblockUI removes the UI block that was put in place by blockUI
	 * 
	 * @example $.unblockUI();
	 * @desc unblocks the page
	 * 
	 * @name unblockUI
	 * @cat Plugins/blockUI
	 */
	$.unblockUI = function(opts) {
		// alert("unblockUI");
		$.blockUI.impl.remove(window, opts);
	};

	/**
	 * Blocks user interaction with the selected elements. (Hat tip: Much of
	 * this logic comes from Brandon Aaron's bgiframe plugin. Thanks, Brandon!)
	 * By default, no message is displayed when blocking elements.
	 * 
	 * @example $('div.special').block();
	 * @desc prevent user interaction with all div elements with the 'special'
	 *       class.
	 * 
	 * @example $('div.special').block('Please wait');
	 * @desc prevent user interaction with all div elements with the 'special'
	 *       class and show a message over the blocked content.
	 * 
	 * @name block
	 * @type jQuery
	 * @param String|jQuery|Element
	 *            message Message to display while the element is blocked
	 * @param Object
	 *            css Style object to control look of the message
	 * @cat Plugins/blockUI
	 */
	$.fn.block = function(msg, css, opts) {
		return this.each( function() {
			if (!this.$pos_checked) {
				if ($.css(this, "position") == 'static')
					this.style.position = 'relative';
				if ($.browser.msie)
					this.style.zoom = 1; // force 'hasLayout' in IE
			this.$pos_checked = 1;
		}
		$.blockUI.impl.install(this, msg, css, opts);
	})	;
	};

	/**
	 * Unblocks content that was blocked by "block()"
	 * 
	 * @example $('div.special').unblock();
	 * @desc unblocks all div elements with the 'special' class.
	 * 
	 * @name unblock
	 * @type jQuery
	 * @cat Plugins/blockUI
	 */
	$.fn.unblock = function(opts) {
		return this.each( function() {
			$.blockUI.impl.remove(this, opts);
		});
	};

	/**
	 * displays the first matched element in a "display box" above a page
	 * overlay.
	 * 
	 * @example $('#myImage').displayBox();
	 * @desc displays "myImage" element in a box
	 * 
	 * @name displayBox
	 * @type jQuery
	 * @cat Plugins/blockUI
	 */
	$.fn.displayBox = function(css, fn, isFlash) {
		var msg = this[0];
		if (!msg)
			return;
		var $msg = $(msg);
		css = css || {};

		var w = $msg.width() || $msg.attr('width') || css.width
				|| $.blockUI.defaults.displayBoxCSS.width;
		var h = $msg.height() || $msg.attr('height') || css.height
				|| $.blockUI.defaults.displayBoxCSS.height;
		if (w[w.length - 1] == '%') {
			var ww = document.documentElement.clientWidth
					|| document.body.clientWidth;
			w = parseInt(w) || 100;
			w = (w * ww) / 100;
		}
		if (h[h.length - 1] == '%') {
			var hh = document.documentElement.clientHeight
					|| document.body.clientHeight;
			h = parseInt(h) || 100;
			h = (h * hh) / 100;
		}

		var ml = '-' + parseInt(w) / 2 + 'px';
		var mt = '-' + parseInt(h) / 2 + 'px';

		// supress opacity on overlay if displaying flash content on mac/ff
		// platform
		var ua = navigator.userAgent.toLowerCase();
		var opts = {
			displayMode :fn || 1,
			noalpha :isFlash && /mac/.test(ua) && /firefox/.test(ua)
		};

		$.blockUI.impl.install(window, msg, {
			width :w,
			height :h,
			marginTop :mt,
			marginLeft :ml
		}, opts);
	};

	// override these in your code to change the default messages and styles
	$.blockUI.defaults = {
		// the message displayed when blocking the entire page
		pageMessage :'<h1>Please wait...</h1>',
		// the message displayed when blocking an element
		elementMessage :'', // none
		// styles for the overlay iframe
		overlayCSS : {
			backgroundColor :'#fff',
			opacity :'0.5'
		},
		// styles for the message when blocking the entire page
		pageMessageCSS : {
			width :'250px',
			margin :'-50px 0 0 -125px',
			top :'50%',
			left :'50%',
			textAlign :'center',
			color :'#000',
			backgroundColor :'#fff',
			border :'3px solid #aaa'
		},
		// styles for the message when blocking an element
		elementMessageCSS : {
			width :'250px',
			padding :'10px',
			textAlign :'center',
			backgroundColor :'#fff'
		},
		// styles for the displayBox
		displayBoxCSS : {
			width :'400px',
			height :'400px',
			top :'50%',
			left :'50%'
		},
		// allow body element to be stetched in ie6
		ie6Stretch :1,
		// supress tab nav from leaving blocking content?
		allowTabToLeave :0,
		// Title attribute for overlay when using displayBox
		closeMessage :'Click to close',
		// use fadeOut effect when unblocking (can be overridden on unblock
		// call)
		fadeOut :1,
		// fadeOut transition time in millis
		fadeTime :400
	};

	// the gory details
	$.blockUI.impl = {
		box :null,
		boxCallback :null,
		pageBlock :null,
		pageBlockEls : [],
		op8 :window.opera && window.opera.version() < 9,
		ie6 :$.browser.msie && /MSIE 6.0/.test(navigator.userAgent),
		install : function(el, msg, css, opts) {
			opts = opts || {};
			this.boxCallback = typeof opts.displayMode == 'function' ? opts.displayMode
					: null;
			this.box = opts.displayMode ? msg : null;
			var full = (el == window);

			// use logical settings for opacity support based on browser but
			// allow overrides via opts arg
			var noalpha = this.op8 || $.browser.mozilla
					&& /Linux/.test(navigator.platform);
			if (typeof opts.alphaOverride != 'undefined')
				noalpha = opts.alphaOverride == 0 ? 1 : 0;

			if (full && this.pageBlock)
				this.remove(window, {
					fadeOut :0
				});
			// check to see if we were only passed the css object (a literal)
			if (msg && typeof msg == 'object' && !msg.jquery && !msg.nodeType) {
				css = msg;
				msg = null;
			}
			msg = msg ? (msg.nodeType ? $(msg) : msg)
					: full ? $.blockUI.defaults.pageMessage
							: $.blockUI.defaults.elementMessage;
			if (opts.displayMode)
				var basecss = jQuery.extend( {},
						$.blockUI.defaults.displayBoxCSS);
			else
				var basecss = jQuery.extend( {},
						full ? $.blockUI.defaults.pageMessageCSS
								: $.blockUI.defaults.elementMessageCSS);
			css = jQuery.extend(basecss, css || {});
			var f = ($.browser.msie) ? $('<iframe class="blockUI" style="z-index:1000;border:none;margin:0;padding:0;position:absolute;width:100%;height:100%;top:0;left:0" src="javascript:false;"></iframe>')
					: $('<div class="blockUI" style="display:none"></div>');
			var w = $('<div class="blockUI" style="z-index:1001;cursor:wait;border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0"></div>');
			var m = full ? $('<div class="blockUI blockMsg" style="z-index:1002;cursor:wait;padding:0;position:fixed"></div>')
					: $('<div class="blockUI" style="display:none;z-index:1002;cursor:wait;position:absolute"></div>');
			w.css('position', full ? 'fixed' : 'absolute');
			if (msg)
				m.css(css);
			if (!noalpha)
				w.css($.blockUI.defaults.overlayCSS);
			if (this.op8)
				w.css( {
					width :'' + el.clientWidth,
					height :'' + el.clientHeight
				}); // lame
			if ($.browser.msie)
				f.css('opacity', '0.0');

			$( [ f[0], w[0], m[0] ]).appendTo(full ? 'body' : el);

			// ie7 must use absolute positioning in quirks mode and to account
			// for activex issues (when scrolling)
			var expr = $.browser.msie
					&& (!$.boxModel || $('object,embed', full ? null : el).length > 0);
			if (this.ie6 || expr) {
				// stretch content area if it's short
				if (full && $.blockUI.defaults.ie6Stretch && $.boxModel)
					$('html,body').css('height', '100%');

				// fix ie6 problem when blocked element has a border width
				if ((this.ie6 || !$.boxModel) && !full) {
					var t = this.sz(el, 'borderTopWidth'), l = this.sz(el,
							'borderLeftWidth');
					var fixT = t ? '(0 - ' + t + ')' : 0;
					var fixL = l ? '(0 - ' + l + ')' : 0;
				}

				// simulate fixed position
				$
						.each(
								[ f, w, m ],
								function(i, o) {
									var s = o[0].style;
									s.position = 'absolute';
									if (i < 2) {
										full ? s
												.setExpression(
														'height',
														'document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px"')
												: s
														.setExpression(
																'height',
																'this.parentNode.offsetHeight + "px"');
										full ? s
												.setExpression(
														'width',
														'jQuery.boxModel && document.documentElement.clientWidth || document.body.clientWidth + "px"')
												: s
														.setExpression('width',
																'this.parentNode.offsetWidth + "px"');
										if (fixL)
											s.setExpression('left', fixL);
										if (fixT)
											s.setExpression('top', fixT);
									} else {
										if (full)
											s
													.setExpression(
															'top',
															'(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"');
										s.marginTop = 0;
									}
								});
			}
			if (opts.displayMode) {
				w.css('cursor', 'default').attr('title',
						$.blockUI.defaults.closeMessage);
				m.css('cursor', 'default');
				$( [ f[0], w[0], m[0] ]).removeClass('blockUI').addClass(
						'displayBox');
				$().click($.blockUI.impl.boxHandler).bind('keypress',
						$.blockUI.impl.boxHandler);
			} else
				this.bind(1, el);
			m.append(msg).show();
			if (msg.jquery)
				msg.show();
			if (opts.displayMode)
				return;
			if (full) {
				this.pageBlock = m[0];
				this.pageBlockEls = $(':input:enabled:visible', this.pageBlock);
				setTimeout(this.focus, 20);
			} else
				this.center(m[0]);
		},
		remove : function(el, opts) {
			var o = $.extend( {}, $.blockUI.defaults, opts);
			this.bind(0, el);
			var full = el == window;
			var els = full ? $('body').children().filter('.blockUI') : $(
					'.blockUI', el);
			if (full)
				this.pageBlock = this.pageBlockEls = null;

			if (o.fadeOut) {
				els.fadeOut(o.fadeTime, function() {
					if (this.parentNode)
						this.parentNode.removeChild(this);
				});
			} else
				els.remove();
		},
		boxRemove : function(el) {
			$().unbind('click', $.blockUI.impl.boxHandler).unbind('keypress',
					$.blockUI.impl.boxHandler);
			if (this.boxCallback)
				this.boxCallback(this.box);
			$('body .displayBox').hide().remove();
		},
		// event handler to suppress keyboard/mouse events when blocking
		handler : function(e) {
			if (e.keyCode && e.keyCode == 9) {
				if ($.blockUI.impl.pageBlock
						&& !$.blockUI.defaults.allowTabToLeave) {
					var els = $.blockUI.impl.pageBlockEls;
					var fwd = !e.shiftKey && e.target == els[els.length - 1];
					var back = e.shiftKey && e.target == els[0];
					if (fwd || back) {
						setTimeout( function() {
							$.blockUI.impl.focus(back)
						}, 10);
						return false;
					}
				}
			}
			if ($(e.target).parents('div.blockMsg').length > 0)
				return true;
			return $(e.target).parents().children().filter('div.blockUI').length == 0;
		},
		boxHandler : function(e) {
			if ((e.keyCode && e.keyCode == 27)
					|| (e.type == 'click' && $(e.target)
							.parents('div.blockMsg').length == 0))
				$.blockUI.impl.boxRemove();
			return true;
		},
		// bind/unbind the handler
		bind : function(b, el) {
			var full = el == window;
			// don't bother unbinding if there is nothing to unbind
			if (!b && (full && !this.pageBlock || !full && !el.$blocked))
				return;
			if (!full)
				el.$blocked = b;
			var $e = full ? $() : $(el).find('a,:input');
			$.each( [ 'mousedown', 'mouseup', 'keydown', 'keypress', 'click' ],
					function(i, o) {
						$e[b ? 'bind' : 'unbind'](o, $.blockUI.impl.handler);
					});
		},
		focus : function(back) {
			if (!$.blockUI.impl.pageBlockEls)
				return;
			var e = $.blockUI.impl.pageBlockEls[back === true ? $.blockUI.impl.pageBlockEls.length - 1
					: 0];
			if (e)
				e.focus();
		},
		center : function(el) {
			var p = el.parentNode, s = el.style;
			var l = ((p.offsetWidth - el.offsetWidth) / 2)
					- this.sz(p, 'borderLeftWidth');
			var t = ((p.offsetHeight - el.offsetHeight) / 2)
					- this.sz(p, 'borderTopWidth');
			s.left = l > 0 ? (l + 'px') : '0';
			s.top = t > 0 ? (t + 'px') : '0';
		},
		sz : function(el, p) {
			return parseInt($.css(el, p)) || 0;
		}
	};

})(jQuery);