The browser window is too small
To allow you to edit the book more comfortably, we have magnified the page.Please right-click on the page to view different parts of it.') } } x = this._zoomFactor * x * 0.5; // go back to page sizes now that sizing is done y = this._zoomFactor * y; this._size.w = x; this._size.h = y; var cw = this.pageContainer.getWidth() / 2; var factor = x/this.left.getWidth(); var params = {width: x, height: y, left: cw - x - 5, top: (sy - y + 30)/2 }; Util.p(this.left, params); Util.p(this.instructions, params); this.hint_l.style.left = (params.left + x - params.width) + 'px'; this.hint_l.style.top = (params.top + y - 5) + 'px'; this.hint_l.style.width = params.width + 'px'; params.left -= 34 + 20 + this.PMWIDTH; params.width = 34; Util.p(this.prev, params); var t = $('page-left'); t.style.left = (params.left + this.PMWIDTH - 150) + 'px'; t.style.top = (params.top + y - 40) + 'px'; params.left = cw + x + 6 + 10 + this.PMWIDTH; Util.p(this.next, params); t = $('page-right'); t.style.left= params.left + 'px'; t.style.top = (params.top + y - 40) + 'px'; params.left = cw + 5; params.width = x; Util.p(this.right, params); this.hint_r.style.left = (params.left) + 'px'; this.hint_r.style.top = (params.top + y - 5) + 'px'; this.hint_r.style.width = params.width + 'px'; this._zoomSizeUpdate(factor); this._offset.x *= factor; this._offset.y *= factor; this._updatePosition(); if (this.selected) this.setSelected(this.selected); }, dragBy: function(dx, dy) { this._offset.x -= dx; this._offset.y -= dy; this._snapBackSave = [dx, dy]; this._updatePosition(); }, snapBack: function() { if (this._snapBackSave != null) { this._offset.x += this._snapBackSave[0]; this._offset.y += this._snapBackSave[1]; this._snapBackSave = null; this._updatePosition(); } }, _updatePosition: function() { this.pageDragger.style.left = this._offset.x + 'px'; this.pageDragger.style.top = this._offset.y + 'px'; }, _zoomSizeUpdate: function(factor) { $H(this._items).each(function(pair) { pair.value.reposition(); }); }, addLockedText: function(setupData) { this.editor.cancel(); var lt = new PageLockedText(this, setupData); this._items[lt.id] = lt; }, addImagePlaceholder: function(setupData) { this.editor.cancel(); var iph = new ImagePlaceholder(this, setupData); this._items[iph.id] = iph; }, addImage: function(iconFile, id, setupData) { this.editor.cancel(); var img = new PageImage(iconFile, this, id, setupData); this._items[img.id] = img; }, replacePlaceholder: function(placeholder, iconFile, id) { this.editor.cancel(); var p = placeholder.div; this.setSelected(placeholder.page); var img = new PageImage(iconFile, this, id); this._items[img.id] = img; var w = parseFloat(p.style.width); var h = parseFloat(p.style.height); var left = parseFloat(p.style.left); var top = parseFloat(p.style.top); var imageAspect = library.getAspect(id); var pAspect = w/h; if (imageAspect > pAspect) { // image is wider... set the height //top += (h - w / imageAspect) / 2; h = w / imageAspect; } else { // placeholder is wider... set the width //left += (w - h * imageAspect) / 2; w = h * imageAspect; } img.div.setStyle({'top': top + 'px', 'left': left + 'px', 'width': w + 'px', 'height': h + 'px'}); var r = this._items.remove(p.id); if (r) r.cleanup(); try { p.remove(); } catch (ex) { /* in case it's not attached yet */ } }, addText: function(setupData) { this.editor.cancel(); var txt = new PageText(this, setupData); this._items[txt.id] = txt; }, getLastBg: function() { return this.bgEditor.getLastColor(); }, _dragStart: function(evt) { var el = $(Event.element(evt)); if (Event.isLeftClick(evt)) { var page = el.hasClassName('editpage') ? el : el.up('.editpage'); // right page clicked when 1 and 2 are showing --> title change if (page && page == this.right && this._curPage == 1) editor.showTitleChange(); if (page && page != this.selected && !page.hasClassName('disabled')) this.setSelected(page, true); } if (el.nodeName.toLowerCase() == 'textarea') return; var p = el.hasClassName('positionable') ? el : $(el.up('.positionable')); if (!p) { if (!Event.isLeftClick(evt)) { this.lastx = Event.pointerX(evt); this.lasty = Event.pointerY(evt); this.drag = true; this.dragPage = true; this._snapBackSave = null; Event.stop(evt); } return; } if (!Event.isLeftClick(evt) || this.lastObject || p.hasClassName('locked_text')) { Event.stop(evt); return; } var pobj = this._items[p.id]; if (!cspMode && pobj && (pobj.setupData.lock & 4)) { // locked Event.stop(evt); return; } this._isTextItem = p.hasClassName('text'); if (this._isTextItem) { this.textBox = p.down('textarea'); } if (pobj.forceFocus) pobj.forceFocus(true); this.target = p; var cls = el.className.replace(' drg', ''); if (cls == 'ul') { this.mode = 1; } else if (cls == 'br') { this.mode = 2; } else if (cls == 'st') { this.mode = 3; } else if (cls == 'sb') { this.mode = 4; } else if (cls == 'sl') { this.mode = 5; } else if (cls == 'sr') { this.mode = 6; } else if (this._isTextItem) { this.mode = 8; } else { this.mode = 7; } this.lastx = Event.pointerX(evt); this.lasty = Event.pointerY(evt); this.drag = true; Event.stop(evt); }, _getObject: function(positionable) { if (!positionable.hasClassName('positionable')) return; return this._items[positionable.id]; }, _dragStop: function(evt) { var el = $(Event.element(evt)); var p = el.up('.positionable'); if (p) { var obj = this._getObject(p); if (obj) obj.forceFocus(false); } if (!this.lastObject && el.hasClassName('delete')) { // if not in editor, we can delete it if delete is clicked // as long as it's not already being removed... if (this._items[p.id] && (cspMode || ((this._items[p.id].setupData.lock & 1) == 0))) { Messaging.confirm('
Remove this item?
The only way to restore a removed item is to recreate it or revert the entire book to the last saved version by exiting the editor without saving.
', function(result) {
if (result) {
$H(this._items).remove(p.id).cleanup();
Effect.Fade(p, { duration: 1, afterFinish: function(e) { if (e.element) e.element.remove(); } });
}
}.bind(this),
'remove', 'cancel');
}
} else if (el.hasClassName('edit')) {
// if this is a text object, we can edit it
this.lastObject = obj;
if (this.lastObject) this.lastObject.lockFocus();
// First blur the text field to prevent any issues there
this.lastObject.textarea.blur();
this.editor.edit(p);
}
if (!this.drag) return;
this.drag = false;
if (this.dragPage) {
this.dragPage = false;
Event.stop(evt);
return false;
}
this._disallowDrag = (this.mode == 8);
// clicking outside editor or the area itself
if (!p && !this.editor.inEditor(el)) {
this.editor.cancel();
}
},
_pg: function(key) {
return parseFloat(this.target.style[key]);
},
_dragUpdate: function(evt) {
if (!this.drag) return;
var x = Event.pointerX(evt);
var y = Event.pointerY(evt);
var dx = (x - this.lastx);
var dy = (y - this.lasty);
var moving = false;
if (dx || dy) {
if (this.dragPage) {
this._offset.x += dx;
this._offset.y += dy;
this._updatePosition();
} else {
var s = [
parseFloat(this.target.style.left),
parseFloat(this.target.style.top),
parseFloat(this.target.style.width),
parseFloat(this.target.style.height)];
switch (this.mode) {
case 1:
var aspect = s[3]/s[2];
var lw = s[3];
s[2] -= dx;
s[3] = (aspect * s[2]);
s[0] += dx;
s[1] += lw - s[3];
break;
case 2:
var aspect = s[3]/s[2];
s[2] += dx;
s[3] = (aspect * s[2]);
break;
case 3:
s[1] += dy;
s[3] -= dy;
break;
case 4:
s[3] += dy;
break;
case 5:
s[0] += dx;
s[2] -= dx;
break;
case 6:
s[2] += dx;
break;
case 7:
case 8:
moving = true;
s[0] += dx;
s[1] += dy;
var p = this.target.up('li');
if (!p) break;
if (p == this.left) {
if (!this._in(s, this.left)) {
var t = s.clone();
t[0] -= this._size.w + 10;
if (this._in(t, this.right)) {
s = t;
this.right.appendChild(this.target);
}
}
} else {
if (!this._in(s, this.right)) {
var t = s.clone();
t[0] += this._size.w + 10;
if (this._in(t, this.left)) {
s = t;
this.left.appendChild(this.target);
}
}
}
break;
}
if (this._isTextItem) {
var margin = Math.floor(0.75 * this._size.w / loadData.width);
if (s[0] + s[2] > this._size.w - margin ) {
if (moving) {
s[0] = this._size.w - margin - s[2];
if (s[0] < margin) {
s[2] -= margin - s[0];
s[0] = margin;
}
} else {
s[2] = this._size.w - margin - s[0];
}
}
if (s[1] + s[3] > this._size.h - margin ) {
if (moving) {
s[1] = this._size.h - margin - s[3];
if (s[1] < margin) {
s[3] -= margin - s[1];
s[1] = margin;
}
} else {
s[3] = this._size.h - margin - s[1];
}
}
if (s[0] < margin) {
//s[2] -= (margin - s[0]);
s[0] = margin;
}
if (s[1] < margin) {
//s[3] -= (margin - s[1]);
s[1] = margin;
}
}
if (s[3] > 25 && s[2] > 25) {
Util.p(this.target, Math.round(s[1]), Math.round(s[0]), Math.round(s[3]), Math.round(s[2]));
if (Prototype.Browser.IE && this._isTextItem) {
this.textBox.style.width = (Math.round(s[2]) - 2) + 'px';
this.textBox.style.height = (Math.round(s[3]) - 4) + 'px';
}
var obj = this._getObject(this.target);
if (obj) obj.updateData();
}
}
}
this.lastx = x;
this.lasty = y;
Event.stop(evt);
},
_in: function(a, p) {
return (!p.hasClassName('disabled'))
&& a[0] < this._size.w
&& a[0]+a[2] >= 0
&& a[1] < this._size.h
&& a[1]+a[3] >= 0 ;
},
prepForJSON: function(element, pagePosition) {
var w = element.getWidth();
var h = element.getHeight();
var array = $A();
var textProps = ['color', 'fontWeight', 'fontStyle', 'textAlign'];
this._items.each(function(arg) {
var obj = arg[1];
// check upstream to see if this item is part of the root we want
if (!Util.ancestor(obj.div, element)) return;
// reuse dimensions from setupData
var d = {};
d.width = obj.setupData.width;
d.height = obj.setupData.height;
d.left = obj.setupData.left;
d.top = obj.setupData.top;
// object is completely outside the element... ignore
if (obj.moved) {
if (d.left > 1 || d.left + d.width < 0 || d.top > 1 || d.top + d.height < 0) return;
}
d.type = obj.type;
switch (obj.type) {
case 'text':
case 'locked_text':
case 'text_author':
case 'text_title':
d.lock = obj.setupData.lock || 0;
d.hint = obj.setupData.hint || '';
var target = null;
if (obj.type.indexOf('locked') >= 0) {
target = obj.div;
d.content = obj.content;
} else {
target = obj.textarea;
d.content = $F(target).stripScripts().escapeHTML();
}
d.color = target.getStyle('color');
d.fontSize = parseFloat(target.getStyle('fontSize')) / h;
d.fontStyle = target.getStyle('fontStyle');
if (!d.fontStyle) d.fontStyle = 'normal';
d.fontWeight = target.getStyle('fontWeight');
if (!d.fontWeight) d.fontWeight = 'normal';
switch (d.fontWeight) { // if we have to use computed values, the names need to be inferred from spec values
case '400':
d.fontWeight = 'normal';
break;
case '700':
d.fontWeight = 'bold';
}
d.textAlign = target.getStyle('textAlign');
if (!d.textAlign) d.textAlign = 'left';
break;
case 'place_image':
break;
case 'image':
d.lock = obj.setupData.lock || 0;
d.file = obj.imageFile;
d.rid = arg[0].sub(/__.*$/, '');
break;
}
array.push(d);
});
var page = pagingController.getData(pagePosition);
page.bg = element.style.backgroundColor;
page.elements = array;
if (cspMode) {
page.hint = $('hint_txt_' + (pagePosition % 2 == 0 ? 'r' : 'l')).innerHTML;
}
return page;
},
getJSON: function(doLeft) {
return this.prepForJSON(doLeft).toJSON();
}
};
ScrollArea = Class.create();
ScrollArea.prototype = {
_items: $A(),
_pos: 0,
_width: 10,
_pad: 20,
_lastEffect: null,
_lock: false,
doInit: function(id) {
this.element = $(id);
this.scroller = this.element.down('.scroller');
this.container = this.scroller.down('ul');
this.prev = this.element.down('.prev');
this.next = this.prev.next('.next');
Event.observe(this.prev, 'click', this.moveLeft.bindAsEventListener(this));
Event.observe(this.next, 'click', this.moveRight.bindAsEventListener(this));
Event.observe(this.container, 'mouseup', this._select.bindAsEventListener(this));
Event.observe(window, 'resize', this.resize.bindAsEventListener(this));
this.resize();
this.fixWidth();
},
release: function() { this._lock = false; },
_select: function(evt) {
if (this._lock) return;
this._lock = true;
this.select(evt);
Util.defer(this, this.release, 200);
},
checkLoad: function() {
if ('function' == typeof this.loadMore &&
this.container.getWidth() - this._pos < this.scroller.getWidth() * 1.25) {
this.loadMore();
}
},
resize: function() {
this.scroller.style.width = Math.max(0, this.element.getWidth() - 68 - 30 - 36 - 10 - (Prototype.Browser.IE ? 20 : 0)) + 'px';
this.checkLoad();
},
fixWidth: function() {
this.container.style.width = ((this._width + this._pad) * (this._items.size()+1) + this._pad * 2) + 'px';
},
_m: function() {
if (this._lastEffect) this._lastEffect.cancel();
this._lastEffect = new Effect.Move(this.container,{ x: -this._pos, y: 0, mode: 'absolute', duration: 0.5});
},
moveRight: function() {
var w = this.scroller.getWidth();
if (this._pos + w/2 >= (this._width + this._pad) * this._items.size()) {
return;
}
this._pos += w / 4;
this._m();
this.checkLoad();
},
moveLeft: function() {
if (!this._pos) return;
this._pos -= Math.floor(this.scroller.getWidth() / 4);
if (this._pos < 0) this._pos = 0;
this._m();
},
scrollToEnd: function() {
this._pos = (this._width + this._pad) * this._elements.size() - Math.floor(this.scroller.getWidth() / 2);
if (this._pos < 0) this._pos = 0;
this._m();
}
};
PagingController = Class.create();
Object.extend(PagingController.prototype, ScrollArea.prototype);
Object.extend(PagingController.prototype, {
_elements: $A(),
_selected: $A(),
_pages: $A(),
_selectEnable: true,
_menuTarget: null,
_numCoverAtEnd: 0,
_menuHideHandler: null,
hasHints: false,
initialize: function(containerId, pageSize, pageData) {
this._aspect = pageSize[0]/pageSize[1];
this._width = Math.round(pageSize[0] * 82 / pageSize[1]);
if (pageData) {
this._pages = $A(pageData);
} else {
this.addPage();
}
this._items = this._pages;
this.doInit(containerId);
this.buildPages();
//var addBtn = this.element.down('.extra');
//Event.observe(addBtn, 'click', this.addPage.bindAsEventListener(this));
var n = this._pages.size() - 1;
while (n != this._numCoverAtEnd && this._pages[n-this._numCoverAtEnd].moveable == false) {
this._numCoverAtEnd++;
};
for (var i = 0; i <= n; i++) if (this._pages[i].hint) { this.hasHints = true; break; };
},
show: function() { this.element.show(); this.resize(); },
hide: function() { this.element.hide(); },
numPages: function() { return this._pages.size(); },
_findChildPosition: function(el) {
for (var i = 0, n = this._elements.size(); i < n; i++) {
if (this._elements[i] == el) {
return i;
}
}
return null;
},
menuDelete: function(el) {
if (pageEditor._pageMenu.hasClassName('locked')) return;
if (this.numPages() == 1) {
Messaging.message('Cannot remove the last page
You must have at least one page in the book. To remove this page, add another page first.
');
return;
}
Messaging.confirm('Confirm Removal
Are you sure you want to remove this page?
',
this._finishDelete.bind(this, this._selected[0], 1),
'remove', 'cancel');
},
menuDeleteFacing: function() {
if (this.numPages() == 2) {
Messaging.message('Cannot remove last 2 pages
You must have at least one page in the book. To remove these pages, add another page first.
');
return;
}
Messaging.confirm('Confirm Removal
Are you sure you want to remove these pages?
',
this._finishDelete.bind(this, this._selected[0], 2),
'remove', 'cancel');
},
menuChangeBg: function() {
var i = this._findChildPosition(this._selected[0]);
pageEditor.showBgEditor(i);
},
_finishDelete: function(target, howMany, conf) {
if (!conf) return;
pageEditor.save();
var i = this._findChildPosition(target);
if (howMany > 2 || howMany < 1) return;
if (howMany == 2) {
if (i == 0) { // first page... no facing spread
howMany--;
} else {
if (i % 2 == 0) i--; // if right page selected, move to left and delete 2
if (this._pages.size() == i+1) howMany--; // unless it's an orphaned last page
}
}
this._pages.splice(i, howMany);
var parent = target.parentNode;
for (var k = 0; k < howMany; k++)
parent.removeChild(this._elements[i + k]);
this._elements.splice(i, howMany);
this.updatePageNum();
pageEditor.refocus();
},
updatePageNum: function() {
for (var i = 0; i < this._elements.length; i++) {
this._elements[i].down('.number').update(editor.getPageNum(i + 1));
this._elements[i].setClass('left', i % 2 != 0);
this._elements[i].setClass('right', i % 2 == 0);
}
},
select: function(evt) {
if (!this._selectEnable || !pageEditor) return;
var el = Event.element(evt);
if (el.nodeName.toLowerCase() == 'img' && el.hasClassName('menu')) {
this.showContextMenu(el);
return;
}
el = el.up('li');
var i = this._findChildPosition(el);
if (i != null) pageEditor.focusPage(i);
},
setSelected: function(page, supressNext) {
var el;
while (el = this._selected.pop()) el.removeClassName('selected');
var last = page + 1;//(supressNext ? 1 : 2);
for (var which = page; which < last; which++) {
if (which < 0 || which >= this._pages.size()) {
continue;
}
el = $(this._elements[which]);
el.addClassName('selected');
this._selected.push(el);
};
pageLayoutEditor.setCurrent(page);
},
getData: function(which) {
if (which < 0 || which >= this._pages.size()) return $A();
return this._pages[which];
},
_makePage: function() {
var pg = $(document.createElement('li'));
var div = $(document.createElement('div'));
div.addClassName('pagebody');
var number = $(document.createElement('div'));
div.makeClipping();
pg.style.width = this._width + 'px';
pg.appendChild(div);
number.className = 'number';
pg.appendChild(number);
pg.addClassName((this._elements.size() % 2 == 0) ? 'right' : 'left');
number.update(editor.getPageNum(this._elements.size() + 1));
/*var menuMark = $(document.createElement('img'));
menuMark.src = imageBase + 'editor/pagemenu.png';
menuMark.addClassName('menu');
pg.appendChild(menuMark);
tooltips.addHelp(menuMark, 'Click here to change background', 'T');*/
if (arguments.length > 0) {
var pos = arguments[1];
if (pos >= this._elements.length) {
this.container.appendChild(pg);
} else {
this.container.insertBefore(pg, this._elements[pos]);
}
this._elements.splice(pos, 0, pg);
Util.defer(this, this.updatePageNum, 500);
} else {
this.container.appendChild(pg);
this._elements.push(pg);
}
this.fixWidth();
return div;
},
buildPages: function() {
this._pages.each(function(page) {
var div = this._makePage();
this.updatePage(div, page);
}.bind(this));
},
addPage: function() {
if (pageEditor._pageMenu.hasClassName('locked')) return;
pageEditor.save();
var position = pageEditor.getSelectedPageNumber() + 1;
if (position > this._pages.size() - this._numCoverAtEnd) {
position = this._pages.size() - this._numCoverAtEnd;
} else if (position < 2) {
position = 2;
}
this._makePage(true, position);
// !! magic type 3 = normal page
var pg = $H({'bg' : pageEditor.getLastBg(), 'elements' : $A(), 'editable': true, 'moveable': true, 'type': 3, 'pos': -1, 'hint': ''});
this._pages.splice(position, 0, pg);
pageEditor.focusPage(position, true);
},
updatePage: function(which, pageData) {
if ('number' == typeof which) {
if (which < 0 || which >= this._elements.size()) return;
var el = $(this._elements[which]).down('div');
this._pages[which] = pageData;
} else {
el = $(which);
}
Util.clearNode(el);
var h = el.getHeight();
el.style.backgroundColor = pageData.bg || 'rgb(255,255,255)';
$A(pageData.elements).each(function(a) {
switch (a.type) {
case 'image':
var e = $(document.createElement('img'));
e.src = a.file;//.sub(/\/([^\/]+)$/, function(match) { return '/small-' + match[1]; } );
e.setStyle({left: (a.left*100) + '%', top: (a.top*100) + '%', width: (a.width*100) + '%', height: (a.height*100) + '%', position: 'absolute'}, true);
el.appendChild(e);
break;
case 'text':
case 'text_title':
case 'text_author':
case 'locked_text':
var e = $(document.createElement('div'));
if (!a.content) return;
e.update(a.content.gsub('\n', '')); e.addClassName('text'); e.setStyle({ left: (a.left*100) + '%', top: (a.top*100) + '%', width: (a.width*100) + '%', height: (a.height*100) + '%', position: 'absolute', fontSize: (a.fontSize * h) + 'px', color: (a.color || '#000000'), fontWeight: (a.fontWeight || 'normal'), fontStyle: (a.fontStyle || 'normal'), textAlign: (a.textAlign || 'left'), overflow: 'hidden' }, true); el.appendChild(e); break; } }); var cover = $(document.createElement('div')); cover.addClassName('cover'); cover.update(' '); el.appendChild(cover); }, moveElement: function(st, en) { if (en == st) return; this._pages.splice(en, 0, this._pages[st]); this._elements.splice(en, 0, this._elements[st]); if (en < st) { st++; } this._pages.splice(st, 1); this._elements.splice(st, 1); this.updatePageNum(); }, allowSelect: function(v) { this._selectEnable = v; }, enablePageReorder: function() { sorter = new SortController(this.container, 'li', this.moveElement.bind(this), this.allowSelect.bind(this)); } }); SortController = Class.create(); SortController.prototype = { initialize: function(container, tag, moveCallback, allowSelectCallback) { this.container = $(container); this.tag = tag.toLowerCase(); this.move = moveCallback || Prototype.emptyFunction; this.allowSelect = allowSelectCallback || Prototype.emptyFunction; container.cleanWhitespace(); this.marker = $(document.createElement(this.tag)); this.marker.id = 'marker'; // Prevent text selection and dragging, which allows us to do // drags in IE without the images and such themselves getting // dragged, which in turn freezes the move because there are // no available drop targets...
Error Uploading Image
' + 'We are very sorry for the inconvenience.Error message: ' + msg + '
If the problem persists, do not hesistate to contact us from the help area of the site. You can also try to upload the image from the studio (under drawings).'); this.cancel(true); }, _receivedToken: function(transport) { if (transport.responseText == 'nologin') { Util.wrapDialog($('noUpload')); $('noUpload').show(); return; } if (!(new RegExp('[0-9a-f]{32}', 'i').test(transport.responseText))) { this._showError('Invalid upload token returned by server. Please try to upload again.'); return; } this.uploadURL = uploadURL + '/' + transport.responseText; this.uploadErrorURL = uploadErrorURL + transport.responseText; window.setTimeout(this._init.bind(this, 0), 500); }, _init: function(count) { var flashObjectHandle = $(this.proxyNameStem + "Object"); var flashEmbedHandle = $(this.proxyNameStem + "Embed"); this.flashHandle = flashEmbedHandle ? flashEmbedHandle : flashObjectHandle; /*try { this.flashHandle.addItems(); } catch (e) { */ if (!this.flashHandle) { if (count < 8) { window.setTimeout(this._init.bind(this, count+1), 500); return; } this._showError('The editor could not load the Adobe Flash Player plugin.'); } this.element.show(); }, cancel: function(errored) { this.element.hide(); if (!errored) { if (this.isStepMode) { Messaging.unlockUI(); } else { library.uploadComplete(false); } } }, flashError: function(msg) { if (msg.toLowerCase().indexOf('http error') >= 0) { new Ajax.Request(this.uploadErrorURL, { onComplete: function(transport) { uploader._showError(transport.responseText + '
Please check the file and try to upload again.'); } }); } else { this._showError(msg); } }, getUploadUrl: function() { return this.uploadURL; }, sendComplete: function(n) { this.element.hide(); this.uploadedImages = n > 0; library.uploadComplete(this.uploadedImages); } }); Library2 = Class.create(); Object.extend(Library2.prototype, { _template: new Template('
Sorry. No matching drawing were found. Click reset to see all images.'); } }.bind(this), onFailure: function(transport) { this._searchError(transport.responseText); }.bind(this) }); }, _searchError: function(msg) { $('lib_loader').hide(); this._callbackPlaceholder = null; Messaging.message('
Search Failed
We\'re very sorry for the inconvenience, but there was a problem while conducting the search.
Error message:
' + msg + '
');
},
getAspect: function(id) { return this._aspects[id] || 1; },
show: function(callbackPlaceholder) {
Messaging.lockUI();
this._callbackPlaceholder = callbackPlaceholder ? callbackPlaceholder : null;
this.element.show();
if (this._firstRun) {
this._firstRun = false;
//Position.clone(this.container, this.element.down('.scroll'), { setLeft: false, setWidth: false });
//this.build();
//this._setTab(0);
}
},
hide: function() {
this.element.hide();
this._callbackPlaceholder = null;
Messaging.unlockUI();
},
select: function(evt) {
var el = $(Event.element(evt));
if (el.hasClassName('overlay')) {
el = el.next('.icon') || el;
}
if (el.hasClassName('icon')) {
var rid = el.up('div').id;
var imageFile = '';
for (var i = 0; i < this._items.length; i++) {
if (this._items[i][0] == rid) {
imageFile = this._items[i][1];
break;
}
}
if (this._callbackPlaceholder) {
pageEditor.replacePlaceholder(this._callbackPlaceholder, imageFile, rid);
} else {
pageEditor.addImage(imageFile, rid);
}
this.hide();
}
},
loadMore: function() {
}
});
HelpDialog = Class.create();
HelpDialog.prototype = {
shown: false,
initialize: function() {
this.element = $('starterHelp');
Util.wrapDialog(this.element);
Event.observe(this.element, 'click', this.handleClick.bindAsEventListener(this));
},
show: function() {
Messaging.lockUI();
this.element.show();
},
handleClick: function(evt) {
this.element.hide();
Messaging.unlockUI();
}
};
TextProps2 = Class.create();
TextProps2.prototype = {
storedState: $H({
fontSize: 30/(72 * loadData.height),
color: 'rgb(0,0,0)',
fontWeight: 'normal',
fontStyle: 'normal',
textAlign: 'left'
}),
oldValues: $H(),
previousValues: $H(),
dragger: null,
trackWidth: 108, // thumb size
object: null,
minSz: 16, maxSz: 108,
snaps: 0,
initialize: function() {
this.editor = $('textprops');
Util.wrapDialog(this.editor);
Position.absolutize(this.editor);
this.dragger = new Draggable('size_thumb', {
snap: this.snapSize.bind(this)
});
Event.observe(this.editor, 'click', this._handleClick.bindAsEventListener(this));
this.editor.hide();
},
snapSize: function(x, y) {
y = 0;
if (x < 0) x = 0;
if (x > this.trackWidth - 8) x = this.trackWidth - 8;
if (this.snaps > 0) {
var d = (this.trackWidth - 8) / (this.snaps - 1);
x = Math.round(x/d) * d;
}
this._changeSize(this.minSz + Math.round((x / this.trackWidth) * this.maxSz));
return [x,y];
},
chooseSize: function(evt) {
var e = Event.element(evt);
if (!e.className) return;
var w = e.className.substr(1, 1) * 1 - 1;
this._changeSize(this.minSz + Math.round((w / 12) * this.maxSz));
w = (w/12)*(this.trackWidth - 8);
$('size_thumb').setStyle({'left': w + 'px'});
},
_handleClick: function(evt) {
if (!this.target) return;
var el = Event.element(evt);
while (el.nodeName.toLowerCase() == 'span') el = el.parentNode;
switch (el.id) {
case 'size_chooser':
this.chooseSize(evt);
break;
case 'text_save':
this.save();
break;
case 'text_cancel':
this.cancel();
break;
case 'text_match':
this.matchLastStyle();
break;
case 'font_bold':
this._toggleStyle('fontWeight', 'bold', 'font_bold');
break;
case 'text_up':
this._updateSize(true);
break;
case 'text_down':
this._updateSize(false);
break;
case 'font_italic':
this._toggleStyle('fontStyle', 'italic', 'font_italic');
break;
case 'fmt_align_left':
case 'fmt_align_center':
case 'fmt_align_right':
this._align(el.id.replace('fmt_align_', ''));
break;
default:
if (el.hasClassName('box')) {
this.recolor(el.style.backgroundColor);
} else {
return;
}
break;
}
Event.stop(evt);
},
matchLastStyle: function() {
if (!this.previousValues.textAlign) return;
this.previousValues.each(function(pair) {
this.oldValues[pair.key] = this.storedState[pair.key] = this.previousValues[pair.key];
}.bind(this));
this.applyOldState(this.object, this.text);
this.save()
},
_updateSize: function(up) {
var thumb = $('size_thumb');
var pos = parseInt(thumb.getStyle('left'));
var d = 1;
if (this.snaps > 1) {
d = (this.trackWidth) / (this.snaps - 1);
}
pos += (up ? 1 : -1) * d;
var np = this.snapSize(pos, 0);
thumb.style.left = np[0] + 'px';
},
_toggleStyle: function(style, onState, buttonId) {
if (this.text.style[style] == onState) {
this.storedState[style] = this.text.style[style] = 'normal';
$(buttonId).removeClassName('selected');
} else {
this.storedState[style] = this.text.style[style] = onState;
$(buttonId).addClassName('selected');
}
},
_align: function(alignment) {
var b = $('fmt_align_' + this.text.style.textAlign);
if (!b) b = $('fmt_align_left'); // if nothing set
b.removeClassName('selected');
this.storedState['textAlign'] = this.text.style.textAlign = alignment;
b = $('fmt_align_' + alignment);
if (b) b.addClassName('selected');
},
recolor: function(color) {
if (this.target) {
this.storedState['color'] = this.text.style.color = color;
}
},
_changeSize: function(sizeInPoints) {
if (!this.target) return;
var szInPercent = sizeInPoints / (72 * loadData.height);
this.object.updateFontSize(szInPercent);
this.storedState.fontSize = szInPercent;
},
_saveOld: function() {
this.storedState.each(function(pair) {
if (pair && pair.key != 'fontSize') {
this.storedState[pair.key] = this.oldValues[pair.key] = this.text.getStyle(pair.key);
}
}.bind(this));
this.storedState.fontSize = this.oldValues.fontSize = this.object.setupData.fontSize;
},
_updateUI: function() {
var buttons = $A(this.editor.getElementsByTagName('a')).each(function(e) {
$(e).removeClassName('selected');
});
var btn = $('fmt_align_' + this.oldValues['textAlign']);
if (btn) btn.addClassName('selected');
if (this.oldValues['fontWeight'] == 'bold' || this.oldValues['fontWeight'] == 700) {
$('font_bold').addClassName('selected');
}
if (this.oldValues['fontStyle'] == 'italic') {
$('font_italic').addClassName('selected');
}
var pos = (Math.round(this.object.setupData.fontSize * 72 * loadData.height) - this.minSz) / this.maxSz;
pos = 10 + (this.trackWidth-10) * pos;
var newPos = this.snapSize(pos, 0);
$('size_thumb').setStyle({left: newPos[0] + 'px', top: newPos[1] + 'px'});
if (cspMode) {
var lock = this.object.setupData.lock;
$('lock_del').checked = lock & 1;
$('lock_edit').checked = lock & 2;
$('lock_move').checked = lock & 4;
$('lock_style').checked = lock & 8;
$('element_hint_txt').value = this.object.setupData.hint || '';
}
},
ensureVisible: function() {
var size = this.editor.getDimensions();
var es = $('editorspace').getDimensions();
var da = this.editor.up('.dragarea');
var t = this.editor;
var offx = this.editor.offsetLeft + da.offsetLeft + size.width;
var offy = this.editor.offsetTop + da.offsetTop + size.height;
offx = (offx > es.width ) ? offx - es.width : 0;
offy = (offy > es.height) ? offy - es.height : 0;
pageEditor.dragBy(offx, offy);
},
edit: function(p, cnt) {
this.text = p.down('textarea');
if (!this.text) { return; }
this.target = p;
this.object = pageEditor._getObject(p);
this._saveOld();
this.editor.show();
Position.clone(p, this.editor, {setWidth: false, setHeight: false, offsetTop: (parseInt(p.style.height) + 10), offsetLeft: 5 });
this.sizeValue = parseInt(this.oldValues['fontSize']);
this.recolor(this.oldValues['color']);
this._updateUI();
this.ensureVisible();
},
_hide: function() {
pageEditor.snapBack();
this.editor.hide();
if (pageEditor.lastObject) pageEditor.lastObject.releaseFocus();
pageEditor.lastObject = null;
this.target = null;
},
cancel: function() {
if (!this.target) return;
if (!this.text) {
this._hide();
return;
}
$H(this.oldValues).each(function(pair) {
if (pair.key != 'fontSize') {
this.text.style[pair.key] = this.oldValues[pair.key];
}
this.storedState[pair.key] = this.oldValues[pair.key];
}.bind(this));
this.object.updateFontSize(this.oldValues.fontSize);
this._hide();
},
getLockState: function() {
var lock = 0;
if ($('lock_del').checked) lock |= 1;
if ($('lock_edit').checked) lock |= 2;
if ($('lock_move').checked) lock |= 4;
if ($('lock_style').checked) lock |= 8;
return lock;
},
save: function() {
this.storedState.each(function(pair) {
this.previousValues[pair.key] = this.storedState[pair.key];
}.bind(this));
if (cspMode) {
this.object.setupData.lock = this.getLockState();
this.object.setupData.hint = $('element_hint_txt').value;
}
this._hide();
},
inEditor: function(el) {
return (el == this.editor) || $(el).up('#propedit');
},
applyOldState: function(object, target) {
this.storedState.each(function(pair) {
if (pair.key != 'fontSize') target.style[pair.key] = this.storedState[pair.key];
}.bind(this));
object.updateFontSize(this.storedState.fontSize);
}
};
PageLayoutEditor = Class.create();
Object.extend(PageLayoutEditor.prototype, {
formats: {
'pl_txt': { t: [{left: 0.1, width: 0.8, top: 0.1, height: 0.8}], i: [] },
'pl_img_f': { t: [], i: [{fill:true}] },
'pl_img_n': { t: [], i: [{fill:false, width: 0.8, height: 0.8, cx: 0.5, cy: 0.5 }] },
'pl_mix_ob': { t: [{left: 0.1, width: 0.8, top: 0.65, height: 0.25}], i: [{fill:true}] },
'pl_mix_nb': { t: [{left: 0.1, width: 0.8, top: 0.65, height: 0.25}], i: [{fill:false, width: 0.8, height: 0.5, cx: 0.5, cy: 0.35 }] }
},
currentPage: 0,
initialize: function(element, pe) {
this.pe = pe;
this.element = $(element);
Util.wrapDialog(this.element);
this.buttons = this.element.down('.holder');
this.message = this.element.down('.message');
this.message.hide();
Event.observe(this.buttons, 'click', this.handleButton.bindAsEventListener(this));
Event.observe($('pl_cancel'), 'click', this.close.bind(this));
},
close: function() { this.element.hide(); },
show: function() {
if (pageEditor._pageMenu.hasClassName('locked')) return;
this.element.show();
},
setCurrent: function(n) {
this.currentPage = n;
var data = pagingController.getData(n);
if (!data || !data.moveable) {
this.message.show();
this.buttons.hide();
} else {
this.message.hide();
this.buttons.show();
}
},
handleButton: function(evt) {
var el = Event.element(evt);
Event.stop(evt);
if (!this.currentPage) return;
if (!el.id) el = el.up('div');
if (!this.formats[el.id]) return;
this.applyFormat(this.formats[el.id]);
},
applyFormat: function(fmt) {
pageEditor.save();
var tc = 0, ic = 0;
var data = pagingController.getData(this.currentPage);
var images = 0, text = 0, realText = 0, realImages = 0;
$A(data.elements).each(function(e) {
if (e.type == 'text') {
text++;
if (e.content && PageText.prototype._default != e.content) realText++;
}
if (/image/.test(e.type)) {
if (!(/place/.test(e.type))) realImages++;
images++;
}
});
if ((realText > fmt.t.length || realImages > fmt.i.length)
&& !confirm('Words or pictures that don\'t fit into the new layout will be left in place. Continue?')) return;
while (text < fmt.t.length) {
pageEditor.addText();
text++;
}
while (images < fmt.i.length) {
pageEditor.addImagePlaceholder();
images++;
}
pageEditor.save();
var data = pagingController.getData(this.currentPage);
var aspect = loadData.width / loadData.height;
var els = $A();
$A(data.elements).each(function(e) {
if (e.type == 'text') {
if (text > fmt.t.length && PageText.prototype._default == e.content) { text--; return; }
if (tc >= fmt.t.length) { els.push(e); return; }
e.left = fmt.t[tc].left;
e.top = fmt.t[tc].top;
e.width = fmt.t[tc].width;
e.height = fmt.t[tc].height;
} else if (/image/.test(e.type)) {
var isPlaceholder = /place/.test(e.type);
if (images > fmt.i.length && isPlaceholder) { images--; return; }
if (ic >= fmt.i.length) { els.push(e); return; }
var imageAspect = e.width / e.height;
if (fmt.i[ic].fill) {
if (isPlaceholder) {
e.width = e.height = 1;
} else {
if (imageAspect > aspect) {
// wider than page
e.height = 1;
e.width = imageAspect;
} else {
e.width = 1;
e.height = 1/imageAspect;
}
}
e.left = 0.5 - e.width/2;
e.top = 0.5 - e.height/2;
} else {
var curFormat = fmt.i[ic];
var wantedAspect = curFormat.width / curFormat.height;
if (isPlaceholder) {
e.width = curFormat.width;
e.height = curFormat.height;
} else {
if (imageAspect < wantedAspect) {
// image is narrower than needed, so set height
e.height = curFormat.height;
e.width = imageAspect * e.height;
} else {
// otherwise, set width
e.width = curFormat.width;
e.height = e.width/imageAspect;
}
}
e.left = curFormat.cx - e.width/2;
e.top = curFormat.cy - e.height/2;
}
ic++;
}
els.push(e);
});
data.elements = els;
pagingController.updatePage(this.currentPage, data);
pageEditor.focusPage(this.currentPage, true);
this.close();
}
});
PublishDialog = Class.create();
PublishDialog.prototype = {
initialize: function() {
this.dlg = $('publishDlg');
Util.wrapDialog(this.dlg);
Event.observe(this.dlg, 'click', this.handleClick.bindAsEventListener(this));
},
_doUpdate: function(data) {
this.data = data;
var rt = new Template('' + msg + '
Error
Please save your book and reload the editor!'); } else { var json = text.substr(jsonIndex + 2).evalJSON(); this._doUpdate(json); } }.bind(this), onFailure: function(transport) { Messaging.message('Error
Please save your book and reload the editor!'); } }); }, _updateTotal: function() { var t = 0; this.data.each(function(e) { t += parseFloat(e.price) * parseInt(e.qty); }); $('tot_amt').update('$ ' + t.toFixed(2)); }, _updateAmt: function(e, up) { var id = e.up('tr').id.replace('row_', ''); this.data.each(function(item) { if (item.id != id) return; item.qty += up ? 1 : -1; if (item.qty < 0) item.qty = 0; if (item.limit && item.qty > item.limit) item.qty = item.limit; e.up('tr').down('.qty').update(item.qty); e.up('tr').down('.tot').update('$ ' + (item.qty * item.price).toFixed(2)); this._updateTotal(); }.bind(this)); }, _doAdd: function() { editor.overrideExitWarning(true); var t = $A(); this.data.each(function(item) { if (item.qty) t.push({'id': item.id, 'qty': item.qty}); }); if (!t.length) { this.dlg.hide(); Messaging.message('Nothing in Cart!
You didn\'t add anything to the cart. Please add some items in order to publish your book.'); return; } var form = $('publishForm'); form.down('input[name=title]').value = loadData['book']; form.down('input[name=order]').value = t.toJSON(); form.submit(); }, handleClick: function(evt) { Event.stop(evt); var e = Event.element(evt); if (e.hasClassName('plus')) { this._updateAmt(e, true); } else if (e.hasClassName('minus')) { this._updateAmt(e, false); } else { while (e && !e.id) e = e.up(); if (!e) return; switch (e.id) { case 'pub_cancel': this.dlg.hide(); Messaging.unlockUI(); break; case 'pub_add': this._doAdd(); break; } } } }; ShareDialog = Class.create(); ShareDialog.prototype = { initialize: function() { this.dlg = $('shareDlg'); Util.wrapDialog(this.dlg); Event.observe(this.dlg, 'click', this.handleClick.bindAsEventListener(this)); }, requestPrint: function() { new Ajax.Request(shareURL, { 'method': 'get', 'parameters': { 'message': 'print', 'title': loadData['book'], 'type': 'print' } }); Messaging.message('Congratulations!
You’re on your way to becoming a published author!An email has been sent to your parents asking them to buy your book.'); }, requestGift: function() { var p = { 'message': 'gift', 'title': loadData['book'] }; var txt = $('share_msg').value; if (txt == 'Include a message?') txt = ''; p.text = txt; new Ajax.Request(shareURL, { 'method': 'post', 'parameters': p }); Messaging.message('
Great!
We have sent your gift.'); }, show: function() { Messaging.lockUI(); this.dlg.show(); }, _clearPress: function() { $$('#' + this.dlg.id + ' .radio.pressed').invoke('removeClassName', 'pressed'); }, handleClick: function(evt) { Event.stop(evt); var e = Event.element(evt); while (e && !e.id) e = e.up(); if (!e) return; switch (e.id) { case 'share_msg': if (e.value == 'Include a message?') e.value = ''; e.style.color = 'black'; break; case 'share_buy': this._clearPress(); e.down('.radio').addClassName('pressed'); $('share_msg').hide(); break; case 'share_gift': this._clearPress(); e.down('.radio').addClassName('pressed'); $('share_msg').show(); break; case 'share_cancel': this.dlg.hide(); Messaging.unlockUI(); break; case 'share_go': this.requestPrint(); this.dlg.hide(); break; } } }; TitleDialog = Class.create(); TitleDialog.prototype = { initialize: function() { this.dlg = Util.wrapDialog('titleDlg'); Event.observe(this.dlg, 'click', this.handleClick.bindAsEventListener(this)); Event.observe('new_title', 'change', function() { if ($F('new_title')) $('new_title_error').hide(); else $('new_title_error').show(); }); }, show: function() { $('new_title').value = loadData.title; Messaging.lockUI(); this.dlg.show(); $('new_title').focus(); }, hide: function() { this.dlg.hide(); Messaging.unlockUI(); }, handleClick: function(evt) { var e = Event.element(evt); while (e && !e.id) e = e.up(); if (!e) return; switch (e.id) { case 'title_cancel': this.hide(); break; case 'title_go': var title = Util.trim($('new_title').value); if (!title) { $('new_title_error').show(); return; } this.hide(); pageEditor.updateTitle(title); break; } } }; Util = { _id: 1, trim: function(s) { return s.replace(/^\s+|\s+$/g, ''); }, /** * returns true in a is an ancestor of c */ ancestor: function(c, a) { return $(c).ancestors().member(a); }, getId: function() { return 'pageitem' + (++Util._id); }, defer: function(obj, fcn, delay) { window.setTimeout(fcn.bind(obj), delay || 10); }, /** * Sets the position of e to values in p. Values are set as px. * Don's pass $A() or $H() objects to this. */ p: function(e, t, l, h, w) { if ('object' != typeof t) t = { 'top': t, 'left': l, 'width': w, 'height': h }; for (s in t) e.style[s] = t[s] + 'px'; }, getViewportSize: function() { var res = [0, 0]; if ('undefined' != typeof window.innerWidth) { // standards compliant browsers res[0] = window.innerWidth; res[1] = window.innerHeight; } else { // IE6 uses either documentElement or document's body var d = document.documentElement; if ('undefined' == typeof document.documentElement) { d = document.getElementsByTagName('body')[0]; } res[0] = d.clientWidth; res[1] = d.clientHeight; } return res; }, clearNode: function(el) { $(el).immediateDescendants().each(function(child) { el.removeChild(child); }); $(el).setStyle({background: ''}); }, fixNodeForIE6: function(e) { if (document.all && !window.XMLHttpRequest) { $A(e.getElementsByTagName('img')).each(function(i) { if (!i.src.match(/\.png$/)) return; var s = i.src; i.src = imageBase + 'blank.gif'; i.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + s + '\', sizingMethod=\'scale\')'; }); } }, deepCopy: function(o) { var objectClone = new Object(); for (var property in o) if (typeof o[property] == 'object') objectClone[property] = Util.deepCopy(o[property]); else objectClone[property] = o[property]; return objectClone; }, deepCompare: function(a, b) { try { var keys = {}; for (var prop in b) if (typeof(b[prop]) != 'function') keys[prop] = true; for (var prop in a) { var type = typeof(a[prop]); if (type != typeof(b[prop])) return false; if (type == 'function') { continue; } else if (type == 'number') { if (Math.abs(a[prop] - b[prop]) > 0.01) return false; } else if (type == 'object') { if (!Util.deepCompare(a[prop], b[prop])) return false; } else if (a[prop] != b[prop]) { if (a[prop].indexOf && a[prop].indexOf('rgb') >= 0) { if (a[prop].gsub(/ /, '') != b[prop].gsub(/ /, '')) return false; } else return false; } if (keys[prop]) keys[prop] = false; } for (var prop in keys) if (keys[prop] === true) return false; } catch (e) { return false; } return true; }, wrapDialog: function(dlg) { dlg = $(dlg); if (dlg.hasClassName('dlg_wrapped')) return dlg; dlg.addClassName('dialog').addClassName('dlg_wrapped'); var container = $(document.createElement('div')).addClassName('content'); container.appendChild($(document.createElement('div')).addClassName('t')); while (dlg.firstChild) container.appendChild(dlg.removeChild(dlg.firstChild)); dlg.appendChild(container); var t = $(document.createElement('div')).addClassName('clear'); container.appendChild(t); var bottom = $(document.createElement('div')).addClassName('b'); bottom.appendChild(document.createElement('div')); dlg.appendChild(bottom); return dlg; }, centerDialog: function(dlg) { var vs = Util.getViewportSize(); dlg = $(dlg); var dim = dlg.getDimensions(); dlg.setStyle({left: (vs[0] - dim.width)/2 + 'px', top: (vs[1] - dim.height)/2 + 'px'}); } }; Editor = Class.create(); Editor.prototype = { initialize: function() { this._overrideExitWarning = false; window.onbeforeunload = this.exitHandler.bind(this); }, getPageNum: function(n) { if (n == 0) return ''; if (n == (pagingController ? pagingController._elements.length : loadData.pages.length)) return 'back'; var t = [ 'front', '', 'title', 'copyright' ]; if (n <= t.length) return t[n-1]; return n-4; }, showPublish: function() { //if (!this.publishDlg) this.publishDlg = new PublishDialog(); //this.publishDlg.show(); this.overrideExitWarning(true); document.location.href = publishURL + '/' + loadData['book']; }, showShare: function() { if (!this.shareDlg) this.shareDlg = new ShareDialog(); this.shareDlg.show(); }, showTitleChange: function() { if (!this.titleDlg) this.titleDlg = new TitleDialog(); this.titleDlg.show(); }, showHelp: function() { if (!this.helpDlg) this.helpDlg = new HelpDialog(); this.helpDlg.show(); }, overrideExitWarning: function(permanent) { if (permanent) window.onbeforeunload = function() {}; this._overrideExitWarning = true; }, exitHandler: function() { pageEditor.save(); if (!this._overrideExitWarning && !Util.deepCompare(oldState, loadData)) return 'Your book has unsaved changes. These changes will be lost if you navigate away from this page.'; this._overrideExitWarning = false; } }; var editor = new Editor(); var pageEditor = null; var library = null; var sortable = null; var pagingController = null; var pageSize = [loadData.width, loadData.height]; var lockFx = null; var tooltips = null; var uploader = null; var hintsAreOn = true; var saveFlag = false; var forceReload = false; var oldState = null; var pageLayoutEditor = null; function bindUI() { cspMode = $('__csp'); if (cspMode) loadData.cspMode = true; tooltips = new BubbleHelp(); pageLayoutEditor = new PageLayoutEditor('pleditor'); pagingController = new PagingController('pagelist', pageSize, loadData.pages); library = new Library2('library2', 'libselect', 'libcontainers'); pageEditor = new PageEditor('leftpage', 'rightpage', 'editorspace', pageSize); pageEditor.focusPage(0, true); pagingController.enablePageReorder(); oldState = Util.deepCopy(loadData); tooltips.addHelp('pc_save', 'Save your changes', 'R'); tooltips.addHelp('pc_publish', 'Purchase printed copies of this book', 'R'); tooltips.addHelp('pc_share', 'Ask your parent to buy this book', 'R'); tooltips.addHelp('pc_preview', 'Show how this book will look in the print version', 'R'); tooltips.addHelp('pc_exit', 'Exit the editor', 'L'); tooltips.addHelp('pc_hint', 'Show or hide the writing hints below each page', 'L'); tooltips.addHelp('pc_help', 'Get help using the editor', 'L'); tooltips.addHelp('pm_layout', 'Pick a layout for this page', 'R'); tooltips.addHelp('pm_bgcolor', 'Change the color of this page', 'R'); tooltips.addHelp('pm_addtext', 'Add an area for entering words', 'R'); tooltips.addHelp('pm_addimage', 'Add a picture from your gallery', 'R'); tooltips.addHelp('pm_addpage', 'Add a page after this one', 'R'); tooltips.addHelp('pm_delpage', 'Remove this page', 'R'); $$('form').each(function(form) { if (!form.action) { Event.observe(form, 'submit', function(evt) { Event.stop(evt); }); } }); }; function openWindow(url, noSize) { if (!noSize) { var t = { w: 400, h: 700 }; var params = 'width=' + t.w; params += ',height=' + t.h; params += ',top=50,left=50'; params += ',resizable=yes'; } else { var params = 'top=50,left=50,resizable=yes'; } try { newwin = window.open(url, 'windowname' + Math.floor(Math.random()*10000), params); if (newwin && newwin.focus) newwin.focus(); } catch (ex) {} return false; } function showCopyrightHelp() { var htmlBase = imageBase.replace('images/', '') + 'help'; Messaging.message( 'What is Copyright?
' + 'A copyright is a legal statement about who owns a creative work, like this book and the illustrations inside it, and what other people can do with it. Authors use copyrights to protect their work. It is a way of saying, "I wrote this and you should respect the work I put into it." Authors should respect the work of other authors, which means only copying something if you have the author\'s permission, and giving them credit when you do.' + '' + 'You hold the copyright for everything you create on Tikatok, and you grant Tikatok the right to share your creation through the website and to print and sell books in our store. ' + 'For more information about your agreement with Tikatok, view our Terms of Service.'); return false; } function showBioHelp() { var htmlBase = imageBase.replace('images/', '') + 'help'; Messaging.message( '
Protecting Your Privacy
' + 'The back cover is only for printed books that your parents order. It is invisible on the site, except in the book editor, so you can share your book online without sharing your personal information and photo. Even though we make it invisible, you should still be careful about the information you put here. Never put your home address or phone number in your "about the author." Remember, authors need to protect their privacy!' + '' + 'For more information about protecting your privacy, view our Privacy Policy.'); return false; } function completeBind() { uploader = new Uploader('uploader', 'flashProxy'); $('preloader').remove(); Messaging.unlockUI(); }; function exit(evt, force) { if (!force) { pageEditor.save(); if (!Util.deepCompare(oldState, loadData)) { var dlg = $('exitConfirm'); if (!dlg.hasClassName('dialog')) { Util.wrapDialog(dlg); Event.observe('exit_no', 'click', function() { exit(null, true); }); Event.observe('exit_cancel', 'click', function() { Messaging.unlockUI(); dlg.hide(); }); Event.observe('exit_yes', 'click', function() { dlg.hide(); pageEditor.saveToServer(function() { exit(null, true); }); }); } Messaging.lockUI(); dlg.show(); return; } } editor.overrideExitWarning(); var doneClosing = false; try { if (!forceReload && window.parent && 'function' == typeof(window.parent.closeEditor)) { window.parent.closeEditor(saveFlag); doneClosing = true; } } catch (_exception1) {} if (!doneClosing) { var url = returnURL; if (uploader.uploadedImages) { url += '/uploaded/true'; } try { if (window.parent && window.parent.document) { window.parent.document.location = url; doneClosing = true; } } catch (_exception2) {} if (!doneClosing) { document.location = url; } } }; Event.observe(window, 'load', completeBind); // we wait for the images and binaries to load Event.onDOMReady(bindUI); // but try to bind everything soon as the HTML is loaded