(function ($){ 
$.widget("ui.resizable", $.extend({ 
}
, $.ui.mouse, { 
_init: function (){ 
var self = this, o = this.options; 
var elpos = this.element.css('position'); 
this.originalElement = this.element; 
this.element.addClass("ui-resizable").css({ 
position: /static/.test(elpos)? 'relative': elpos}
); 
$.extend(o, { 
_aspectRatio: !!(o.aspectRatio),
helper: o.helper || o.ghost || o.animate? o.helper || 'proxy': null ,
knobHandles: o.knobHandles === true ? 'ui-resizable-knob-handle': o.knobHandles}
); 
var aBorder = '1px solid #DEDEDE'; 
o.defaultTheme = { 
'ui-resizable': { 
display: 'block'}
,
'ui-resizable-handle': { 
position: 'absolute',
background: '#F2F2F2',
fontSize: '0.1px'}
,
'ui-resizable-n': { 
cursor: 'n-resize',
height: '4px',
left: '0px',
right: '0px',
borderTop: aBorder}
,
'ui-resizable-s': { 
cursor: 's-resize',
height: '4px',
left: '0px',
right: '0px',
borderBottom: aBorder}
,
'ui-resizable-e': { 
cursor: 'e-resize',
width: '4px',
top: '0px',
bottom: '0px',
borderRight: aBorder}
,
'ui-resizable-w': { 
cursor: 'w-resize',
width: '4px',
top: '0px',
bottom: '0px',
borderLeft: aBorder}
,
'ui-resizable-se': { 
cursor: 'se-resize',
width: '4px',
height: '4px',
borderRight: aBorder,
borderBottom: aBorder}
,
'ui-resizable-sw': { 
cursor: 'sw-resize',
width: '4px',
height: '4px',
borderBottom: aBorder,
borderLeft: aBorder}
,
'ui-resizable-ne': { 
cursor: 'ne-resize',
width: '4px',
height: '4px',
borderRight: aBorder,
borderTop: aBorder}
,
'ui-resizable-nw': { 
cursor: 'nw-resize',
width: '4px',
height: '4px',
borderLeft: aBorder,
borderTop: aBorder}
}
; 
o.knobTheme = { 
'ui-resizable-handle': { 
background: '#F2F2F2',
border: '1px solid #808080',
height: '8px',
width: '8px'}
,
'ui-resizable-n': { 
cursor: 'n-resize',
top: '0px',
left: '45%'}
,
'ui-resizable-s': { 
cursor: 's-resize',
bottom: '0px',
left: '45%'}
,
'ui-resizable-e': { 
cursor: 'e-resize',
right: '0px',
top: '45%'}
,
'ui-resizable-w': { 
cursor: 'w-resize',
left: '0px',
top: '45%'}
,
'ui-resizable-se': { 
cursor: 'se-resize',
right: '0px',
bottom: '0px'}
,
'ui-resizable-sw': { 
cursor: 'sw-resize',
left: '0px',
bottom: '0px'}
,
'ui-resizable-nw': { 
cursor: 'nw-resize',
left: '0px',
top: '0px'}
,
'ui-resizable-ne': { 
cursor: 'ne-resize',
right: '0px',
top: '0px'}
}
; 
o._nodeName = this.element[0].nodeName; 
if (o._nodeName.match(/canvas|textarea|input|select|button|img/i)) { 
var el = this.element; 
if (/relative/.test(el.css('position')) && $.browser.opera) el.css({ 
position: 'relative',
top: 'auto',
left: 'auto'}
); 
el.wrap($('<div class="ui-wrapper"	style="overflow: hidden;"></div>').css({ 
position: el.css('position'),
width: el.outerWidth(),
height: el.outerHeight(),
top: el.css('top'),
left: el.css('left')}
)); 
var oel = this.element; 
this.element = this.element.parent(); 
this.element.data('resizable', this); 
this.element.css({ 
marginLeft: oel.css("marginLeft"),
marginTop: oel.css("marginTop"),
marginRight: oel.css("marginRight"),
marginBottom: oel.css("marginBottom")}
); 
oel.css({ 
marginLeft: 0,
marginTop: 0,
marginRight: 0,
marginBottom: 0}
); 
if ($.browser.safari && o.preventDefault) oel.css('resize', 'none'); 
o.proportionallyResize = oel.css({ 
position: 'static',
zoom: 1,
display: 'block'}
); 
this.element.css({ 
margin: oel.css('margin')}
); 
this._proportionallyResize(); 
} 
if (!o.handles) o.handles = !_AN_Read_length('length', $('.ui-resizable-handle', this.element))? "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 (o.handles.constructor == String) { 
o.zIndex = o.zIndex || 1000; 
if (o.handles == 'all') o.handles = 'n,e,s,w,se,sw,ne,nw'; 
var n = o.handles.split(","); 
o.handles = { 
}
; 
var insertionsDefault = { 
handle: 'position: absolute; display: none; overflow:hidden;',
n: 'top: 0pt; width:100%;',
e: 'right: 0pt; height:100%;',
s: 'bottom: 0pt; width:100%;',
w: 'left: 0pt; height:100%;',
se: 'bottom: 0pt; right: 0px;',
sw: 'bottom: 0pt; left: 0px;',
ne: 'top: 0pt; right: 0px;',
nw: 'top: 0pt; left: 0px;'}
; 
for (var i = 0; 
i < _AN_Read_length('length', n); i++ ){ 
var handle = $.trim(n[i]), dt = o.defaultTheme, hname = 'ui-resizable-' + handle, loadDefault = !$.ui.css(hname) && !o.knobHandles, userKnobClass = $.ui.css('ui-resizable-knob-handle'), allDefTheme = $.extend(dt[hname], dt["ui-resizable-handle"] ), allKnobTheme = $.extend(o.knobTheme[hname], !userKnobClass? o.knobTheme["ui-resizable-handle"] : { 
}
); 
var applyZIndex = /sw|se|ne|nw/.test(handle)? { 
zIndex: ++o.zIndex}
: { 
}
; 
var defCss = (loadDefault? insertionsDefault[handle]: ''), axis = $(['<div class="ui-resizable-handle ', hname, '" style="', defCss, insertionsDefault.handle, '"></div>'] .join('')).css(applyZIndex); 
o.handles[handle] = '.ui-resizable-' + handle; 
this.element.append(axis.css(loadDefault? allDefTheme: { 
}
).css(o.knobHandles? allKnobTheme: { 
}
).addClass(o.knobHandles? 'ui-resizable-knob-handle': '').addClass(o.knobHandles)); 
} 
if (o.knobHandles) this.element.addClass('ui-resizable-knob').css(!$.ui.css('ui-resizable-knob')? { 
}
: { 
}
); 
} 
this._renderAxis = function (target){ 
target = target || this.element; 
for (var i in o.handles){ 
if (o.handles[i].constructor == String) o.handles[i] = _AN_Call_show('show', $(o.handles[i], this.element)); 
if (o.transparent) o.handles[i].css({ 
opacity: 0}
); 
if (this.element.is('.ui-wrapper') && o._nodeName.match(/textarea|input|select|button/i)) { 
var axis = $(o.handles[i], this.element), padWrapper = 0; 
padWrapper = /sw|ne|nw|se|n|s/.test(i)? axis.outerHeight(): axis.outerWidth(); 
var padPos = ['padding', /ne|nw|n/.test(i)? 'Top': /se|sw|s/.test(i)? 'Bottom': /^e$/.test(i)? 'Right': 'Left'] .join(""); 
if (!o.transparent) target.css(padPos, padWrapper); 
this._proportionallyResize(); 
} 
if (!_AN_Read_length("length", $(o.handles[i]))) continue ; 
} 
} 
; 
this._renderAxis(this.element); 
o._handles = $('.ui-resizable-handle', self.element); 
if (o.disableSelection) o._handles.disableSelection(); 
o._handles.mouseover(function (){ 
if (!o.resizing) { 
if (this.className) var axis = this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i); 
self.axis = o.axis = axis && axis[1]? axis[1]: 'se'; 
} 
} 
); 
if (o.autoHide) { 
o._handles.hide(); 
$(self.element).addClass("ui-resizable-autohide").hover(function (){ 
$(this).removeClass("ui-resizable-autohide"); 
_AN_Call_show("show", o._handles); 
} 
, function (){ 
if (!o.resizing) { 
$(this).addClass("ui-resizable-autohide"); 
o._handles.hide(); 
} 
} 
); 
} 
this._mouseInit(); 
} 
,
destroy: function (){ 
var el = this.element, wrapped = el.children(".ui-resizable").get(0); 
this._mouseDestroy(); 
var _destroy = function (exp){ 
$(exp).removeClass("ui-resizable ui-resizable-disabled").removeData("resizable").unbind(".resizable").find('.ui-resizable-handle').remove(); 
} 
; 
_destroy(el); 
if (el.is('.ui-wrapper') && wrapped) { 
el.parent().append($(wrapped).css({ 
position: el.css('position'),
width: el.outerWidth(),
height: el.outerHeight(),
top: el.css('top'),
left: el.css('left')}
)).end().remove(); 
_destroy(wrapped); 
} 
} 
,
_mouseCapture: function (event){ 
if (this.options.disabled) return false ; 
var handle = false ; 
for (var i in this.options.handles){ 
if ($(this.options.handles[i])[0] == _AN_Read_target('target', event)) handle = true ; 
} 
if (!handle) return false ; 
return true ; 
} 
,
_mouseStart: function (event){ 
var o = this.options, iniPos = this.element.position(), el = this.element, num = function (v){ 
return parseInt(v, 10) || 0; 
} 
, ie6 = $.browser.msie && $.browser.version < 7; 
o.resizing = true ; 
o.documentScroll = { 
top: $(document).scrollTop(),
left: $(document).scrollLeft()}
; 
if (el.is('.ui-draggable') || (/absolute/).test(el.css('position'))) { 
var sOffset = $.browser.msie && !o.containment && (/absolute/).test(el.css('position')) && !(/relative/).test(el.parent().css('position')); 
var dscrollt = sOffset? o.documentScroll.top: 0, dscrolll = sOffset? o.documentScroll.left: 0; 
el.css({ 
position: 'absolute',
top: (iniPos.top + dscrollt),
left: (iniPos.left + dscrolll)}
); 
} 
if ($.browser.opera && (/relative/).test(el.css('position'))) el.css({ 
position: 'relative',
top: 'auto',
left: 'auto'}
); 
this._renderProxy(); 
var 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; 
} 
this.offset = this.helper.offset(); 
this.position = { 
left: curleft,
top: curtop}
; 
this.size = o.helper || ie6? { 
width: el.outerWidth(),
height: el.outerHeight()}
: { 
width: el.width(),
height: el.height()}
; 
this.originalSize = o.helper || ie6? { 
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}
; 
o.aspectRatio = (typeof o.aspectRatio == 'number')? o.aspectRatio: ((this.originalSize.width / this.originalSize.height) || 1); 
if (o.preserveCursor) { 
var cursor = $('.ui-resizable-' + this.axis).css('cursor'); 
$('body').css('cursor', cursor == 'auto'? this.axis + '-resize': cursor); 
} 
this._propagate("start", event); 
return true ; 
} 
,
_mouseDrag: function (event){ 
var el = this.helper, o = this.options, props = { 
}
, self = this, smp = this.originalMousePosition, a = this.axis; 
var dx = (event.pageX - smp.left) || 0, dy = (event.pageY - smp.top) || 0; 
var trigger = this._change[a]; 
if (!trigger) return false ; 
var data = trigger.apply(this, [event, dx, dy] ), ie6 = $.browser.msie && $.browser.version < 7, csdif = this.sizeDiff; 
if (o._aspectRatio || event.shiftKey) data = this._updateRatio(data, event); 
data = this._respectSize(data, event); 
this._propagate("resize", event); 
el.css({ 
top: this.position.top + "px",
left: this.position.left + "px",
width: this.size.width + "px",
height: this.size.height + "px"}
); 
if (!o.helper && o.proportionallyResize) this._proportionallyResize(); 
this._updateCache(data); 
this.element.triggerHandler("resize", [event, this.ui()] , this.options.resize); 
return false ; 
} 
,
_mouseStop: function (event){ 
this.options.resizing = false ; 
var o = this.options, num = function (v){ 
return parseInt(v, 10) || 0; 
} 
, self = this; 
if (o.helper) { 
var pr = o.proportionallyResize, ista = pr && (/textarea/i).test(pr.get(0).nodeName), soffseth = ista && $.ui.hasScroll(pr.get(0), 'left')? 0: self.sizeDiff.height, soffsetw = ista? 0: self.sizeDiff.width; 
var s = { 
width: (self.size.width - soffsetw),
height: (self.size.height - soffseth)}
, left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null , top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null ; 
if (!o.animate) this.element.css($.extend(s, { 
top: top,
left: left}
)); 
if (o.helper && !o.animate) this._proportionallyResize(); 
} 
if (o.preserveCursor) $('body').css('cursor', 'auto'); 
this._propagate("stop", event); 
if (o.helper) this.helper.remove(); 
return false ; 
} 
,
_updateCache: function (data){ 
var o = this.options; 
this.offset = this.helper.offset(); 
if (data.left) this.position.left = data.left; 
if (data.top) this.position.top = data.top; 
if (data.height) this.size.height = data.height; 
if (data.width) this.size.width = data.width; 
} 
,
_updateRatio: function (data, event){ 
var o = this.options, cpos = this.position, csize = this.size, a = this.axis; 
if (data.height) data.width = (csize.height * o.aspectRatio); 
 else if (data.width) data.height = (csize.width / o.aspectRatio); 
if (a == 'sw') { 
data.left = cpos.left + (csize.width - data.width); 
data.top = null ; 
} 
if (a == 'nw') { 
data.top = cpos.top + (csize.height - data.height); 
data.left = cpos.left + (csize.width - data.width); 
} 
return data; 
} 
,
_respectSize: function (data, event){ 
var el = this.helper, o = this.options, pRatio = o._aspectRatio || event.shiftKey, a = this.axis, ismaxw = data.width && o.maxWidth && o.maxWidth < data.width, ismaxh = data.height && o.maxHeight && o.maxHeight < data.height, isminw = data.width && o.minWidth && o.minWidth > data.width, isminh = data.height && o.minHeight && o.minHeight > data.height; 
if (isminw) data.width = o.minWidth; 
if (isminh) data.height = o.minHeight; 
if (ismaxw) data.width = o.maxWidth; 
if (ismaxh) data.height = o.maxHeight; 
var dw = this.originalPosition.left + this.originalSize.width, dh = this.position.top + this.size.height; 
var cw = /sw|nw|w/.test(a), ch = /nw|ne|n/.test(a); 
if (isminw && cw) data.left = dw - o.minWidth; 
if (ismaxw && cw) data.left = dw - o.maxWidth; 
if (isminh && ch) data.top = dh - o.minHeight; 
if (ismaxh && ch) data.top = dh - o.maxHeight; 
var isNotwh = !data.width && !data.height; 
if (isNotwh && !data.left && data.top) data.top = null ; 
 else if (isNotwh && !data.top && data.left) data.left = null ; 
return data; 
} 
,
_proportionallyResize: function (){ 
var o = this.options; 
if (!o.proportionallyResize) return ; 
var prel = o.proportionallyResize, el = this.helper || this.element; 
if (!o.borderDif) { 
var b = [prel.css('borderTopWidth'), prel.css('borderRightWidth'), prel.css('borderBottomWidth'), prel.css('borderLeftWidth')] , p = [prel.css('paddingTop'), prel.css('paddingRight'), prel.css('paddingBottom'), prel.css('paddingLeft')] ; 
o.borderDif = $.map(b, function (v, i){ 
var border = parseInt(v, 10) || 0, padding = parseInt(p[i], 10) || 0; 
return border + padding; 
} 
); 
} 
prel.css({ 
height: (el.height() - o.borderDif[0] - o.borderDif[2]) + "px",
width: (el.width() - o.borderDif[1] - o.borderDif[3]) + "px"}
); 
} 
,
_renderProxy: function (){ 
var el = this.element, o = this.options; 
this.elementOffset = el.offset(); 
if (o.helper) { 
this.helper = this.helper || $('<div style="overflow:hidden;"></div>'); 
var ie6 = $.browser.msie && $.browser.version < 7, ie6offset = (ie6? 1: 0), pxyoffset = (ie6? 2: -1); 
this.helper.addClass(o.helper).css({ 
width: el.outerWidth() + pxyoffset,
height: el.outerHeight() + pxyoffset,
position: 'absolute',
left: this.elementOffset.left - ie6offset + 'px',
top: this.elementOffset.top - ie6offset + 'px',
zIndex: ++o.zIndex}
); 
this.helper.appendTo("body"); 
if (o.disableSelection) this.helper.disableSelection(); 
} 
 else { 
this.helper = el; 
} 
} 
,
_change: { 
e: function (event, dx, dy){ 
return { 
width: this.originalSize.width + dx}
; 
} 
,
w: function (event, dx, dy){ 
var o = this.options, cs = this.originalSize, sp = this.originalPosition; 
return { 
left: sp.left + dx,
width: cs.width - dx}
; 
} 
,
n: function (event, dx, dy){ 
var o = this.options, cs = this.originalSize, sp = this.originalPosition; 
return { 
top: sp.top + dy,
height: cs.height - dy}
; 
} 
,
s: function (event, dx, dy){ 
return { 
height: this.originalSize.height + dy}
; 
} 
,
se: function (event, dx, dy){ 
return $.extend(this._change.s.apply(this, arguments), this._change.e.apply(this, [event, dx, dy] )); 
} 
,
sw: function (event, dx, dy){ 
return $.extend(this._change.s.apply(this, arguments), this._change.w.apply(this, [event, dx, dy] )); 
} 
,
ne: function (event, dx, dy){ 
return $.extend(this._change.n.apply(this, arguments), this._change.e.apply(this, [event, dx, dy] )); 
} 
,
nw: function (event, dx, dy){ 
return $.extend(this._change.n.apply(this, arguments), this._change.w.apply(this, [event, dx, dy] )); 
} 
}
,
_propagate: function (n, event){ 
$.ui.plugin.call(this, n, [event, this.ui()] ); 
if (n != "resize") this.element.triggerHandler(["resize", n] .join(""), [event, this.ui()] , this.options[n]); 
} 
,
plugins: { 
}
,
ui: function (){ 
return { 
originalElement: this.originalElement,
element: this.element,
helper: this.helper,
position: this.position,
size: this.size,
options: this.options,
originalSize: this.originalSize,
originalPosition: this.originalPosition}
; 
} 
}
)); 
$.extend($.ui.resizable, { 
version: "@VERSION",
defaults: { 
alsoResize: false ,
animate: false ,
animateDuration: "slow",
animateEasing: "swing",
aspectRatio: false ,
autoHide: false ,
cancel: ":input",
containment: false ,
disableSelection: true ,
distance: 1,
delay: 0,
ghost: false ,
grid: false ,
knobHandles: false ,
maxHeight: null ,
maxWidth: null ,
minHeight: 10,
minWidth: 10,
preserveCursor: true ,
preventDefault: true ,
proportionallyResize: false ,
transparent: false }
}
); 
$.ui.plugin.add("resizable", "alsoResize", { 
start: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"), _store = function (exp){ 
$(exp).each(function (){ 
$(this).data("resizable-alsoresize", { 
width: parseInt($(this).width(), 10),
height: parseInt($(this).height(), 10),
left: parseInt($(this).css('left'), 10),
top: parseInt($(this).css('top'), 10)}
); 
} 
); 
} 
; 
if (typeof (o.alsoResize) == 'object' && !o.alsoResize.parentNode) { 
if (o.alsoResize.length) { 
o.alsoResize = o.alsoResize[0]; 
_store(o.alsoResize); 
} 
 else { 
$.each(o.alsoResize, function (exp, c){ 
_store(exp); 
} 
); 
} 
} 
 else { 
_store(o.alsoResize); 
} 
} 
,
resize: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"), os = self.originalSize, op = self.originalPosition; 
var delta = { 
height: (self.size.height - os.height) || 0,
width: (self.size.width - os.width) || 0,
top: (self.position.top - op.top) || 0,
left: (self.position.left - op.left) || 0}
, _alsoResize = function (exp, c){ 
$(exp).each(function (){ 
var start = $(this).data("resizable-alsoresize"), style = { 
}
, css = c && _AN_Read_length("length", c)? c: ['width', 'height', 'top', 'left'] ; 
$.each(css || ['width', 'height', 'top', 'left'] , function (i, prop){ 
var sum = (start[prop] || 0) + (delta[prop] || 0); 
if (sum && sum >= 0) style[prop] = sum || null ; 
} 
); 
$(this).css(style); 
} 
); 
} 
; 
if (typeof (o.alsoResize) == 'object' && !o.alsoResize.nodeType) { 
$.each(o.alsoResize, function (exp, c){ 
_alsoResize(exp, c); 
} 
); 
} 
 else { 
_alsoResize(o.alsoResize); 
} 
} 
,
stop: function (event, ui){ 
$(this).removeData("resizable-alsoresize-start"); 
} 
}
); 
$.ui.plugin.add("resizable", "animate", { 
stop: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"); 
var pr = o.proportionallyResize, ista = pr && (/textarea/i).test(pr.get(0).nodeName), soffseth = ista && $.ui.hasScroll(pr.get(0), 'left')? 0: self.sizeDiff.height, soffsetw = ista? 0: self.sizeDiff.width; 
var style = { 
width: (self.size.width - soffsetw),
height: (self.size.height - soffseth)}
, left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null , top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null ; 
self.element.animate($.extend(style, top && left? { 
top: top,
left: left}
: { 
}
), { 
duration: o.animateDuration,
easing: o.animateEasing,
step: function (){ 
var data = { 
width: parseInt(self.element.css('width'), 10),
height: parseInt(self.element.css('height'), 10),
top: parseInt(self.element.css('top'), 10),
left: parseInt(self.element.css('left'), 10)}
; 
if (pr) pr.css({ 
width: data.width,
height: data.height}
); 
self._updateCache(data); 
self._propagate("animate", event); 
} 
}
); 
} 
}
); 
$.ui.plugin.add("resizable", "containment", { 
start: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"), el = self.element; 
var oc = o.containment, ce = (oc instanceof $)? oc.get(0): (/parent/.test(oc))? el.parent().get(0): oc; 
if (!ce) return ; 
self.containerElement = $(ce); 
if (/document/.test(oc) || oc == document) { 
self.containerOffset = { 
left: 0,
top: 0}
; 
self.containerPosition = { 
left: 0,
top: 0}
; 
self.parentData = { 
element: $(document),
left: 0,
top: 0,
width: $(document).width(),
height: $(document).height() || document.body.parentNode.scrollHeight}
; 
} 
 else { 
self.containerOffset = $(ce).offset(); 
self.containerPosition = $(ce).position(); 
self.containerSize = { 
height: $(ce).innerHeight(),
width: $(ce).innerWidth()}
; 
var co = self.containerOffset, ch = self.containerSize.height, cw = self.containerSize.width, width = ($.ui.hasScroll(ce, "left")? ce.scrollWidth: cw), height = ($.ui.hasScroll(ce)? ce.scrollHeight: ch); 
self.parentData = { 
element: ce,
left: co.left,
top: co.top,
width: width,
height: height}
; 
} 
} 
,
resize: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"), ps = self.containerSize, co = self.containerOffset, cs = self.size, cp = self.position, pRatio = o._aspectRatio || event.shiftKey, cop = { 
top: 0,
left: 0}
, ce = self.containerElement; 
if (ce[0] != document && (/static/).test(ce.css('position'))) cop = self.containerPosition; 
if (cp.left < (o.helper? co.left: cop.left)) { 
self.size.width = self.size.width + (o.helper? (self.position.left - co.left): (self.position.left - cop.left)); 
if (pRatio) self.size.height = self.size.width / o.aspectRatio; 
self.position.left = o.helper? co.left: cop.left; 
} 
if (cp.top < (o.helper? co.top: 0)) { 
self.size.height = self.size.height + (o.helper? (self.position.top - co.top): self.position.top); 
if (pRatio) self.size.width = self.size.height * o.aspectRatio; 
self.position.top = o.helper? co.top: 0; 
} 
var woset = (o.helper? self.offset.left - co.left: (self.position.left - cop.left)) + self.sizeDiff.width, hoset = (o.helper? self.offset.top - co.top: self.position.top) + self.sizeDiff.height; 
if (woset + self.size.width >= self.parentData.width) { 
self.size.width = self.parentData.width - woset; 
if (pRatio) self.size.height = self.size.width / o.aspectRatio; 
} 
if (hoset + self.size.height >= self.parentData.height) { 
self.size.height = self.parentData.height - hoset; 
if (pRatio) self.size.width = self.size.height * o.aspectRatio; 
} 
} 
,
stop: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"), cp = self.position, co = self.containerOffset, cop = self.containerPosition, ce = self.containerElement; 
var helper = $(self.helper), ho = helper.offset(), w = helper.innerWidth(), h = helper.innerHeight(); 
if (o.helper && !o.animate && (/relative/).test(ce.css('position'))) $(this).css({ 
left: (ho.left - co.left),
top: (ho.top - co.top),
width: w,
height: h}
); 
if (o.helper && !o.animate && (/static/).test(ce.css('position'))) $(this).css({ 
left: cop.left + (ho.left - co.left),
top: cop.top + (ho.top - co.top),
width: w,
height: h}
); 
} 
}
); 
$.ui.plugin.add("resizable", "ghost", { 
start: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize, cs = self.size; 
if (!pr) self.ghost = self.element.clone(); 
 else self.ghost = pr.clone(); 
self.ghost.css({ 
opacity: 0.25,
display: 'block',
position: 'relative',
height: cs.height,
width: cs.width,
margin: 0,
left: 0,
top: 0}
).addClass('ui-resizable-ghost').addClass(typeof o.ghost == 'string'? o.ghost: ''); 
self.ghost.appendTo(self.helper); 
} 
,
resize: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize; 
if (self.ghost) self.ghost.css({ 
position: 'relative',
height: self.size.height,
width: self.size.width}
); 
} 
,
stop: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize; 
if (self.ghost && self.helper) self.helper.get(0).removeChild(self.ghost.get(0)); 
} 
}
); 
$.ui.plugin.add("resizable", "grid", { 
resize: function (event, ui){ 
var o = ui.options, self = $(this).data("resizable"), cs = self.size, os = self.originalSize, op = self.originalPosition, a = self.axis, ratio = o._aspectRatio || event.shiftKey; 
o.grid = typeof o.grid == "number"? [o.grid, o.grid] : o.grid; 
var ox = Math.round((cs.width - os.width) / (o.grid[0] || 1)) * (o.grid[0] || 1), oy = Math.round((cs.height - os.height) / (o.grid[1] || 1)) * (o.grid[1] || 1); 
if (/^(se|s|e)$/.test(a)) { 
self.size.width = os.width + ox; 
self.size.height = os.height + oy; 
} 
 else if (/^(ne)$/.test(a)) { 
self.size.width = os.width + ox; 
self.size.height = os.height + oy; 
self.position.top = op.top - oy; 
} 
 else if (/^(sw)$/.test(a)) { 
self.size.width = os.width + ox; 
self.size.height = os.height + oy; 
self.position.left = op.left - ox; 
} 
 else { 
self.size.width = os.width + ox; 
self.size.height = os.height + oy; 
self.position.top = op.top - oy; 
self.position.left = op.left - ox; 
} 
} 
}
); 
} 
)(jQuery);