/*!

 * jQuery UI Resizable 1.10.3

 * http://jqueryui.com

 *

 * Copyright 2013 jQuery Foundation and other contributors

 * Released under the MIT license.

 * http://jquery.org/license

 *

 * http://api.jqueryui.com/resizable/

 *

 * Depends:

 *	jquery.ui.core.js

 *	jquery.ui.mouse.js

 *	jquery.ui.widget.js

 */

(function( $, undefined ) {

function num(v) {

	return parseInt(v, 10) || 0;

}

function isNumber(value) {

	return !isNaN(parseInt(value, 10));

}

$.widget("ui.resizable", $.ui.mouse, {

	version: "1.10.3",

	widgetEventPrefix: "resize",

	options: {

		alsoResize: false,

		animate: false,

		animateDuration: "slow",

		animateEasing: "swing",

		aspectRatio: false,

		autoHide: false,

		containment: false,

		ghost: false,

		grid: false,

		handles: "e,s,se",

		helper: false,

		maxHeight: null,

		maxWidth: null,

		minHeight: 10,

		minWidth: 10,

		// See #7960

		zIndex: 90,

		// callbacks

		resize: null,

		start: null,

		stop: null

	},

	_create: function() {

		var n, i, handle, axis, hname,

			that = this,

			o = this.options;

		this.element.addClass("ui-resizable");

		$.extend(this, {

			_aspectRatio: !!(o.aspectRatio),

			aspectRatio: o.aspectRatio,

			originalElement: this.element,

			_proportionallyResizeElements: [],

			_helper: o.helper || o.ghost || o.animate ? o.helper || "ui-resizable-helper" : null

		});

		//Wrap the element if it cannot hold child nodes

		if(this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)) {

			//Create a wrapper element and set the wrapper to the new current internal element

			this.element.wrap(

				$("<div class='ui-wrapper' style='overflow: hidden;'></div>").css({

					position: this.element.css("position"),

					width: this.element.outerWidth(),

					height: this.element.outerHeight(),

					top: this.element.css("top"),

					left: this.element.css("left")

				})

			);

			//Overwrite the original this.element

			this.element = this.element.parent().data(

				"ui-resizable", this.element.data("ui-resizable")

			);

			this.elementIsWrapper = true;

			//Move margins to the wrapper

			this.element.css({ marginLeft: this.originalElement.css("marginLeft"), marginTop: this.originalElement.css("marginTop"), marginRight: this.originalElement.css("marginRight"), marginBottom: this.originalElement.css("marginBottom") });

			this.originalElement.css({ marginLeft: 0, marginTop: 0, marginRight: 0, marginBottom: 0});

			//Prevent Safari textarea resize

			this.originalResizeStyle = this.originalElement.css("resize");

			this.originalElement.css("resize", "none");

			//Push the actual element to our proportionallyResize internal array

			this._proportionallyResizeElements.push(this.originalElement.css({ position: "static", zoom: 1, display: "block" }));

			// avoid IE jump (hard set the margin)

			this.originalElement.css({ margin: this.originalElement.css("margin") });

			// fix handlers offset

			this._proportionallyResize();

		}

		this.handles = o.handles || (!$(".ui-resizable-handle", this.element).length ? "e,s,se" : { n: ".ui-resizable-n", e: ".ui-resizable-e", s: ".ui-resizable-s", w: ".ui-resizable-w", se: ".ui-resizable-se", sw: ".ui-resizable-sw", ne: ".ui-resizable-ne", nw: ".ui-resizable-nw" });

		if(this.handles.constructor === String) {

			if ( this.handles === "all") {

				this.handles = "n,e,s,w,se,sw,ne,nw";

			}

			n = this.handles.split(",");

			this.handles = {};

			for(i = 0; i < n.length; i++) {

				handle = $.trim(n[i]);

				hname = "ui-resizable-"+handle;

				axis = $("<div class='ui-resizable-handle " + hname + "'></div>");

				// Apply zIndex to all handles - see #7960

				axis.css({ zIndex: o.zIndex });

				//TODO : What's going on here?

				if ("se" === handle) {

					axis.addClass("ui-icon ui-icon-gripsmall-diagonal-se");

				}

				//Insert into internal handles object and append to element

				this.handles[handle] = ".ui-resizable-"+handle;

				this.element.append(axis);

			}

		}

		this._renderAxis = function(target) {

			var i, axis, padPos, padWrapper;

			target = target || this.element;

			for(i in this.handles) {

				if(this.handles[i].constructor === String) {

					this.handles[i] = $(this.handles[i], this.element).show();

				}

				//Apply pad to wrapper element, needed to fix axis position (textarea, inputs, scrolls)

				if (this.elementIsWrapper && this.originalElement[0].nodeName.match(/textarea|input|select|button/i)) {

					axis = $(this.handles[i], this.element);

					//Checking the correct pad and border

					padWrapper = /sw|ne|nw|se|n|s/.test(i) ? axis.outerHeight() : axis.outerWidth();

					//The padding type i have to apply...

					padPos = [ "padding",

						/ne|nw|n/.test(i) ? "Top" :

						/se|sw|s/.test(i) ? "Bottom" :

						/^e$/.test(i) ? "Right" : "Left" ].join("");

					target.css(padPos, padWrapper);

					this._proportionallyResize();

				}

				//TODO: What's that good for? There's not anything to be executed left

				if(!$(this.handles[i]).length) {

					continue;

				}

			}

		};

		//TODO: make renderAxis a prototype function

		this._renderAxis(this.element);

		this._handles = $(".ui-resizable-handle", this.element)

			.disableSelection();

		//Matching axis name

		this._handles.mouseover(function() {

			if (!that.resizing) {

				if (this.className) {

					axis = this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);

				}

				//Axis, default = se

				that.axis = axis && axis[1] ? axis[1] : "se";

			}

		});

		//If we want to auto hide the elements

		if (o.autoHide) {

			this._handles.hide();

			$(this.element)

				.addClass("ui-resizable-autohide")

				.mouseenter(function() {

					if (o.disabled) {

						return;

					}

					$(this).removeClass("ui-resizable-autohide");

					that._handles.show();

				})

				.mouseleave(function(){

					if (o.disabled) {

						return;

					}

					if (!that.resizing) {

						$(this).addClass("ui-resizable-autohide");

						that._handles.hide();

					}

				});

		}

		//Initialize the mouse interaction

		this._mouseInit();

	},

	_destroy: function() {

		this._mouseDestroy();

		var wrapper,

			_destroy = function(exp) {

				$(exp).removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing")

					.removeData("resizable").removeData("ui-resizable").unbind(".resizable").find(".ui-resizable-handle").remove();

			};

		//TODO: Unwrap at same DOM position

		if (this.elementIsWrapper) {

			_destroy(this.element);

			wrapper = this.element;

			this.originalElement.css({

				position: wrapper.css("position"),

				width: wrapper.outerWidth(),

				height: wrapper.outerHeight(),

				top: wrapper.css("top"),

				left: wrapper.css("left")

			}).insertAfter( wrapper );

			wrapper.remove();

		}

		this.originalElement.css("resize", this.originalResizeStyle);

		_destroy(this.originalElement);

		return this;

	},

	_mouseCapture: function(event) {

		var i, handle,

			capture = false;

		for (i in this.handles) {

			handle = $(this.handles[i])[0];

			if (handle === event.target || $.contains(handle, event.target)) {

				capture = true;

			}

		}

		return !this.options.disabled && capture;

	},

	_mouseStart: function(event) {

		var curleft, curtop, cursor,

			o = this.options,

			iniPos = this.element.position(),

			el = this.element;

		this.resizing = true;

		// bugfix for http://dev.jquery.com/ticket/1749

		if ( (/absolute/).test( el.css("position") ) ) {

			el.css({ position: "absolute", top: el.css("top"), left: el.css("left") });

		} else if (el.is(".ui-draggable")) {

			el.css({ position: "absolute", top: iniPos.top, left: iniPos.left });

		}

		this._renderProxy();

		curleft = num(this.helper.css("left"));

		curtop = num(this.helper.css("top"));

		if (o.containment) {

			curleft += $(o.containment).scrollLeft() || 0;

			curtop += $(o.containment).scrollTop() || 0;

		}

		//Store needed variables

		this.offset = this.helper.offset();

		this.position = { left: curleft, top: curtop };

		this.size = this._helper ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };

		this.originalSize = this._helper ? { width: el.outerWidth(), height: el.outerHeight() } : { width: el.width(), height: el.height() };

		this.originalPosition = { left: curleft, top: curtop };

		this.sizeDiff = { width: el.outerWidth() - el.width(), height: el.outerHeight() - el.height() };

		this.originalMousePosition = { left: event.pageX, top: event.pageY };

		//Aspect Ratio

		this.aspectRatio = (typeof o.aspectRatio === "number") ? o.aspectRatio : ((this.originalSize.width / this.originalSize.height) || 1);

		cursor = $(".ui-resizable-" + this.axis).css("cursor");

		$("body").css("cursor", cursor === "auto" ? this.axis + "-resize" : cursor);

		el.addClass("ui-resizable-resizing");

		this._propagate("start", event);

		return true;

	},

	_mouseDrag: function(event) {

		//Increase performance, avoid regex

		var data,

			el = this.helper, props = {},

			smp = this.originalMousePosition,

			a = this.axis,

			prevTop = this.position.top,

			prevLeft = this.position.left,

			prevWidth = this.size.width,

			prevHeight = this.size.height,

			dx = (event.pageX-smp.left)||0,

			dy = (event.pageY-smp.top)||0,

			trigger = this._change[a];

		if (!trigger) {

			return false;

		}

		// Calculate the attrs that will be change

		data = trigger.apply(this, [event, dx, dy]);

		// Put this in the mouseDrag handler since the user can start pressing shift while resizing

		this._updateVirtualBoundaries(event.shiftKey);

		if (this._aspectRatio || event.shiftKey) {

			data = this._updateRatio(data, event);

		}

		data = this._respectSize(data, event);

		this._updateCache(data);

		// plugins callbacks need to be called first

		this._propagate("resize", event);

		if (this.position.top !== prevTop) {

			props.top = this.position.top + "px";

		}

		if (this.position.left !== prevLeft) {

			props.left = this.position.left + "px";