File: D:/HostingSpaces/RMourik/bassol.nl/CMS/CMSScripts/jquery/jquery-jcrop.js
(function($) {
$.Jcrop = function(obj, opt) {
var obj = obj;
var opt = opt;
if (typeof (obj) !== 'object') {
obj = $(obj)[0];
}
if (typeof (opt) !== 'object') {
opt = {};
}
// Some on-the-fly fixes for MSIE...sigh
if (!('trackDocument' in opt)) {
opt.trackDocument = $.browser.msie ? false : true;
if ($.browser.msie && $.browser.version.split('.')[0] == '8') {
opt.trackDocument = true;
}
}
var defaults = {
// Basic Settings
trackDocument: false,
baseClass: 'jcrop',
addClass: null,
// Styling Options
bgColor: 'black',
bgOpacity: 0.6,
borderOpacity: 0.4,
handleOpacity: 0.5,
handlePad: 5,
handleSize: 9,
handleOffset: 5,
edgeMargin: 14,
aspectRatio: 0,
cornerHandles: true,
sideHandles: true,
drawBorders: true,
dragEdges: true,
boxWidth: 0,
boxHeight: 0,
boundary: 8,
animationDelay: 20,
swingSpeed: 3,
allowSelect: true,
allowMove: true,
allowResize: true,
minSelect: [0, 0],
maxSize: [0, 0],
minSize: [0, 0],
// Callbacks / Event Handlers
onChange: function() {
},
onSelect: function() {
}
};
var options = defaults;
setOptions(opt);
var $origimg = $(obj);
var $img = $origimg.clone().removeAttr('id').css({
position: 'absolute'
});
$img.width($origimg.width());
$img.height($origimg.height());
$origimg.after($img).hide();
presize($img, options.boxWidth, options.boxHeight);
var boundx = $img.width();
var boundy = $img.height();
var $div = $('<div />').width(boundx).height(boundy).addClass(cssClass('holder')).css({
position: 'relative',
direction: 'ltr',
backgroundColor: options.bgColor
}).insertAfter($origimg).append($img);
if (options.addClass) {
$div.addClass(options.addClass);
}
var $img2 = $('<img />').attr('src', $img.attr('src')).css('position', 'absolute').width(boundx).height(boundy);
var $img_holder = $('<div />').width(pct(100)).height(pct(100)).css({
zIndex: 310,
position: 'absolute',
overflow: 'hidden'
}).append($img2);
var $hdl_holder = $('<div />').width(pct(100)).height(pct(100)).css('zIndex', 320);
var $sel = $('<div />').css({
position: 'absolute',
zIndex: 300
}).insertBefore($img).append($img_holder, $hdl_holder);
var bound = options.boundary;
var $trk = newTracker().width(boundx + (bound * 2)).height(boundy + (bound * 2)).css({
position: 'absolute',
zIndex: 290
}).mousedown(newSelection);
var isRTL = $('body').hasClass('RTL');
var xlimit, ylimit, xmin, ymin;
var xscale, yscale, enabled = true;
var docOffset = getPos($img);
var btndown;
var lastcurs;
var dimmed;
var animating;
var shift_down;
function showElement(elem) {
elem.css('display', 'block');
}
function hideElement(elem) {
elem.css('display', 'none');
}
function px(n) {
return '' + parseInt(n, 10) + 'px';
}
function pct(n) {
return '' + parseInt(n, 10) + '%';
}
function cssClass(cl) {
return options.baseClass + '-' + cl;
}
function getPos(obj) {
// Updated in v0.9.4 to use built-in dimensions plugin
var pos = $(obj).offset();
return [pos.left, pos.top];
}
function mouseAbs(e) {
return [(e.pageX - docOffset[0]), (e.pageY - docOffset[1])];
}
function myCursor(type) {
if (type != lastcurs) {
Tracker.setCursor(type);
lastcurs = type;
}
}
function startDragMode(mode, pos) {
docOffset = getPos($img);
Tracker.setCursor(mode == 'move' ? mode : mode + '-resize');
if (mode == 'move') {
return Tracker.activateHandlers(createMover(pos), doneSelect);
}
var fc = Coords.getFixed();
var opp = oppLockCorner(mode);
var opc = Coords.getCorner(oppLockCorner(opp));
Coords.setPressed(Coords.getCorner(opp));
Coords.setCurrent(opc);
Tracker.activateHandlers(dragmodeHandler(mode, fc), doneSelect);
}
function dragmodeHandler(mode, f) {
return function(pos) {
if (options.aspectRatio) {
switch (mode) {
case 'e':
pos[1] = f.y + 1;
break;
case 'w':
pos[1] = f.y + 1;
break;
case 'n':
pos[0] = f.x + 1;
break;
case 's':
pos[0] = f.x + 1;
break;
}
}
else {
switch (mode) {
case 'e':
pos[1] = f.y2;
break;
case 'w':
pos[1] = f.y2;
break;
case 'n':
pos[0] = f.x2;
break;
case 's':
pos[0] = f.x2;
break;
}
}
Coords.setCurrent(pos);
Selection.update();
};
}
function createMover(pos) {
var lloc = pos;
return function(pos) {
Coords.moveOffset([pos[0] - lloc[0], pos[1] - lloc[1]]);
lloc = pos;
Selection.update();
};
}
function oppLockCorner(ord) {
switch (ord) {
case 'n':
return 'sw';
case 's':
return 'nw';
case 'e':
return 'nw';
case 'w':
return 'ne';
case 'ne':
return 'sw';
case 'nw':
return 'se';
case 'se':
return 'nw';
case 'sw':
return 'ne';
}
}
function createDragger(ord) {
return function(e) {
if (options.disabled) {
return false;
}
if ((ord == 'move') && !options.allowMove) {
return false;
}
btndown = true;
startDragMode(ord, mouseAbs(e));
e.stopPropagation();
e.preventDefault();
return false;
};
}
function presize($obj, w, h) {
var nw = $obj.width(), nh = $obj.height();
if ((nw > w) && w > 0) {
nw = w;
nh = (w / $obj.width()) * $obj.height();
}
if ((nh > h) && h > 0) {
nh = h;
nw = (h / $obj.height()) * $obj.width();
}
xscale = $obj.width() / nw;
yscale = $obj.height() / nh;
$obj.width(nw).height(nh);
}
function unscale(c) {
return {
x: parseInt(c.x * xscale, 10),
y: parseInt(c.y * yscale, 10),
x2: parseInt(c.x2 * xscale, 10),
y2: parseInt(c.y2 * yscale, 10),
w: parseInt(c.w * xscale, 10),
h: parseInt(c.h * yscale, 10)
};
}
function doneSelect(pos) {
var c = Coords.getFixed();
if (c.w > options.minSelect[0] && c.h > options.minSelect[1]) {
Selection.enableHandles();
Selection.done();
}
else {
Selection.release();
}
Tracker.setCursor(options.allowSelect ? 'crosshair' : 'default');
}
function newSelection(e) {
if (options.disabled) {
return false;
}
if (!options.allowSelect) {
return false;
}
btndown = true;
docOffset = getPos($img);
Selection.disableHandles();
myCursor('crosshair');
var pos = mouseAbs(e);
Coords.setPressed(pos);
Tracker.activateHandlers(selectDrag, doneSelect);
Selection.update();
e.stopPropagation();
e.preventDefault();
return false;
}
function selectDrag(pos) {
Coords.setCurrent(pos);
Selection.update();
}
function newTracker() {
var trk = $('<div></div>').addClass(cssClass('tracker'));
if ($.browser.msie) {
trk.css({
opacity: 0,
backgroundColor: 'white'
});
}
return trk;
}
function animateTo(a) {
var x1 = a[0] / xscale, y1 = a[1] / yscale, x2 = a[2] / xscale, y2 = a[3] / yscale;
x1 = (isNaN(x1) ? 0 : x1);
y1 = (isNaN(y1) ? 0 : y1);
x2 = (isNaN(x2) ? 0 : x2);
y2 = (isNaN(y2) ? 0 : y2);
if (animating) {
return;
}
var animto = Coords.flipCoords(x1, y1, x2, y2);
var c = Coords.getFixed();
var animat = [c.x, c.y, c.x2, c.y2];
var initcr = animat;
var interv = options.animationDelay;
x1 = animat[0];
y1 = animat[1];
x2 = animat[2];
y2 = animat[3];
var ix1 = animto[0] - initcr[0];
var iy1 = animto[1] - initcr[1];
var ix2 = animto[2] - initcr[2];
var iy2 = animto[3] - initcr[3];
var pcent = 0;
var velocity = options.swingSpeed;
Selection.animMode(true);
var animator = function() {
return function() {
pcent += (100 - pcent) / velocity;
animat[0] = x1 + ((pcent / 100) * ix1);
animat[1] = y1 + ((pcent / 100) * iy1);
animat[2] = x2 + ((pcent / 100) * ix2);
animat[3] = y2 + ((pcent / 100) * iy2);
if (pcent < 100) {
animateStart();
}
else {
Selection.done();
}
if (pcent >= 99.8) {
pcent = 100;
}
setSelectRaw(animat);
};
} ();
function animateStart() {
window.setTimeout(animator, interv);
}
animateStart();
}
function setSelect(rect) {
setSelectRaw([rect[0] / xscale, rect[1] / yscale, rect[2] / xscale, rect[3] / yscale]);
}
function setSelectRaw(l) {
Coords.setPressed([l[0], l[1]]);
Coords.setCurrent([l[2], l[3]]);
Selection.enableHandles();
Selection.update();
}
function setOptions(opt) {
if (typeof (opt) != 'object') {
opt = {};
}
options = $.extend(options, opt);
if (typeof (options.onChange) !== 'function') {
options.onChange = function() {
};
}
if (typeof (options.onSelect) !== 'function') {
options.onSelect = function() {
};
}
}
function tellSelect() {
return unscale(Coords.getFixed());
}
function tellScaled() {
return Coords.getFixed();
}
function setOptionsNew(opt) {
setOptions(opt);
interfaceUpdate();
}
function disableCrop() {
options.disabled = true;
Selection.disableHandles();
Selection.setCursor('default');
Tracker.setCursor('default');
}
function enableCrop() {
options.disabled = false;
interfaceUpdate();
}
function cancelCrop() {
Selection.done();
Tracker.activateHandlers(null, null);
}
function destroy() {
$div.remove();
showElement($origimg);
}
// This method tweaks the interface based on options object.
// Called when options are changed and at end of initialization.
function interfaceUpdate(alt) {
if (options.allowResize) {
if (alt) {
Selection.enableOnly();
}
else {
Selection.enableHandles();
}
}
else {
Selection.disableHandles();
}
Tracker.setCursor(options.allowSelect ? 'crosshair' : 'default');
Selection.setCursor(options.allowMove ? 'move' : 'default');
$div.css('backgroundColor', options.bgColor);
if ('setSelect' in options) {
setSelect(opt.setSelect);
Selection.done();
delete (options.setSelect);
}
if ('trueSize' in options) {
xscale = options.trueSize[0] / boundx;
yscale = options.trueSize[1] / boundy;
}
xlimit = options.maxSize[0] || 0;
ylimit = options.maxSize[1] || 0;
xmin = options.minSize[0] || 0;
ymin = options.minSize[1] || 0;
if ('outerImage' in options) {
$img.attr('src', options.outerImage);
delete (options.outerImage);
}
Selection.refresh();
}
var Coords = function() {
var x1 = 0, y1 = 0, x2 = 0, y2 = 0, ox, oy;
function setPressed(pos) {
pos = rebound(pos);
x2 = x1 = pos[0];
y2 = y1 = pos[1];
}
function setCurrent(pos) {
pos = rebound(pos);
ox = pos[0] - x2;
oy = pos[1] - y2;
x2 = pos[0];
y2 = pos[1];
}
function getOffset() {
return [ox, oy];
}
function moveOffset(offset) {
var ox = offset[0], oy = offset[1];
if (0 > x1 + ox) {
ox -= ox + x1;
}
if (0 > y1 + oy) {
oy -= oy + y1;
}
if (boundy < y2 + oy) {
oy += boundy - (y2 + oy);
}
if (boundx < x2 + ox) {
ox += boundx - (x2 + ox);
}
x1 += ox;
x2 += ox;
y1 += oy;
y2 += oy;
}
function getCorner(ord) {
var c = getFixed();
switch (ord) {
case 'ne':
return [c.x2, c.y];
case 'nw':
return [c.x, c.y];
case 'se':
return [c.x2, c.y2];
case 'sw':
return [c.x, c.y2];
}
}
function getFixed() {
// Ensure coords
flipCoords(x1, y1, x2, y2);
if (!options.aspectRatio) {
return getRect();
}
// This function could use some optimization I think...
var aspect = options.aspectRatio,
min_x = options.minSize[0] / xscale,
min_y = options.minSize[1] / yscale,
max_x = options.maxSize[0] / xscale,
max_y = options.maxSize[1] / yscale,
rw = x2 - x1,
rh = y2 - y1,
rwa = Math.abs(rw),
rha = Math.abs(rh),
real_ratio = rwa / rha,
xx,
yy;
if (max_x === 0) {
max_x = boundx * 10;
}
if (max_y === 0) {
max_y = boundy * 10;
}
if (real_ratio < aspect) {
yy = y2;
w = rha * aspect;
xx = rw < 0 ? x1 - w : w + x1;
if (xx < 0) {
xx = 0;
h = Math.abs((xx - x1) / aspect);
yy = rh < 0 ? y1 - h : h + y1;
}
else {
if (xx > boundx) {
xx = boundx;
h = Math.abs((xx - x1) / aspect);
yy = rh < 0 ? y1 - h : h + y1;
}
}
}
else {
xx = x2;
h = rwa / aspect;
yy = rh < 0 ? y1 - h : y1 + h;
if (yy < 0) {
yy = 0;
w = Math.abs((yy - y1) * aspect);
xx = rw < 0 ? x1 - w : w + x1;
}
else {
if (yy > boundy) {
yy = boundy;
w = Math.abs(yy - y1) * aspect;
xx = rw < 0 ? x1 - w : w + x1;
}
}
}
if (xx > x1) {
// right side
if (xx - x1 < min_x) {
xx = x1 + min_x;
}
else {
if (xx - x1 > max_x) {
xx = x1 + max_x;
}
}
if (yy > y1) {
yy = y1 + (xx - x1) / aspect;
}
else {
yy = y1 - (xx - x1) / aspect;
}
}
else
if (xx < x1) {
// left side
if (x1 - xx < min_x) {
xx = x1 - min_x;
}
else {
if (x1 - xx > max_x) {
xx = x1 - max_x;
}
}
if (yy > y1) {
yy = y1 + (x1 - xx) / aspect;
}
else {
yy = y1 - (x1 - xx) / aspect;
}
}
if (xx < 0) {
x1 -= xx;
xx = 0;
}
else {
if (xx > boundx) {
x1 -= xx - boundx;
xx = boundx;
}
}
if (yy < 0) {
y1 -= yy;
yy = 0;
}
else {
if (yy > boundy) {
y1 -= yy - boundy;
yy = boundy;
}
}
last = makeObj(flipCoords(x1, y1, xx, yy));
return last;
}
function rebound(p) {
if (p[0] < 0) {
p[0] = 0;
}
if (p[1] < 0) {
p[1] = 0;
}
if (p[0] > boundx) {
p[0] = boundx;
}
if (p[1] > boundy) {
p[1] = boundy;
}
return [p[0], p[1]];
}
function flipCoords(x1, y1, x2, y2) {
var xa = x1, xb = x2, ya = y1, yb = y2;
if (x2 < x1) {
xa = x2;
xb = x1;
}
if (y2 < y1) {
ya = y2;
yb = y1;
}
return [Math.round(xa), Math.round(ya), Math.round(xb), Math.round(yb)];
}
function getRect() {
var xsize = x2 - x1;
var ysize = y2 - y1;
if (xlimit && (Math.abs(xsize) > xlimit)) {
x2 = (xsize > 0) ? (x1 + xlimit) : (x1 - xlimit);
}
if (ylimit && (Math.abs(ysize) > ylimit)) {
y2 = (ysize > 0) ? (y1 + ylimit) : (y1 - ylimit);
}
if (ymin && (Math.abs(ysize) < ymin)) {
y2 = (ysize > 0) ? (y1 + ymin) : (y1 - ymin);
}
if (xmin && (Math.abs(xsize) < xmin)) {
x2 = (xsize > 0) ? (x1 + xmin) : (x1 - xmin);
}
if (x1 < 0) {
x2 -= x1;
x1 -= x1;
}
if (y1 < 0) {
y2 -= y1;
y1 -= y1;
}
if (x2 < 0) {
x1 -= x2;
x2 -= x2;
}
if (y2 < 0) {
y1 -= y2;
y2 -= y2;
}
var delta = 0;
if (x2 > boundx) {
delta = x2 - boundx;
x1 -= delta;
x2 -= delta;
}
if (y2 > boundy) {
delta = y2 - boundy;
y1 -= delta;
y2 -= delta;
}
if (x1 > boundx) {
delta = x1 - boundy;
y2 -= delta;
y1 -= delta;
}
if (y1 > boundy) {
delta = y1 - boundy;
y2 -= delta;
y1 -= delta;
}
return makeObj(flipCoords(x1, y1, x2, y2));
}
function makeObj(a) {
return {
x: a[0],
y: a[1],
x2: a[2],
y2: a[3],
w: a[2] - a[0],
h: a[3] - a[1]
};
}
return {
flipCoords: flipCoords,
setPressed: setPressed,
setCurrent: setCurrent,
getOffset: getOffset,
moveOffset: moveOffset,
getCorner: getCorner,
getFixed: getFixed
};
} ();
var Selection = function() {
var start, end, dragmode, awake, hdep = 370;
var borders = {};
var handle = {};
var seehandles = true;
var hhs = options.handleOffset;
// Insert border divs for outline
if (options.drawBorders) {
borders = {
top: insertBorder('hline'),
bottom: insertBorder('hline'),
left: insertBorder('vline'),
right: insertBorder('vline')
};
borders.top.css('top', ($.browser.msie ? px(-1) : px(0)));
}
// Insert handles on edges
if (options.dragEdges) {
handle.t = insertDragbar('n');
handle.b = insertDragbar('s');
handle.r = insertDragbar('e');
handle.l = insertDragbar('w');
}
// Insert side handles
if (options.sideHandles) {
createHandles(['n', 's', 'e', 'w']);
}
// Insert corner handles
if (options.cornerHandles) {
createHandles(['sw', 'nw', 'ne', 'se']);
}
// Private Methods
function insertBorder(type) {
var jq = $('<div />').css({
position: 'absolute',
opacity: options.borderOpacity
}).addClass(cssClass(type));
$img_holder.append(jq);
return jq;
}
function dragDiv(ord, zi) {
var jq = $('<div />').mousedown(createDragger(ord)).css({
cursor: ord + '-resize',
position: 'absolute',
zIndex: zi
});
$hdl_holder.append(jq);
return jq;
}
function insertHandle(ord) {
return dragDiv(ord, hdep++).css({
top: px(-hhs + 1),
left: px(-hhs + 1),
opacity: options.handleOpacity
}).addClass(cssClass('handle'));
}
function insertDragbar(ord) {
var s = options.handleSize, o = hhs, h = s, w = s, t = o, l = o;
switch (ord) {
case 'n':
case 's':
w = pct(100);
break;
case 'e':
case 'w':
h = pct(100);
break;
}
return dragDiv(ord, hdep++).width(w).height(h).css({
top: px(-t + 1),
left: px(-l + 1)
});
}
function createHandles(li) {
for (i in li) {
handle[li[i]] = insertHandle(li[i]);
}
}
function moveHandles(c) {
var midvert = Math.round((c.h / 2) - hhs), midhoriz = Math.round((c.w / 2) - hhs), north = -hhs + 1, west = north, east = c.w - hhs, south = c.h - hhs, x, y;
if ('e' in handle) {
handle.e.css({
top: px(midvert),
left: px(east)
});
handle.w.css({
top: px(midvert)
});
handle.s.css({
top: px(south),
left: px(midhoriz)
});
handle.n.css({
left: px(midhoriz)
});
}
if ('ne' in handle) {
handle.ne.css({
left: px(east)
});
handle.se.css({
top: px(south),
left: px(east)
});
handle.sw.css({
top: px(south)
});
}
if ('b' in handle) {
handle.b.css({
top: px(south)
});
handle.r.css({
left: px(east)
});
}
}
function moveto(x, y) {
$img2.css({
top: px(-y),
left: px(-x)
});
$sel.css({
top: px(y),
left: px(x)
});
}
function resize(w, h) {
$sel.width(w).height(h);
}
function refresh() {
var c = Coords.getFixed();
Coords.setPressed([c.x, c.y]);
Coords.setCurrent([c.x2, c.y2]);
updateVisible();
}
// Internal Methods
function updateVisible() {
if (awake) {
return update();
}
}
function update() {
var c = Coords.getFixed();
resize(c.w, c.h);
moveto(c.x, c.y);
if (options.drawBorders) {
if (isRTL) {
borders.right.css({
right: px(c.w - 1)
});
}
else {
borders.right.css({
left: px(c.w - 1)
});
}
borders.bottom.css({
top: px(c.h - 1)
});
}
if (seehandles) {
moveHandles(c);
enableHandles();
}
if (!awake) {
show();
}
options.onChange(unscale(c));
}
function show() {
showElement($sel);
$img.css('opacity', options.bgOpacity);
awake = true;
}
function release() {
disableHandles();
hideElement($sel);
$img.css('opacity', 1);
awake = false;
}
function showHandles() {
if (seehandles) {
moveHandles(Coords.getFixed());
showElement($hdl_holder);
}
}
function enableHandles() {
seehandles = true;
if (options.allowResize) {
moveHandles(Coords.getFixed());
showElement($hdl_holder);
return true;
}
}
function disableHandles() {
seehandles = false;
hideElement($hdl_holder);
}
function animMode(v) {
animating = v;
if (animating) {
disableHandles();
}
else {
enableHandles();
}
}
function done() {
animMode(false);
refresh();
}
var $track = newTracker().mousedown(createDragger('move')).css({
cursor: 'move',
position: 'absolute',
zIndex: 360
});
$img_holder.append($track);
disableHandles();
return {
updateVisible: updateVisible,
update: update,
release: release,
refresh: refresh,
setCursor: function(cursor) {
$track.css('cursor', cursor);
},
enableHandles: enableHandles,
enableOnly: function() {
seehandles = true;
},
showHandles: showHandles,
disableHandles: disableHandles,
animMode: animMode,
done: done
};
} ();
var Tracker = function() {
var onMove = function() { }, onDone = function() { }, trackDoc = options.trackDocument;
if (!trackDoc) {
$trk.mousemove(trackMove).mouseup(trackUp).mouseout(trackUp);
}
function toFront() {
$trk.css({
zIndex: 450
});
if (trackDoc) {
$($trk[0].ownerDocument).mousemove(trackMove).mouseup(trackUp);
}
}
function toBack() {
$trk.css({
zIndex: 290
});
if (trackDoc) {
$($trk[0].ownerDocument).unbind('mousemove', trackMove).unbind('mouseup', trackUp);
}
}
function trackMove(e) {
onMove(mouseAbs(e));
}
function trackUp(e) {
e.preventDefault();
e.stopPropagation();
if (btndown) {
btndown = false;
onDone(mouseAbs(e));
options.onSelect(unscale(Coords.getFixed()));
toBack();
onMove = function() { };
onDone = function() { };
}
return false;
}
function activateHandlers(move, done) {
btndown = true;
onMove = move;
onDone = done;
toFront();
return false;
}
function setCursor(t) {
$trk.css('cursor', t);
}
$img.before($trk);
return {
activateHandlers: activateHandlers,
setCursor: setCursor
};
} ();
$hdl_holder.css('display', 'none');
interfaceUpdate(true);
var api = {
animateTo: animateTo,
setSelect: setSelect,
setOptions: setOptionsNew,
tellSelect: tellSelect,
tellScaled: tellScaled,
disable: disableCrop,
enable: enableCrop,
cancel: cancelCrop,
getBounds: function() {
return [boundx * xscale, boundy * yscale];
},
getWidgetSize: function() {
return [boundx, boundy];
},
release: Selection.release,
destroy: destroy
};
$origimg.data('Jcrop', api);
return api;
};
$.fn.Jcrop = function(options) {
function attachWhenDone(from) {
var loadsrc = options.useImg || from.src;
var img = new Image();
img.onload = function() {
$.Jcrop(from, options);
};
img.src = loadsrc;
}
if (typeof (options) !== 'object') {
options = {};
}
// Iterate over each object, attach Jcrop
this.each(function() {
// If we've already attached to this object
if ($(this).data('Jcrop')) {
// The API can be requested this way (undocumented)
if (options == 'api') {
return $(this).data('Jcrop');
}
// Otherwise, we just reset the options...
else {
$(this).data('Jcrop').setOptions(options);
}
}
// If we haven't been attached, preload and attach
else {
attachWhenDone(this);
}
});
// Return "this" so we're chainable a la jQuery plugin-style!
return this;
};
})($cmsj);