/*
*
* Wijmo Library 0.6.1
* http://wijmo.com/
*
* Copyright(c) ComponentOne, LLC.  All rights reserved.
* 
* Dual licensed under the MIT or GPL Version 2 licenses.
* licensing@wijmo.com
* http://www.wijmo.com/license
*
*
* Wijmo Tooltip widget.
* 
* Depends:
*   jquery-1.4.2.js
*	jquery.ui.core.js
*	jquery.ui.widget.js
*
*/
(function ($) {
	$.widget("ui.wijtooltip", {
		options: {
			/// <summary>
			///A value that sets the tooltip's content.
			///Remarks:The value can be a string,html code,or a function.If it's a function,then the content will be the function's return value.
			///Type:String or Function.
			///Default:"".
			///Code example:$(".selector").wijtooltip("option","content","my content").
			///</summary>
			content: '',
			/// <summary>
			///Specifies a value that sets the tooltip's title
			///Type:String or Function.
			///Default:"".
			///Code example:$(".selector").wijtooltip("option","title","my title");
			///Remark:The value can be a string,HTML,or a function.If it is a function,then the content will be the function's return value.
			///</summary>
			title: "",
			/// <summary>
			/// A value that determines how to close the tooltip.Behaviors include auto or sticky.
			///Type:String.
			///Default:"auto".
			///Code example:$(".selector").wijtooltip("option","closeBehavior","auto").
			///</summary>
			closeBehavior: 'auto',
			/// <summary>
			///If true,then the tooltip moves with the mouse.
			///Type:Boolean.
			///Default:false.
			///Code example:$(".selector").wijtooltip("option","mouseTrailing",false).
			///</summary>
			mouseTrailing: false,
			/// <summary>
			///Sets the show tooltip's event
			///Remarks:The value should be 'hover','click','focus','rightClick','custom'.
			///Type:String
			///Default:"hover".
			///Code example:$(".selector").wijtooltip("option","triggers","hover").
			///</summary>
			triggers: 'hover',
			/// <summary>
			///Sets the tooltip's position mode .For example here is the jQuery ui position's position:{my:'top left',at:'right buttom',offset:null}. 
			///Type:Object.
			///Default:{
			///	my: 'left bottom',
			///	at: 'right top',
			///	offset: null
			///}
			///Code expamle:$(".selector").wijtooltip("option","position",{my: 'left bottom',at: 'right top',offset: '0 0'}).
			///</summary>
			position: {
				my: 'left bottom',
				at: 'right top',
				offset: null
			},
			/// <summary>
			///Determines whether to show the callout element.
			///Type:Boolean.
			///Default:true.
			///Code example:$(".selector").wijtooltip("option","showCallOut",true).
			///</summary>
			showCallOut: true,
			/// <summary>
			///Determines the animation effect that will be shown.
			///Remarks:This should be an object value.Possible values include:'animated','duration',and 'easing'.This property works with jQuery animation.
			///Type:Object.
			///Default:{animated: 'fade',duration:500}.
			///Code example:$(".selector").wijtooltip("option","showAnimation",{animated:fade,duration:500}).
			///</summary>
			showAnimation: { animated: 'fade', duration: 500 },
			/// <summary>
			////Determines the animation effect that will be hidden.
			///Remarks:This should be an object value,like the showAnimation property.If 'animated' set to false. then hide the tooltip without animation.
			///Type:Object.
			///Default:{animated: 'fade',duration:500}.
			///Code example:$(".selector").wijtooltip("option","hideAnimation",{animated:'fade',duration:500}).
			///</summary>
			hideAnimation: { animated: 'fade', duration: 500 },
			/// <summary>
			///Determines the length of the delay before the tooltip appears.
			///Type:Number
			///Default:0.
			///Code example:$(".selector").wijtooltip("option","showDelay",200).
			///</summary>
			showDelay: 150,
			/// <summary>
			///Determines the length of the delay before the tooltip disappears.
			///Type:Number.
			///Default:0.
			///Code example:$(".selector").wijtooltip("option","hideDelay",200).
			///</summary>
			hideDelay: 150,
			/// <summary>
			///Sets the callout's offset changing animation.
			///Remarks:The value is an object,like the following:{duration:100,easing:'swing'}.
			///Type:Object.
			///Default:{}.
			///Code example:$(".selector").wijtooltip("option","calloutAnimation",{duration:200}).
			///</summary>
			calloutAnimation: {},
			/// <summary>
			///Determines the callout's class style.If true,then the callout triangle will be filled.
			///Type:Boolean.
			///Default:true.
			///Code example:$(".selector").wijtooltip("option","calloutFilled",true).
			///</summary>
			calloutFilled: true,

			modal: false

		},
		_setOption: function (key, value) {
			if ($.isPlainObject(value)) {
				value = $.extend(this.options[key], value);
			}
			//console.log(value);
			if (key === "position") {
				this.element.data("oldPos", this.options[key]);
			}
			$.Widget.prototype._setOption.apply(this, arguments);
			if ($.isFunction(this["_set_" + key])) {
				this["_set_" + key](value);
			}
		},
		_setPositionOffset: function (flag) {
			var domElement = this.element.data("domElements");
			domElement.callout.stop(true, true);
			var calloutAnimation = $.extend({ duration: 1000 }, this.options.calloutAnimation);
			//var tooltip = this.element.data("tooltip");
			var arrowClass = this.element.data("arrowClass").replace(/ui-wijtooltip-arrow-/, "");
			var horition = false;
			var arr = ["tr", "tc", "tl", "bl", "bc", "br"];
			$.each(arr, function (i, n) {
				if (arrowClass === n) {
					horition = true;
				}
			});
			var value = "";
			var offset = this.options.position.offset;
			if (offset) {
				var array = offset.split(" ");
				if (array.length === 2) {
					if (horition) {
						value = array[0];
					}
					else {
						value = array[1];
					}
				}
			}
			if (value !== "") {
				if (flag) {
					if (horition) {
						domElement.callout.css("left", value + "px");
					}
					else {
						domElement.callout.css("top", value + "px");
					}
				}
				else {
					if (horition) {
						domElement.callout.animate({ left: value }, calloutAnimation.duration, calloutAnimation.easing);
					}
					else {
						domElement.callout.animate({ top: value }, calloutAnimation.duration, calloutAnimation.easing);
					}
				}

			}
		},
		_set_calloutSide: function () {
			if (this.options.showCallOut) {
				this._addCallOut();
			}
		},

		_set_triggers: function () {
			//this._unbindTargetElements();+
			this.element.unbind(".tooltip");
			this._attachEventToElement();
		},

		_set_position: function (value) {
			if (this.options.showCallOut) {
				var oldpos = this.element.data("oldPos");
				if (oldpos.my !== value.my || oldpos.at !== value.at) {
					this._setCalloutCss();
					this._setposition();
				}
				this._setPositionOffset();
			}

		},
		_set_calloutFilled: function () {
			this._setcalloutFilled();
		},
		_set_showCallOut: function (value) {
			this.element.removeClass("ui-wijtooltip-arrow-tr ui-wijtooltip-arrow-tc ui-wijtooltip-arrow-tl ui-wijtooltip-arrow-br ui-wijtooltip-arrow-bc ui-wijtooltip-arrow-bl " +
			"ui-wijtooltip-arrow-rb ui-wijtooltip-arrow-rc ui-wijtooltip-arrow-rt ui-wijtooltip-arrow-lb ui-wijtooltip-arrow-lc ui-wijtooltip-arrow-lt");
			var domElement = this.element.data("domElements");
			if (value) {
				this._setCalloutCss();
				if (domElement) {
					domElement.callout.show();
				}
			}
			else {
				if (domElement) {
					domElement.callout.hide();
				}
			}
		},
		_set_closeBehavior: function () {
			this._setCloseBtnCss();
		},
		_set_mouseTrailing: function () {
			this.element.unbind(".tooltip");
			this._attachEventToElement();
		},

		destroy: function () {
			/// <summary>Removes the wijtooltip functionality completely.This returns the element back to its pre-init state.</summary>
			this.element.unbind(".tooltip");

			$.Widget.prototype.destroy.apply(this);
			this.element.data("tooltip").remove();
			this.element.attr("title", this.element.data("title"));
			this.element.removeData("tooltip").removeData("arrowClass").removeData("domElements").removeData("fixedArrowClass").removeData("offset").removeData("oldPos").removeData("showDelay").removeData("title");
		},

		widget: function () {
			return this.element.data("tooltip");
		},

		_create: function () {
			this._setStructure();
			this.element.data("oldPos", this.options.position);
			this.options.position.of = this.element;
			//this._setLayout();

			this._attachEventToElement();
			this._initializeDomElements();
			var domElement = this.element.data("domElements");
			var tooltip = this.element.data("tooltip");
			tooltip.hide();
			this._setCalloutCss();
			if (this.options.showCallOut) {
				domElement.callout.show();
			}
			else {
				domElement.callout.hide();
			}

			if ($.fn.bgiframe && $.browser.msie && $.browser.version === "6.0") {
				tooltip.bgiframe();
			}
			this.element.data("offset", this.options.position.offset);
		},
		_setStructure: function () {
			var tooltip = $("<div>");
			tooltip.addClass("ui-wijtooltip");
			var container = $("<div class='ui-wijtooltip-container'>");
			var callout = $("<div class='ui-widget-content ui-wijtooltip-pointer '><div class='ui-wijtooltip-pointer-inner'></div></div>");
			var title = $("<div>");
			var closebtn = $("<a href='#'></a>");
			var closespan = $("<span>");
			closebtn.addClass("ui-wijtooltip-close ui-state-default ui-corner-all");
			closespan.addClass("ui-icon ui-icon-close");
			closebtn.append(closespan);
			this.element.data("domElements", {
				container: container,
				callout: callout,
				closebtn: closebtn,
				title: title
			});
			//jga            title.append(closebtn);
			title.addClass("ui-wijtooltip-title ui-widget-header ui-corner-all");
			tooltip.append(title);
			tooltip.append(closebtn);
			tooltip.append(container);
			tooltip.append(callout);
			tooltip.addClass("ui-widget ui-widget-content ui-corner-all");
			//container.addClass("ui-widget-content");
			tooltip.css("position", "absolute");
			tooltip.appendTo("body");
			this.element.data("tooltip", tooltip);
			this._setcalloutFilled();
			this._setCloseBtnCss();
		},

		_setcalloutFilled: function () {
			var domelement = this.element.data("domElements");
			$(">:first", domelement.callout).removeClass("ui-wijtooltip-pointer-inner-fill");
			if (this.options.calloutFilled) {
				$(">:first", domelement.callout).addClass("ui-wijtooltip-pointer-inner-fill");
			}
		},
		_setCloseBtnCss: function () {
			var domElement = this.element.data("domElements");

			if (this.options.closeBehavior === "sticky") {
				domElement.closebtn.show();
			}
			else {
				domElement.closebtn.hide();
			}
		},

		_setCalloutCss: function () {
			if (!this.options.showCallOut) {
				this.options.position.offset = this.element.data("offset");
				return;
			}
			var o = this.options;
			var my = o.position.my;
			var arr = my.split(" ");
			var cssname = '';
			if (arr.length == 2) {
				cssname += arr[0].substr(0, 1);
				cssname += arr[1].substr(0, 1);
			}
			var arrat = o.position.at.split(" ");
			if (arr[0] == arrat[0]) {
				if ((arr[1] == 'top' && arrat[1] == 'bottom') || (arr[1] == 'bottom' && arrat[1] == 'top')) {
					cssname = cssname.substr(1, 1) + cssname.substr(0, 1);
				}
			}
			else if (arrat[0] == 'center') {
				cssname = cssname.substr(1, 1) + cssname.substr(0, 1);
			}
			if (cssname.substr(0, 1) == 'c') {
				cssname = cssname.substr(1, 1) + cssname.substr(0, 1);
			}
			if (this.element.data('arrowClass')) {
				var oldcss = this.element.data('arrowClass');
				oldcss = oldcss.substr(oldcss.length - 2, 1);
			}

			cssname = 'ui-wijtooltip-arrow-' + cssname;
			var tooltip = this.element.data("tooltip");
			tooltip.removeClass("ui-wijtooltip-arrow-tr ui-wijtooltip-arrow-tc ui-wijtooltip-arrow-tl ui-wijtooltip-arrow-br ui-wijtooltip-arrow-bc ui-wijtooltip-arrow-bl " +
			"ui-wijtooltip-arrow-rb ui-wijtooltip-arrow-rc ui-wijtooltip-arrow-rt ui-wijtooltip-arrow-lb ui-wijtooltip-arrow-lc ui-wijtooltip-arrow-lt");
			tooltip.addClass(cssname);
			this.element.data("arrowClass", cssname);

		},
		_initializeDomElements: function () {
			var tooltip = this.element.data("tooltip");
			tooltip.bind("mouseout", $.proxy(this._onMouseOutTooltipElement, this));
			tooltip.bind("mouseover", $.proxy(this._onMouseOverTooltipElement, this));
			this.element.data("domElements").closebtn.bind("click", $.proxy(this._onClickCloseBtn, this));
		},
		_attachEventToElement: function () {
			if (this.element.data("title") == null) {
				this.element.data("title", this.element.attr("title"));
				this.element.attr("title", "");
			}
			var self = this;
			this.element.unbind('.tooltip');
			if (this.options.mouseTrailing) {
				this.element.bind("mousemove.tooltip", function () {
					self._setposition();
					self.show();
				});
			}

			switch (this.options.triggers) {
				case "hover":
					this.element.bind("mouseover.tooltip", function () {
						self.show();
					}).bind("mouseout.tooltip", function () {
						if (self.options.closeBehavior === "sticky" || self.options.modal || self.options.closeBehavior === "none") {
							return;
						}
						self.hide();
					});
					break;
				case "click":
					this.element.bind("click.tooltip", function () {
						self.show();
					});
					break;
				case "focus":
					this.element.bind("focus.tooltip", function () {
						self.show();
					}).bind("blur.tooltip", function () {
						if (self.options.closeBehavior === "sticky") {
							return;
						}
						self.hide();
					});
					break;
				case "rightClick":
					this.element.bind("contextmenu.tooltip", function (e) {
						self.show();
						e.preventDefault();
					});
					break;
				case "custom":
					break;
			}
		},
		///judgy if the point is in element
		_isPointInsideRectWithOutBorder: function (point, _element) {
			var obj = $(_element);
			var bnd = {
				X: obj.offset().left,
				Y: obj.offset().top,
				Width: obj.outerWidth(true),
				Height: obj.outerHeight(true)
			}
			if (point.X <= bnd.X || point.X >= (bnd.X + bnd.Width)) {
				return false;
			}
			if (point.Y <= bnd.Y || point.Y >= (bnd.Y + bnd.Height)) {
				return false;
			}
			return true;
		},
		// end tooltip mouse events
		_onMouseOutTooltipElement: function (e) {
			if (this.options.closeBehavior === "sticky" || this.options.closeBehavior === "none") {
				return;
			}
			if (!this._isPointInsideRectWithOutBorder({
				X: e.pageX,
				Y: e.pageY
			}, this.element.data("tooltip"))) {
				this.hide();
			}
		},
		_onMouseOverTooltipElement: function (e) {
			if (this.options.closeBehavior === "auto" && !this.options.mouseTrailing) {
				if (!this.element.data("currentElement") || this._isPointInsideRectWithOutBorder({
					X: e.pageX,
					Y: e.pageY
				}, this.element.data("currentElement"))) {
					this.hide();
				}
			}
		},
		_onClickCloseBtn: function () {
			this.hide();
		},
		//begin tooltip mouse events

		//end tooltip mouse events
		_setposition: function () {
			var tooltip = this.element.data("tooltip");
			var isHidden = tooltip.is(":hidden")
			if (isHidden) {
				tooltip.show();
			}
			var option = $.extend(this.options.position, {});
			tooltip.css({ left: 0, top: 0 });
			//if (!this.element.data("fixed")) {
			if (this.options.showCallOut) {
				var arrowClass = this.element.data("arrowClass");
				var str = arrowClass.substr(arrowClass.length - 2, 1);
				var offset = [];
				//----change the position offset to set the callout.
				//offset[0] = parseInt(offset[0]);
				//offset[1] = parseInt(offset[1]);
				offset[0] = offset[1] = 0;
				//console.log(arrowClass);
				var offsetstr = "";
				switch (str) {
					case "l":
						offset[0] += 14;
						break;
					case "r":
						offset[0] -= 14;
						break;
					case "t":
						offset[1] += 14;
						break;
					case "b":
						offset[1] -= 14;
						break;
				}
				offsetstr = offset.join(" ");
				//}
			}
			tooltip.position({ my: option.my, at: option.at, of: option.of, offset: offsetstr, collision: 'none none' });
			var position = tooltip.offset();
			tooltip.css({ left: 0, top: 0 });
			this.element.data("fixedArrowClass", false);
			tooltip.position({ my: option.my, at: option.at, of: option.of, offset: offsetstr, collision: option.collision });
			if (this.options.showCallOut) {
				this._calloutflip(position);
				this._set_unfilledCallout();
			}
			if (isHidden && !(this.options.relativeTo === "mouse" && this.options.mouseTrailing)) {
				tooltip.hide();
			}
		},

		_set_unfilledCallout: function (calloutCss) {
			var tooltip = this.element.data("tooltip");
			if (!calloutCss) {
				calloutCss = this.element.data("arrowClass");
				if (this.element.data("fixedArrowClass")) {
					calloutCss = this.element.data("fixedArrowClass");
				}
			}
			var domObject = this.element.data("domElements");
			var innerCallout = domObject.callout.children();
			innerCallout.css({
				"border-left-color": "",
				"border-left-color": "",
				"border-bottom-color": "",
				"border-right-color": ""
			});
			if (!this.options.calloutFilled) {
				switch (calloutCss) {
					case "lt":
					case "lc":
					case "lb":
						innerCallout.css("border-right-color", tooltip.css("background-color"));
						break;
					case "tl":
					case "tc":
					case "tr":
						innerCallout.css("border-bottom-color", tooltip.css("background-color"));
						break;
					case "rt":
					case "rc":
					case "rb":
						innerCallout.css("border-left-color", tooltip.css("background-color"));
						break;
					case "bl":
					case "bc":
					case "br":
						innerCallout.css("border-top-color", tooltip.css("background-color"));
						break;
				}
			}
		},

		_calloutflip: function (position) {
			var tooltip = this.element.data("tooltip");
			var changeset = { left: false, top: false };
			var win = $(window);
			var over;
			if (this.options.position.at[0] != 'center') {
				if (position.left < 0) {
					changeset.left = true;
				}
				over = position.left + tooltip.width() - win.width() - win.scrollLeft();
				if (over > 0) {
					changeset.left = true;
				}
			}
			if (this.options.position[1] != 'center') {
				over = position.top + tooltip.height() - win.height() - win.scrollTop();
				if (position.top < 0) {
					changeset.top = true;
				}
				if (over > 0) {
					changeset.top = true;
				}
			}
			var cssname = this.element.data("arrowClass");
			cssname = cssname.substr(cssname.length - 2, 2);
			if (changeset.left) {
				if (cssname.indexOf('l') > -1) {
					cssname = cssname.replace(/l/, 'r');
				}
				else if (cssname.indexOf('r') > -1) {
					cssname = cssname.replace(/r/, 'l');
				}
			}
			if (changeset.top) {
				if (cssname.indexOf('t') > -1) {
					cssname = cssname.replace(/t/, 'b');
				}
				else if (cssname.indexOf('b') > -1) {
					cssname = cssname.replace(/b/, 't');
				}
			}
			if (changeset.left || changeset.top) {
				tooltip.removeClass("ui-wijtooltip-arrow-tr ui-wijtooltip-arrow-tc ui-wijtooltip-arrow-tl ui-wijtooltip-arrow-br ui-wijtooltip-arrow-bc ui-wijtooltip-arrow-bl " +
			"ui-wijtooltip-arrow-rb ui-wijtooltip-arrow-rc ui-wijtooltip-arrow-rt ui-wijtooltip-arrow-lb ui-wijtooltip-arrow-lc ui-wijtooltip-arrow-lt");
				tooltip.addClass("ui-wijtooltip-arrow-" + cssname);
			}
			this.element.data("fixedArrowClass", cssname);
		},
		_showTooltip: function () {
			var o = this.options;
			var ea = {
				ui: this,
				cancel: false
			};
			this._trigger("showing", ea);
			if (ea.cancel) {
				return;
			}
			this._showModal();

			var tooltip = this.element.data("tooltip");
			tooltip.css("z-index", this._getMaxZIndex());
			if (o.showAnimation.animated && !this.options.mouseTrailing) {
				var aimateOptions = {
					show: true,
					context: tooltip,
					complete: $.proxy(function () {
						this._trigger("shown");

					}, this)
				}
				var animations = $.ui.wijtooltip.animations, duration = o.showAnimation.duration, easing = o.showAnimation.animated;
				if (easing && !animations[easing] && !$.easing[easing]) {
					easing = 'fade';
				}
				if (!animations[easing]) {
					animations[easing] = function (options) {
						this.slide(options, {
							easing: easing,
							duration: duration || 700
						});
					};
				}
				animations[easing](o.showAnimation, aimateOptions);
			}
			else {
				tooltip.show();
				this._trigger("shown");
			}
			this._setPositionOffset(true);
			//this._setCalloutOffset();
		},
		_hideTooltip: function () {
			var o = this.options;
			var ea = new $.Event('hidding.tooltip');
			ea.data = {
				ui: this,
				cancel: false
			};
			this._trigger("hidding");
			if (ea.data.cancel) {
				return;
			}
			this._hideModal();
			var tooltip = this.element.data("tooltip");
			if (o.hideAnimation.animated) {
				var aimateOptions = {
					show: false,
					context: tooltip,
					complete: $.proxy(function () {
						this._trigger("hidden");
					}, this)
				}
				var animations = $.ui.wijtooltip.animations, duration = o.hideAnimation.duration, easing = o.hideAnimation.animated;
				if (easing && !animations[easing] && !$.easing[easing]) {
					easing = 'fade';
				}
				if (!animations[easing]) {
					animations[easing] = function (options) {
						this.slide(options, {
							easing: easing,
							duration: duration || 700
						});
					};
				}
				animations[easing](o.hideAnimation, aimateOptions);
			}
			else {
				tooltip.hide();
				this._trigger("hidden");
			}
		},
		_setText: function () {
			var domElement = this.element.data("domElements");
			var currentElement = this.element;
			var content = this.options.content;
			var self = this;
			if ($.isFunction(content)) {
				var strret = content.call(self.element, function (data) {
					if (data) {
						domElement.container.html(data);
					}
				})
				if (strret) {
					domElement.container.html(strret);
				}
			}
			else {
				if (content != "") {
					domElement.container.html(content);
				}
				else {

					domElement.container.html(currentElement ? currentElement.data("title") : '');
				}
			}

			domElement.title.show();
			var title = this.options.title;
			var titlevalue = "";
			if ($.isFunction(title)) {
				var strtitle = title.call(this.element, function (data) {
					if (data) {
						titlevalue = data;
					}
				});
				if (strtitle) {
					titlevalue = strtitle;
				}
			}
			else {
				if (title !== "") {
					titlevalue = title;
				}
			}
			if (titlevalue !== "") {
				domElement.title.show();
				domElement.title.html(titlevalue);
			}
			else {
				domElement.title.hide();
			}
		},

		_getMaxZIndex: function () {
			var zindex = 0;
			$("*").each(function () {
				var index = $(this).css("z-index");
				if (!isNaN(index)) {
					index = parseInt(index);
					if (index > zindex) {
						zindex = index;
					}
				}

			})
			return zindex + 1;
		},

		_getDocHeight: function () {
			var scrollHeight,
			offsetHeight;
			// handle IE 6
			if ($.browser.msie && $.browser.version < 7) {
				scrollHeight = Math.max(
				document.documentElement.scrollHeight,
				document.body.scrollHeight
			);
				offsetHeight = Math.max(
				document.documentElement.offsetHeight,
				document.body.offsetHeight
			);

				if (scrollHeight < offsetHeight) {
					return $(window).height() + 'px';
				} else {
					return scrollHeight + 'px';
				}
				// handle "good" browsers
			} else {
				return $(document).height() + 'px';
			}
		},

		_getDocWidth: function () {
			var scrollWidth,
			offsetWidth;
			// handle IE 6
			if ($.browser.msie && $.browser.version < 7) {
				scrollWidth = Math.max(
				document.documentElement.scrollWidth,
				document.body.scrollWidth
			);
				offsetWidth = Math.max(
				document.documentElement.offsetWidth,
				document.body.offsetWidth
			);

				if (scrollWidth < offsetWidth) {
					return $(window).width() + 'px';
				} else {
					return scrollWidth + 'px';
				}
			} else {
				return $(document).width() + 'px';
			}
		},

		_showModal: function () {
			if (this.options.modal) {
				var modalDiv = $("<div>");
				modalDiv.addClass("ui-widget-overlay").css("z-index", this._getMaxZIndex()).width(this._getDocWidth()).height(this._getDocHeight());
				modalDiv.appendTo("body");
				this.element.data("modalDiv", modalDiv);
			}
		},

		_hideModal: function () {
			if (this.element.data("modalDiv")) {
				this.element.data("modalDiv").remove();
			}
		},

		//begin public methods
		show: function () {
			/// <summary>Shows the tooltip</summary>
			var tooltip = this.element.data("tooltip");
			tooltip.stop(true, true);
			this._setText();
			//this._setheight();

			if (this.element.data("arrowClass")) {
				tooltip.removeClass(this.element.data("arrowClass"));
			}
			this._setCalloutCss();
			//tooltip.hide();
			this._setposition();
			clearTimeout(this.element.data("showDelay"));
			//this.element.show();
			this.element.data("showDelay", setTimeout($.proxy(this._showTooltip, this), this.options.showDelay));
			//this._showTooltip();
			//var self = this;
			//var calloutInner = self.element.data("domElements").callout.children().first();

		},
		showAt: function (point) {
			/// <summary>show the tooltip at a point position</summary>
			/// <param name="point" type="Object">It's a point.the value should like{x:0,y:0}</param>
			var tooltip = this.element.data("tooltip");
			tooltip.stop(true, true);
			this._setText();
			//this._setheight();
			tooltip.offset({ left: 0, top: 0 });
			tooltip.show();
			var offsetx = 0;
			var offsety = 0;
			var calloutcss = this.element.data("arrowClass");
			var domelement = this.element.data("domElements");
			offsetx = domelement.callout.position().left;
			offsety = domelement.callout.position().top;
			var borderTop = domelement.callout.css("border-top-width").replace(/px/g, '') * 1;
			var borderLeft = domelement.callout.css("border-left-width").replace(/px/g, '') * 1;
			var borderRight = domelement.callout.css("border-right-width").replace(/px/g, '') * 1;
			var borderBottom = domelement.callout.css("border-bottom-width").replace(/px/g, '') * 1;
			var borderh = borderLeft == 0 ? borderRight : borderLeft;
			var borderv = borderTop == 0 ? borderBottom : borderTop;

			var offset = {};
			var width = tooltip.width();
			var height = tooltip.height();
			var collision = (this.options.position.collision || "flip").split(" ");
			if (collision.length == 1) {
				collision[1] = collision[0];
			}
			switch (calloutcss) {
				case "ui-wijtooltip-arrow-rt":
					offset.left = point.x - width - borderh;
					offset.top = point.y - offsety;
					break;
				case "ui-wijtooltip-arrow-rc":
					offset.left = point.x - width - borderh;
					offset.top = point.y - height / 2;
					break;
				case "ui-wijtooltip-arrow-rb":
					offset.left = point.x - width - borderh;
					offset.top = point.y - offsety - borderv;
					break;
				case "ui-wijtooltip-arrow-lt":
					offset.left = point.x + borderh;
					offset.top = point.y - offsety;
					break;
				case "ui-wijtooltip-arrow-lc":
					offset.left = point.x - offsetx;
					offset.top = point.y - height / 2;
					break;
				case "ui-wijtooltip-arrow-lb":
					offset.left = point.x - offsetx;
					offset.top = point.y - offsety - borderv;
					break;
				case "ui-wijtooltip-arrow-tl":
					offset.left = point.x - offsetx;
					offset.top = point.y - offsety;
					break;
				case "ui-wijtooltip-arrow-tc":
					offset.left = point.x - width / 2;
					offset.top = point.y - offsety;
					break;
				case "ui-wijtooltip-arrow-tr":
					offset.left = point.x - offsetx - borderh;
					offset.top = point.y - offsety;
					break;
				case "ui-wijtooltip-arrow-bl":
					offset.left = point.x - offsetx;
					offset.top = point.y - height - borderv;
					break;
				case "ui-wijtooltip-arrow-bc":
					offset.left = point.x - width / 2;
					offset.top = point.y - height - borderv;
					break;
				case "ui-wijtooltip-arrow-br":
					offset.left = point.x - offsetx - borderh;
					offset.top = point.y - height - borderv;
					break;
			}
			//console.log(offset);
			var newCss = this._showAtflip(calloutcss, offset);
			///let the position out of the target element.
			var arr = [];
			arr[0] = newCss.substr(0, 1);
			arr[1] = newCss.substr(1, 1);
			$.each(arr, function (i, n) {
				switch (n) {
					case "l":
						offset.left += 1;
						break;
					case "r":
						offset.left -= 1;
						break;
					case "t":
						offset.top += 1;
						break;
					case "b":
						offset.top -= 1;
						break;
				}
			});
			//console.log(offset);
			this._set_unfilledCallout(newCss);
			tooltip.offset(offset);
			tooltip.hide();
			this.element.data("showDelay", setTimeout($.proxy(this._showTooltip, this), this.options.showDelay));

		},

		_showAtflip: function (calloutcss, offset) {
			var collision = (this.options.position.collision || "flip").split(" ");
			if (collision[0] != "flip" && collision[1] != "flip") {
				return;
			}
			var cssname = calloutcss.substr(calloutcss.length - 2, 2);
			var tooltip = this.element.data("tooltip");
			var width = tooltip.width();
			var height = tooltip.height();
			var domelement = this.element.data("domElements");
			var borderTop = domelement.callout.css("border-top-width").replace(/px/g, '') * 1;
			var borderLeft = domelement.callout.css("border-left-width").replace(/px/g, '') * 1;
			var borderRight = domelement.callout.css("border-right-width").replace(/px/g, '') * 1;
			var borderBottom = domelement.callout.css("border-bottom-width").replace(/px/g, '') * 1;
			var win = $(window);
			if (collision[1] == "flip") {
				if (cssname.indexOf('t') > -1) {
					if (offset.top + height > win.height()) {
						offset.top -= (height + borderBottom * 2);
						cssname = cssname.replace(/t/, 'b');
					}
				}
				if (cssname.indexOf('b') > -1) {
					if (offset.top < 0) {
						offset.top += (height + borderTop * 2);
						cssname = cssname.replace(/b/, 't');
					}
				}
			}
			if (collision[0] == "flip") {
				if (cssname.indexOf('l') > -1) {
					if (offset.left + width > win.width()) {
						offset.left -= (width + borderRight * 2);
						cssname = cssname.replace(/l/, 'r');
					}
				}
				if (cssname.indexOf('r') > -1) {
					if (offset.left - borderRight < 0) {
						offset.left += (width + borderLeft * 2);
						cssname = cssname.replace(/r/, 'l');
					}
				}
			}
			tooltip.removeClass("ui-wijtooltip-arrow-tr ui-wijtooltip-arrow-tc ui-wijtooltip-arrow-tl ui-wijtooltip-arrow-br ui-wijtooltip-arrow-bc ui-wijtooltip-arrow-bl " +
			"ui-wijtooltip-arrow-rb ui-wijtooltip-arrow-rc ui-wijtooltip-arrow-rt ui-wijtooltip-arrow-lb ui-wijtooltip-arrow-lc ui-wijtooltip-arrow-lt");
			tooltip.addClass("ui-wijtooltip-arrow-" + cssname);
			return cssname;
		},

		hide: function () {
			/// <summary>Hides the tooltip</summary>
			clearTimeout(this.element.data("hideDelay"));
			this.element.data("hideDelay", setTimeout($.proxy(this._hideTooltip, this), this.options.hideDelay));
			//this._hideTooltip();
		}

		//end public methods

	});

	$.extend($.ui.wijtooltip, {
		animations: {
			fade: function (options, additions) {
				options = $.extend({
					duration: 300,
					easing: "swing"
				}, options, additions)
				options.context.stop(true, true).animate(options.show ? { opacity: 'show'} : { opacity: 'hide' }, options);
			}
		}
	});
})(jQuery);