', {
url_base: SharedCopy.config.url_base,
user_name: shcp.user.name
}));
jQuery('#page_comment' + version + ' blockquote.comment_body').each(function(index, ele) {
var className = (ele.className || "").split(/\s+/)[0];
jQuery('.k_highlight.' + className).each(function(index, span) {
span.title = shcp.user.name + '@' + span.title.split('@')[1];
});
});
}
function input2name(input_element) {
var version = parseInt("0" + SharedCopy.config.copy_version);
update_guest_commentli(version);
var link_element_html = Util.supplant('","
"]||[0,"",""];L.innerHTML=Q[1]+S+Q[2];while(Q[0]--){L=L.lastChild}if(!o.support.tbody){var R=/"&&!R?L.childNodes:[];for(var M=N.length-1;M>=0;--M){if(o.nodeName(N[M],"tbody")&&!N[M].childNodes.length){N[M].parentNode.removeChild(N[M])}}}if(!o.support.leadingWhitespace&&/^\s/.test(S)){L.insertBefore(K.createTextNode(S.match(/^\s*/)[0]),L.firstChild)}S=o.makeArray(L.childNodes)}if(S.nodeType){G.push(S)}else{G=o.merge(G,S)}});if(I){for(var J=0;G[J];J++){if(o.nodeName(G[J],"script")&&(!G[J].type||G[J].type.toLowerCase()==="text/javascript")){E.push(G[J].parentNode?G[J].parentNode.removeChild(G[J]):G[J])}else{if(G[J].nodeType===1){G.splice.apply(G,[J+1,0].concat(o.makeArray(G[J].getElementsByTagName("script"))))}I.appendChild(G[J])}}return E}return G},attr:function(J,G,K){if(!J||J.nodeType==3||J.nodeType==8){return g}var H=!o.isXMLDoc(J),L=K!==g;G=H&&o.props[G]||G;if(J.tagName){var F=/href|src|style/.test(G);if(G=="selected"&&J.parentNode){J.parentNode.selectedIndex}if(G in J&&H&&!F){if(L){if(G=="type"&&o.nodeName(J,"input")&&J.parentNode){throw"type property can't be changed"}J[G]=K}if(o.nodeName(J,"form")&&J.getAttributeNode(G)){return J.getAttributeNode(G).nodeValue}if(G=="tabIndex"){var I=J.getAttributeNode("tabIndex");return I&&I.specified?I.value:J.nodeName.match(/(button|input|object|select|textarea)/i)?0:J.nodeName.match(/^(a|area)$/i)&&J.href?0:g}return J[G]}if(!o.support.style&&H&&G=="style"){return o.attr(J.style,"cssText",K)}if(L){J.setAttribute(G,""+K)}var E=!o.support.hrefNormalized&&H&&F?J.getAttribute(G,2):J.getAttribute(G);return E===null?g:E}if(!o.support.opacity&&G=="opacity"){if(L){J.zoom=1;J.filter=(J.filter||"").replace(/alpha\([^)]*\)/,"")+(parseInt(K)+""=="NaN"?"":"alpha(opacity="+K*100+")")}return J.filter&&J.filter.indexOf("opacity=")>=0?(parseFloat(J.filter.match(/opacity=([^)]*)/)[1])/100)+"":""}G=G.replace(/-([a-z])/ig,function(M,N){return N.toUpperCase()});if(L){J[G]=K}return J[G]},trim:function(E){return(E||"").replace(/^\s+|\s+$/g,"")},makeArray:function(G){var E=[];if(G!=null){var F=G.length;if(F==null||typeof G==="string"||o.isFunction(G)||G.setInterval){E[0]=G}else{while(F){E[--F]=G[F]}}}return E},inArray:function(G,H){for(var E=0,F=H.length;E').addClass(name).css(
{position:'absolute', top:'-5000px', left:'-5000px', display:'block'}
).appendTo('body');
//Opera and Safari set width and height to 0px instead of auto
//Safari returns rgba(0,0,0,0) when bgcolor is not set
$.ui.cssCache[name] = !!(
((/^[1-9]/).test(tmp.css('height')) || (/^[1-9]/).test(tmp.css('width')) ||
!(/none/).test(tmp.css('backgroundImage')) || !(/transparent|rgba\(0, 0, 0, 0\)/).test(tmp.css('backgroundColor')))
);
try { $('body').get(0).removeChild(tmp.get(0)); } catch(e){}
return $.ui.cssCache[name];
},
disableSelection: function(e) {
if (!e) return;
e.unselectable = "on";
e.onselectstart = function() { return false; };
if (e.style) e.style.MozUserSelect = "none";
},
enableSelection: function(e) {
if (!e) return;
e.unselectable = "off";
e.onselectstart = function() { return true; };
if (e.style) e.style.MozUserSelect = "";
}
});
/********************************************************************************************************/
$.fn.extend({
mouseInteraction: function(o) {
return this.each(function() {
new $.ui.mouseInteraction(this, o);
});
},
removeMouseInteraction: function(o) {
return this.each(function() {
if($.data(this, "ui-mouse"))
$.data(this, "ui-mouse").destroy();
});
}
});
/********************************************************************************************************/
$.ui.mouseInteraction = function(element, options) {
var self = this;
this.element = element;
$.data(this.element, "ui-mouse", this);
this.options = $.extend({}, options);
$(element).bind('mousedown.draggable', function() { return self.click.apply(self, arguments); });
if($.browser.msie) $(element).attr('unselectable', 'on'); //Prevent text selection in IE
};
$.extend($.ui.mouseInteraction.prototype, {
destroy: function() { $(this.element).unbind('mousedown.draggable'); },
trigger: function() { return this.click.apply(this, arguments); },
click: function(e) {
if(
e.which != 1 //only left click starts dragging
|| $.inArray(e.target.nodeName.toLowerCase(), this.options.dragPrevention) != -1 // Prevent execution on defined elements
|| (this.options.condition && !this.options.condition.apply(this.options.executor || this, [e, this.element])) //Prevent execution on condition
) return true;
var self = this;
var initialize = function() {
self._MP = { left: e.pageX, top: e.pageY }; // Store the click mouse position
$(document).bind('mouseup.draggable', function() { return self.stop.apply(self, arguments); });
$(document).bind('mousemove.draggable', function() { return self.drag.apply(self, arguments); });
};
if(this.options.delay) {
if(this.timer) clearInterval(this.timer);
this.timer = setTimeout(initialize, this.options.delay);
} else {
initialize();
}
return false;
},
stop: function(e) {
var o = this.options;
if(!this.initialized) return $(document).unbind('mouseup.draggable').unbind('mousemove.draggable');
if(this.options.stop) this.options.stop.call(this.options.executor || this, e, this.element);
$(document).unbind('mouseup.draggable').unbind('mousemove.draggable');
this.initialized = false;
return false;
},
drag: function(e) {
var o = this.options;
if ($.browser.msie && !e.button) return this.stop.apply(this, [e]); // IE mouseup check
if(!this.initialized && (Math.abs(this._MP.left-e.pageX) >= o.distance || Math.abs(this._MP.top-e.pageY) >= o.distance)) {
if(this.options.start) this.options.start.call(this.options.executor || this, e, this.element);
this.initialized = true;
} else {
if(!this.initialized) return false;
}
if(o.drag) o.drag.call(this.options.executor || this, e, this.element);
return false;
}
});
})(jQuery);
/* include: ui.draggable.js */
(function($) {
$.fn.extend({
draggable: function(options) {
var args = Array.prototype.slice.call(arguments, 1);
return this.each(function() {
if (typeof options == "string") {
var drag = $.data(this, "ui-draggable");
drag[options].apply(drag, args);
} else if(!$.data(this, "ui-draggable"))
new $.ui.draggable(this, options);
});
}
});
$.ui.draggable = function(element, options) {
//Initialize needed constants
var self = this;
this.element = $(element);
$.data(element, "ui-draggable", this);
this.element.addClass("ui-draggable");
//Prepare the passed options
this.options = $.extend({}, options);
var o = this.options;
$.extend(o, {
helper: o.ghosting == true ? 'clone' : (o.helper || 'original'),
handle : o.handle ? ($(o.handle, element)[0] ? $(o.handle, element) : this.element) : this.element,
appendTo: o.appendTo || 'parent'
});
$(element).bind("setData.draggable", function(event, key, value){
self.options[key] = value;
}).bind("getData.draggable", function(event, key){
return self.options[key];
});
//Initialize mouse events for interaction
$(o.handle).mouseInteraction({
executor: this,
delay: o.delay,
distance: o.distance || 0,
dragPrevention: o.prevention ? o.prevention.toLowerCase().split(',') : ['input','textarea','button','select','option'],
start: this.start,
stop: this.stop,
drag: this.drag,
condition: function(e) { return !(e.target.className.indexOf("ui-resizable-handle") != -1 || this.disabled); }
});
//Position the node
if(o.helper == 'original' && (this.element.css('position') == 'static' || this.element.css('position') == ''))
this.element.css('position', 'relative');
};
$.extend($.ui.draggable.prototype, {
plugins: {},
ui: function(e) {
return {
helper: this.helper,
position: this.position,
absolutePosition: this.positionAbs,
instance: this,
options: this.options
};
},
propagate: function(n,e) {
$.ui.plugin.call(this, n, [e, this.ui()]);
return this.element.triggerHandler(n == "drag" ? n : "drag"+n, [e, this.ui()], this.options[n]);
},
destroy: function() {
this.handle.removeMouseInteraction();
this.element
.removeClass("ui-draggable ui-draggable-disabled")
.removeData("ui-draggable")
.unbind(".draggable");
},
enable: function() {
this.element.removeClass("ui-draggable-disabled");
this.disabled = false;
},
disable: function() {
this.element.addClass("ui-draggable-disabled");
this.disabled = true;
},
recallOffset: function(e) {
var elementPosition = { left: this.elementOffset.left - this.offsetParentOffset.left, top: this.elementOffset.top - this.offsetParentOffset.top };
var r = this.helper.css('position') == 'relative';
//Generate the original position
this.originalPosition = {
left: (r ? parseInt(this.helper.css('left'),10) || 0 : elementPosition.left + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollLeft)),
top: (r ? parseInt(this.helper.css('top'),10) || 0 : elementPosition.top + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollTop))
};
//Generate a flexible offset that will later be subtracted from e.pageX/Y
this.offset = {left: this._pageX - this.originalPosition.left, top: this._pageY - this.originalPosition.top };
},
start: function(e) {
var o = this.options;
if($.ui.ddmanager) $.ui.ddmanager.current = this;
//Create and append the visible helper
this.helper = typeof o.helper == 'function' ? $(o.helper.apply(this.element[0], [e])) : (o.helper == 'clone' ? this.element.clone().appendTo((o.appendTo == 'parent' ? this.element[0].parentNode : o.appendTo)) : this.element);
if(this.helper[0] != this.element[0]) this.helper.css('position', 'absolute');
if(!this.helper.parents('body').length) this.helper.appendTo((o.appendTo == 'parent' ? this.element[0].parentNode : o.appendTo));
//Find out the next positioned parent
this.offsetParent = (function(cp) {
while(cp) {
if(cp.style && (/(absolute|relative|fixed)/).test($.css(cp,'position'))) return $(cp);
cp = cp.parentNode ? cp.parentNode : null;
}; return $("body");
})(this.helper[0].parentNode);
//Prepare variables for position generation
this.elementOffset = this.element.offset();
this.offsetParentOffset = this.offsetParent.offset();
var elementPosition = { left: this.elementOffset.left - this.offsetParentOffset.left, top: this.elementOffset.top - this.offsetParentOffset.top };
this._pageX = e.pageX; this._pageY = e.pageY;
this.clickOffset = { left: e.pageX - this.elementOffset.left, top: e.pageY - this.elementOffset.top };
var r = this.helper.css('position') == 'relative';
//Generate the original position
this.originalPosition = {
left: (r ? parseInt(this.helper.css('left'),10) || 0 : elementPosition.left + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollLeft)),
top: (r ? parseInt(this.helper.css('top'),10) || 0 : elementPosition.top + (this.offsetParent[0] == document.body ? 0 : this.offsetParent[0].scrollTop))
};
//If we have a fixed element, we must subtract the scroll offset again
if(this.element.css('position') == 'fixed') {
this.originalPosition.top -= this.offsetParent[0] == document.body ? $(document).scrollTop() : this.offsetParent[0].scrollTop;
this.originalPosition.left -= this.offsetParent[0] == document.body ? $(document).scrollLeft() : this.offsetParent[0].scrollLeft;
}
//Generate a flexible offset that will later be subtracted from e.pageX/Y
this.offset = {left: e.pageX - this.originalPosition.left, top: e.pageY - this.originalPosition.top };
//Call plugins and callbacks
this.propagate("start", e);
this.helperProportions = { width: this.helper.outerWidth(), height: this.helper.outerHeight() };
if ($.ui.ddmanager && !o.dropBehaviour) $.ui.ddmanager.prepareOffsets(this, e);
//If we have something in cursorAt, we'll use it
if(o.cursorAt) {
if(o.cursorAt.top != undefined || o.cursorAt.bottom != undefined) {
this.offset.top -= this.clickOffset.top - (o.cursorAt.top != undefined ? o.cursorAt.top : (this.helperProportions.height - o.cursorAt.bottom));
this.clickOffset.top = (o.cursorAt.top != undefined ? o.cursorAt.top : (this.helperProportions.height - o.cursorAt.bottom));
}
if(o.cursorAt.left != undefined || o.cursorAt.right != undefined) {
this.offset.left -= this.clickOffset.left - (o.cursorAt.left != undefined ? o.cursorAt.left : (this.helperProportions.width - o.cursorAt.right));
this.clickOffset.left = (o.cursorAt.left != undefined ? o.cursorAt.left : (this.helperProportions.width - o.cursorAt.right));
}
}
return false;
},
clear: function() {
if($.ui.ddmanager) $.ui.ddmanager.current = null;
this.helper = null;
},
stop: function(e) {
//If we are using droppables, inform the manager about the drop
if ($.ui.ddmanager && !this.options.dropBehaviour)
$.ui.ddmanager.drop(this, e);
//Call plugins and trigger callbacks
this.propagate("stop", e);
if(this.cancelHelperRemoval) return false;
if(this.options.helper != 'original') this.helper.remove();
this.clear();
return false;
},
drag: function(e) {
//Compute the helpers position
this.position = { top: e.pageY - this.offset.top, left: e.pageX - this.offset.left };
this.positionAbs = { left: e.pageX - this.clickOffset.left, top: e.pageY - this.clickOffset.top };
//Call plugins and callbacks
this.position = this.propagate("drag", e) || this.position;
this.helper.css({ left: this.position.left+'px', top: this.position.top+'px' }); // Stick the helper to the cursor
if($.ui.ddmanager) $.ui.ddmanager.drag(this, e);
return false;
}
});
})(jQuery);
/* include: jquery.bgiframe.min.js */
/* Copyright (c) 2006 Brandon Aaron (http://brandonaaron.net)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
*
* $LastChangedDate: 2007-07-22 07:45:56 +0800 (Sun, 22 Jul 2007) $
* $Rev: 2447 $
*
* Version 2.1.1
*/
(function($){$.fn.bgIframe=$.fn.bgiframe=function(s){if($.browser.msie&&/6.0/.test(navigator.userAgent)){s=$.extend({top:'auto',left:'auto',width:'auto',height:'auto',opacity:true,src:'javascript:false;'},s||{});var prop=function(n){return n&&n.constructor==Number?n+'px':n;},html='';return this.each(function(){if($('> iframe.bgiframe',this).length==0)this.insertBefore(document.createElement(html),this.firstChild);});}return this;};})(jQuery);
/* include: util.js */
// utility function
var Util = {
/**
* helper function for supplant()
* return true if the input object is a string or a number
*
* @name isStringOrNumber
* @type Boolean
* @param Object a
*/
isStringOrNumber: function (a) {
return typeof a === "string" ||
typeof a === "number";
},
prettyPrint: function(obj, level) {
if (jQuery.browser.mozilla) {
return obj;
}
if ((level || 0) > 3 || (obj && obj.tagName)) {
if (obj && obj.tagName) {
return "<" + obj.tagName + ": " + Util.prettyPrint({id: obj.id, className: obj.className}, 3) + ">";
} else if (obj && obj.nodeName) {
return obj.nodeName + ": " + obj.nodeValue;
} else {
return obj;
}
} else if ((typeof obj) == "function") {
return "function";
} else if ((typeof obj) == "object") {
var pairs = [];
for (x in obj) {
if ((typeof obj[x]) == "function") {
//
} else {
pairs.push(x + ": " + Util.prettyPrint(obj[x], (level || 0) + 1));
}
}
return "{ " + pairs.join(", ") + " }";
} else {
return Util.prettyPrint(obj, (level || 0) + 1);
}
},
merge_objects: function(objectA, objectB) {
for (var key in objectA) {
if (typeof objectB[key] == 'undefined') {
//
} else {
if (typeof(objectA[key]) == 'object') {
objectA[key] = Util.merge_objects(objectA[key], objectB[key]);
} else {
objectA[key] = objectB[key];
}
}
}
for (var key in objectB) {
if (typeof objectA[key] == 'undefined') {
objectA[key] = objectB[key];
}
}
return objectA;
},
/**
* doc and code belong to
* http://javascript.crockford.com/remedial.html
*
* supplant does variable substitution on the string.
* It scans through the string looking for expressions enclosed in { } braces.
* If an expression is found, use it as a key on the object,
* and if the key has a string value or number value,
* it is substituted for the bracket expression and it repeats.
*
* @example util.supplant(url, param)
* @before url = "{media}logo.gif"; param = {domain: 'valvion.com', media: 'http://media.valvion.com/'};
* @result "http://media.valvion.com/logo.gif"
*
* @name supplant
* @type String
* @param String str The template string to be replaced
* @param Object obj The object contains data
* @cat Utility
*/
supplant: function (str, obj) {
return str.replace(/{([^{}]*)}/g,
function (a, b) {
var value = obj[ b ];
return Util.isStringOrNumber( value ) ? value : a;
}
);
},
supplant_by_substring: function(str, obj) {
var matches = str.match(/{([^{}]*)}/g);
for (var x = 0; x < matches.length; x++) {
var si = str.indexOf(matches[x]);
var ei = si + matches[x].length;
var dup = obj[matches[x].substring(1, matches[x].length-1)];
if (dup || dup == 0 || dup == "") {
str = str.substring(0, si) + dup + str.substring(ei, str.length);
}
}
return str;
},
supplant_configure_engine: function() {
/* some sites, e.g. Flickr, apparently modifies String.replace */
var s = Util.supplant("{x}", { "x": "y" });
if (s != "y") {
// shcp.debug("Bad Util.supplant", s);
Util.supplant = Util.supplant_by_substring;
// shcp.debug("Switching to Util.supplant_by_substring", Util.supplant("{x}", { "x": "y" }));
} else {
// shcp.debug("Valid Util.supplant", s);
}
},
/**
* mimic Rails ActiveSupport isBlank function
*/
isBlank: function( a ) {
if ( typeof a == "undefined" || a === null || a == false ||
(typeof a == "string" && jQuery.trim( a ) == "") ) return true;
if ( a instanceof Array )
for (var i = 0, il = a.length; i < il; i++ )
if ( isNotBlank( a[i] ) ) return false;
// a has passed all bank tests so a is not bank
return false;
},
isNotBlank: function ( a ) {
return !Util.isBlank( a );
}
};
/*
* selector utilities
*/
jQuery.extend( Util, {
/**
* @name selectByBackgroundColor
* @type jQuery
* @
*/
selectByBackgroundColor: function ( selector, colorString ) {
var compactColorString = colorString.replace(/ /g, '');
// shcp.debug("selector", selector, "colorString", colorString, "compactColorString", compactColorString);
return jQuery( selector ).filter( function ( index ) {
var bgcolor = jQuery(this).css("background-color") || '';
var bool1 = bgcolor.replace(/ /g, '') == compactColorString;
var bool2 = false; // jQuery(this).css("background-color").replace(/ /g, '') == 'rgb(238,238,238)'; // FF3 ?
// shcp.debug("b4", jQuery(this).css("background-color"), "after", jQuery(this).css("background-color").replace(/ /g, ''), " vs ", compactColorString, bool1, bool2);
return (bool1 || bool2) ;
});
}
});
/**
* Selection & Range utility functions
* Reference:
* http://www.quirksmode.org/dom/range_intro.html
*/
jQuery.extend( Util, {
getSelectedText: function () {
return jQuery.trim( "" + ((!!document.getSelection) ? document.getSelection() :
(!!window.getSelection) ? window.getSelection() : document.selection.createRange().text));
},
removeSelectedRange: function () {
// for Safari, opera ??
var sel = window.getSelection ? window.getSelection() : document.selection;
if (sel && sel.removeAllRanges) {
sel.removeAllRanges(); // Mozilla
} else if (sel && sel.empty) {
sel.empty(); // IE, Safari
}
},
/**
* return a range object from a selection for W3C browsers (Mozilla, Opera and Safari)
* For IE, return a text range object
* [note] use document.selection.createRange() will return
* a TextRange object, textRange.htmlText property contains
* HTML source as a valid fragment.
*/
getRange: function ( selection ) {
if ( selection.createRange )// IE! return a text range
return selection.createRange();
// Firefox, Opera
if ( selection.getRangeAt )
return selection.getRangeAt( 0 );
// Safari!
if ( document.createRange ) {
var range = document.createRange();
range.setStart( selection.anchorNode, selection.anchorOffset );
range.setEnd( selection.focusNode, selection.focusOffset );
return range;
}
return null;
},
getSelection: function() {
if ( window.getSelection )
return window.getSelection();
if ( document.selection ) // IE
return document.selection;
return null;
},
getSelectedRange: function () {
return Util.getRange( Util.getSelection() );
},
getTextFromRange: function ( range ) {
if ( range.textContent ) // W3C
return range.TextContent;
if ( range.text ) // IE
return range.text;
return null;
},
surround_method: function(method, hooks) {
return function() {
hooks.before && hooks.before.apply(this, arguments);
this.return_value = method.apply(this, arguments);
hooks.after && hooks.after.apply(this, arguments);
return this.return_value;
}
},
pluralize: function(count, singular, plural) {
if (count > 1) {
return count + " " + (plural || singular + "s");
} else {
return count + " " + singular;
}
},
/**
* get all descenders
*/
descenders: function( selector ) {
var current = jQuery( selector );
var result = jQuery( [] );
while ( current.length > 0 ) {
current = current.children();
result = result.add( current );
shcp.debug(result.length + " - " + current.length );
}
return result;
}
});
/* some sites, e.g. Flickr, apparently modifies String.replace */
Util.supplant_configure_engine();
/**
* Extension to jQuery
*/
jQuery.fn.extend({
/**
* returns true if "child" is (or is a descendant of) one of the elements
* in 'this' jQuery selection
*/
containsElement: function(child) {
var that = this;
return (jQuery.inArray(child, that) >= 0) || (jQuery.grep(jQuery(child).parents(),
function(ele, i) {
return jQuery.inArray(ele, that) >= 0;
}).length > 0
);
}
});
(function($){
$.fn.extend({
// because input element vs other elements have different padding
effectiveWidth: function() {
this.effectiveWidth = (this[0] && this[0].tagName.match(/input|textarea/i)) ? this.outerWidth : this.effectiveWidth = this.width;
return this.effectiveWidth();
},
effectiveHeight: function() {
this.effectiveHeight = (this[0] && this[0].tagName.match(/input|textarea/i)) ? this.outerHeight : this.height;
return this.effectiveHeight();
}
})
})(jQuery);
/* include: configure.js */
(function(scripts) {
window.upath = scripts[scripts.length-1].src.substring((window.u || '').length).replace(/\/script\/combine.*$/, '');
})(document.getElementsByTagName('script'));
(function() {
// merge 2 JSON objects together, with values from objectB overwriting objectA
// returns the modified objectA
// initialises global variable window.SharedCopy using a base config,
// and overwrite specific configs if window.SharedCopy was defined earlier
window.SharedCopy = Util.merge_objects({
config: {
url_base: (window.u || ''),
url_basepath: (window.u || '') + (window.upath || ''),
show_toolbar: true,
default_button: 'k_button_write',
cursors: {
k_button_write: 'crosshair',
k_button_line: 'crosshair',
k_button_box: 'crosshair',
k_button_circle: 'crosshair'
},
html: {}
},
debugging: true,
on_document_loaded: function() { }
}, (window.SharedCopy || {}));
})();
/* include: graphics.js */
// prevent execution of Graphics if included more than once
if(typeof window.Graphics == "undefined") {
/*
* Graphics library
* drawing shapes using image-based rendering
* reference http://www.p01.org/articles/DHTML_techniques/Drawing_lines_in_JavaScript/
*/
var Graphics = function() {
};
/**
* Initialize a new 2D Vector object
* for missing or not number arguments,
* use previous valid argument value or set to zero
*
* @example new Graphics.Vector([3, 5])
* @result Object x=3 y=5
* @desc Create a new vector from an array
*
* @example new Graphics.Vector([3])
* @result Object x=3 y=3
* @desc Create a new vector from one element array
*
* @example new Graphics.Vector(6, 8)
* @result Object x=6 y=8
* @desc Create a new vector from two arguments
*
* @example new Graphics.Vector(6)
* @result Object x=6 y=6
* @desc Create a new vector from one argument
*
* @example new Graphics.Vector("five", 6)
* @result Object x=0 y=6
* @desc Create a new vector with an invalid argument
*
* @example new Graphics.Vector( new Graphics.Vector( 6, 4) )
* @result Object x=6 y=4
* @desc Create a new vector from another vector
*
* @constructor
* @private
* @name Vector
* @param Vector|Array|Number a
* @param Number b (optional)
* @cat Graphics
*/
Graphics.init = function(a, arr) {
// helper function
function existsAndIsNumber( arr, i ) {
return arr.length > i && typeof arr[i] === "number";
}
var x=0, y=0;
// a is another Vector
if (a instanceof Graphics.Vector ) {
x = a.x;
y = a.y;
} // ([4, 6]) => {x:4, y:6}; ([3]) => {x:3, y:3}
else if ( a instanceof Array ) {
x = existsAndIsNumber(a, 0) ? a[0] : 0;
y = existsAndIsNumber(a, 1) ? a[1] : x;
} // () => {x:0, y:0}; (4) => {x:4, y:4}; (6, 5) => {x:6, y:5}
else {
x = existsAndIsNumber(arr, 0) ? arr[0] : 0;
y = existsAndIsNumber(arr, 1) ? arr[1] : x;
}
return {x: x, y: y};
};
// a 2D point is a 2D vector
Graphics.Point = Graphics.Vector = function ( a ) {
var init = Graphics.init(a, arguments);
this.x = init.x;
this.y = init.y;
};
// Vector methods
Graphics.Vector.prototype = {
/**
* act the same as Vector constructor
* see Vector constructor for usage details
*/
update: function ( a ) {
var init = Graphics.init(a, arguments);
this.x = init.x;
this.y = init.y;
},
/**
* @example [a, b] = point.toArray()
* @before point = new Graphics.Point( 5, 2);
* @result a = 5; b = 2;
*
* @name toArray
* @type Array
*/
toArray: function () {
return [ this.x, this.y ];
},
/**
* return sum of two vectors
*
* @example a.plus( b )
* @before a = new Graphics.Vector(3, 4); b = new Graphics.Vector(6, 3);
* @result Object x=9 y=7
*
* @example a.plus( [6, 3] )
* @before a = new Graphics.Vector(3, 4);
* @result Object x=9 y=7
*
* @example a.plus( 6, 3 )
* @before a = new Graphics.Vector(3, 4);
* @result Object x=9 y=7
*
* @example a.plus( 3 )
* @before a = new Graphics.Vector(3, 4);
* @result Object x=6 y=7
*
* @name plus
* @type Vector
* @param Vector|Array|Number a
* @param Number b (optional)
*/
plus: function ( a ) {
var init = Graphics.init(a, arguments);
return new Graphics.Vector( this.x + init.x, this.y + init.y );
},
/**
* return subtraction of two vectors
* see Vector.plus() for usage details
*
* @name minus
* @type Vector
* @param Vector|Array|Number a
* @param Number b (optional)
*/
minus: function ( a ) {
var init = Graphics.init(a, arguments);
return new Graphics.Vector( this.x - init.x, this.y - init.y );
},
/**
* return true if the vector direction is up
*
* @name isUp
* @type Boolean
*/
isUp: function () {
return this.x * this.y < 0;
}
};
Graphics.Vector.ZERO = function () {return new Graphics.Vector(0, 0); };
Graphics.Vector.ONE = function () {return new Graphics.Vector(1, 1); };
// Graphics utility functions
Graphics.fn = {
/**
* extract all points from arguments
*
* @example Graphics.getPoints(a, b, c)
* @before a = new Graphics.Vector(1, 2); b = [a, a.minus(1)]; c={point: a.plus(1, 2)};
* @result [Object x=1 y=2, Object x=1 y=2, Object x=0 y=1, Object x=2 y=4]
*
* @name getPoints
* @type Array
* @param Point|Array|Object
*/
getPoints: function () {
// return all points in arguments
var arg, points=[];
for(var i = 0, il = arguments.length; i < il; i++) {
arg = arguments[i];
if ( arg instanceof Graphics.Point )
points.push( arg );
else if ( arg instanceof Array || (arg && arg.callee) )
for (var k = 0, kl = arg.length; k < kl; k++)
points = points.concat( Graphics.getPoints(arg[k]) );
else
for(var property in arg)
if ( arg[property] instanceof Graphics.Point )
points.push( arg[property] );
}
return points;
},
/**
* get all point from arguments and return {minimum x, mimimum y} point
*
* @name getLeftTopPoint
* @type Point
* @param Point|Array|Object
*/
getLeftTopPoint: function () {
var x = Number.POSITIVE_INFINITY, y = x;
jQuery.each( Graphics.getPoints(arguments), function(i, p) {
x = Math.min( x, p.x );
y = Math.min( y, p.y );
});
return new Graphics.Point( x, y );
},
/**
* get all point from arguments and return {maximum x, maximum y} point
*
* @name getRightBottomPoint
* @type Point
* @param Point|Array|Object
*/
getRightBottomPoint: function () {
var x = Number.NEGATIVE_INFINITY, y = x;
jQuery.each( Graphics.getPoints(arguments), function(i, p) {
x = Math.max( x, p.x );
y = Math.max( y, p.y );
});
return new Graphics.Point( x, y );
},
shapePath: {
"line": SharedCopy.config.url_basepath + "/style/images/lines/" ,
"box": SharedCopy.config.url_basepath + "/style/images/hboxes/",
"circle": SharedCopy.config.url_basepath + "/style/images/hcircles/",
"text": SharedCopy.config.url_basepath + "/style/images/lines/"
},
/**
* draw a line, box, or circle
*
* @name draw
* @param Object an image HTML element
* @param Point a start point
* @param Point a end point
* @param String shape's name
*/
draw: function (elem, a, b, shapeName) {
var match = null;
if (!shapeName && elem && elem.id && (match = elem.id.match(/^(\D+)/))) shapeName = match[1];
var path = Graphics.shapePath[ shapeName ];
if ( !path ) return; // exit if shapeName is invalid
var max = Graphics.getMaxPoint(a, b),
min = Graphics.getMinPoint(a, b),
size = Graphics.getMaxPoint( max.minus( min ), Graphics.Vector.ONE() );
function getLevel() {
// stretchy graphics fixed by qqzhenyi.blogspot.com
// var level = 1, ceiling = Math.min(1024, Math.max( size.x, size.y, 1 ));
var level = 1, ceiling = Math.min(1024, (shapeName=="line" || shapeName=="text" ? Math.min( size.x, size.y ) : Math.max( size.x, size.y, 1 )));
while( ceiling >>= 1 ) level <<= 1;
return level;
}
var url = path + getLevel() + ( b.minus(a).isUp() ? "up.gif?V0" : "down.gif?V0" );
jQuery(elem).attr("src", url).css( {width: size.x, height: size.y, left: min.x, top: min.y} );
},
/**
* get posititon of an event
*
* @name getEventPosition
* @type Point
* @param Object an HTML event
*/
getEventPosition: function( event ) {
event = event || window.event;
var x = event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft)) || 0;
var y = event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop)) || 0;
return new Graphics.Point(x, y);
},
/**
* get size of brower's inner
*
* @name getInnerSize
* @type Vector
*/
getInnerSize: function () {
var docElem = document.documentElement;
if( docElem && docElem.clientWidth && docElem.clientHeight )
return new Graphics.Vector( docElem.clientWidth, docElem.clientHeight);
var body = document.body;
if ( body && body.clientWidth && body.clientHeight )
return new Graphics.Vector( body.clientWidth, body.clientHeight );
if( typeof( window.innerWidth ) == 'number' )
return new Graphics.Vector( window.innerWidth, window.innerHeight );
return Graphics.Vector.ZERO();
}
};
jQuery.extend( Graphics, Graphics.fn );
Graphics.getMinPoint = Graphics.getLeftTopPoint;
Graphics.getMaxPoint = Graphics.getRightBottomPoint;
}
/* include: base.js */
jQuery.noConflict();
if (! window.shcp) (function() {
window.shcp = {
// properties
k_mode: 'k_button_point',
k_count_history: [],
k_count: 0,
increment_count: function(skip_history) {
while (jQuery(".k_coupling" + shcp.k_count).length > 0) {
shcp.k_count += 1;
}
if (! skip_history) shcp.k_count_history.push(shcp.k_count);
return shcp.k_count;
},
plugins: {},
undo_stack: [],
user: {
name : SharedCopy.config.user_name || 'guest',
ip : SharedCopy.config.user_ip || '???.???.???.???',
clock : (new Date()).toUTCString() + ""
},
add_plugin: function(name, obj) {
this.plugins[name] = this.plugins[name] || {};
if (obj) jQuery.extend(this.plugins[name], obj);
return this;
},
// scoped objects
page: {
register_events: function(doc) {
jQuery('body', doc).start_sharedcopy_mouse();
},
reset: function(doc) {
var seen = false;
jQuery('script').each(function(index, ele) {
if (ele.id && !seen && ele.id.match(/k_script/)) {
seen = true;
} else {
jQuery(ele).remove();
}
});
}
},
remove_toolbar: function() { window.location = jQuery('#k_toolbar_footer a')[0].href; },
toolbar: {
common_buttons: {},
click_button: function(mode) {
jQuery('#k_toolbar_buttons #' + mode).click().focus();
},
remove: function(index) {
jQuery('.k_coupling' + index + ',.k_coupling' + index + ' *').unbind('click').unbind('mousedown').remove();
},
set_k_mode: function(new_k_mode, event_type) {
if (new_k_mode && new_k_mode.target) {
var ele = new_k_mode.target;
if (jQuery.browser.safari) ele = ele.parentNode;
var matched = null;
jQuery('#k_toolbar_buttons button').removeClass('active_button');
jQuery(ele).addClass('active_button');
event_type = new_k_mode.type;
new_k_mode = ele.id;
shcp.clickable.css({cursor: (SharedCopy.config.cursors[new_k_mode] || 'auto') });
}
event_type = event_type || 'click';
shcp.last_k_mode = shcp.k_mode;
shcp.k_mode = new_k_mode;
var plugin = shcp.plugins[shcp.k_mode];
if (plugin && plugin.self && plugin.self[event_type]) {
shcp.plugins[shcp.k_mode].self[event_type]();
}
return true;
},
render: function(doc) {
if (! jQuery('#karea', doc)[0]) {
if (SharedCopy.config.no_css) {
// do nothing
} else {
var link_ele = document.createElement('link');
link_ele.type = 'text/css';
link_ele.rel = 'stylesheet';
link_ele.href = (SharedCopy.config.css_href ? SharedCopy.config.css_href : SharedCopy.config.url_basepath + "/style/base.css?v=" + ((new Date()) * 1));
(document.getElementsByTagName('head')[0] || document.body).appendChild(link_ele);
}
jQuery('body', doc).append("");
}
if (! jQuery("#k_toolbar_buttons", doc)[0]) {
jQuery('#karea', doc).append(Util.supplant(SharedCopy.config.html.toolbar, {
url_base: SharedCopy.config.url_base,
url_basepath: SharedCopy.config.url_basepath,
comments_showhide: SharedCopy.config.html.comments_showhide
}));
}
jQuery('#k_toolbar_buttons button', doc).unbind('click', shcp.toolbar.set_k_mode);
var buttons_container = jQuery("#k_toolbar_buttons", doc);
buttons_container.html("");
var buttons = SharedCopy.config.buttons || [
shcp.toolbar.common_buttons.pointer,
shcp.toolbar.common_buttons.write,
shcp.toolbar.common_buttons.mark,
shcp.toolbar.common_buttons.color_button,
shcp.toolbar.common_buttons.arrow_button,
shcp.toolbar.common_buttons.line,
shcp.toolbar.common_buttons.circle,
shcp.toolbar.common_buttons.box,
shcp.toolbar.common_buttons.undo
];
jQuery.each(buttons, function(index, button_config) {
buttons_container.append(Util.supplant(SharedCopy.config.html.toolbar_button, button_config.html));
shcp.add_plugin(button_config.html.id, button_config.events);
});
jQuery('#k_toolbar_buttons button', doc).bind('click', shcp.toolbar.set_k_mode);
jQuery('#k_toolbar').bgiframe({opacity:false});
},
position_toolbar: function() {
var toolbar = jQuery('#k_toolbar');
if (jQuery.browser.msie && jQuery.browser.version < 8) {
// absolutish
if (toolbar[0] && !toolbar[0].className.match(/k_sunken/)) {
var v = (jQuery(window).scrollTop() + 5) + 'px';
toolbar.css({ position: 'absolute', top: v });
if (! window.onscroll) window.onscroll = shcp.toolbar.position_toolbar;
if (! window.onresize) window.onresize = shcp.toolbar.position_toolbar;
}
} else {
toolbar.css(
{ position: 'fixed', top: '5px' }
);
}
},
on_undo: function() {
if (shcp.k_count_history.length < 1) {
shcp.toolbar.click_button(shcp.last_k_mode);
return;
}
shcp.toolbar.exec_undo(shcp.k_count_history.pop());
},
exec_undo: function(undo_k_count) {
var coupling_selector = "k_coupling" + undo_k_count;
var highlight_selector = "k_highlight_text" + undo_k_count;
if (jQuery("." + coupling_selector).length > 0) {
// cant cache jQuery result since elements are removed in following steps..
shcp.Hilite.unwrapNodes(jQuery("." + highlight_selector));
jQuery("." + highlight_selector).removeClass(coupling_selector).removeClass(highlight_selector);
jQuery("." + coupling_selector).unbind().remove();
shcp.toolbar.click_button(shcp.last_k_mode);
} else if (undo_k_count < 1) {
shcp.toolbar.click_button(shcp.last_k_mode);
} else {
shcp.toolbar.exec_undo(shcp.k_count_history.pop());
}
},
on_ready: function(doc) {
this.click_button(SharedCopy.config.default_button);
var jele = jQuery('#k_toolbar', doc);
if (SharedCopy.config.show_toolbar) {
jele.show();
} else {
jele.hide();
}
jele.draggable({
stop: shcp.toolbar.position_toolbar
});
shcp.toolbar.position_toolbar();
}
},
stickynote: {
render_form: function(point, options) {
jQuery('.k_sticky:last .stickynote_ok').click();
if (! options.skip_k_count) shcp.increment_count(options.skip_k_count_history);
options = jQuery.extend((window.SharedCopy && SharedCopy.config && SharedCopy.config.comment_options), options);
var html = options.html || SharedCopy.config.html.sticky_note;
if (!options.title_text) {
options.title_text = Util.supplant("{user_name} {verb}...", {
verb: options.verb || 'says',
url: options.url || (SharedCopy.config.url_base + "/~" + (options.user_name || shcp.user.name)),
sticky_note_close: SharedCopy.config.html.sticky_note_close,
url_basepath: SharedCopy.config.url_basepath,
user_name: options.user_name || shcp.user.name,
user_ip: options.user_ip || shcp.user.ip,
user_clock: options.user_clock || shcp.user.clock
});
}
var divId = 'div' + shcp.k_count;
var options = {
message_id: options.message_id,
url_basepath: SharedCopy.config.url_basepath,
sticky_note_close: Util.supplant(SharedCopy.config.html.sticky_note_close, { url_basepath: SharedCopy.config.url_basepath }),
id: divId,
title_text: options.title_text,
subtitle_text: options.subtitle_text || "",
top: point.y,
left: point.x,
width: (point.width || 250),
height: (point.height || 115),
k_count: shcp.k_count,
current_zindex: 1000000,
on_cancel: options.on_cancel || "shcp.toolbar.remove(" + shcp.k_count + ")",
on_ok: options.on_ok || "shcp.stickynote.on_ok(this)",
user_name: options.user_name || shcp.user.name,
user_ip: options.user_ip || shcp.user.ip,
user_clock: options.user_clock || shcp.user.clock
}
var element = jQuery(Util.supplant(html, options)).appendTo('#karea');
jQuery('.k_panel_bottom img', element).css({ cursor: 'normal' });
shcp.stickynote.make_resizable_draggable(jQuery(element), options);
jQuery(element).bgiframe({opacity:false});
return divId;
},
make_resizable_draggable: function(elements, options) {
// extracted as standalone method so that we can apply resize/draggable
// to sticky notes already drawn on a page
// e.g. shcp.stickynote.make_resizable_draggable(jQuery('.k_sticky').parent());
elements.each(function(index, element) {
jQuery(element).css('position', 'absolute').draggable({
start: shcp.stickynote.dragger.on_start,
drag: shcp.stickynote.dragger.on_drag,
handle: jQuery('.k_panel_top', element)
});
jQuery('textarea', element).keyup( shcp.stickynote.on_text_keyup ).focus();
})
return elements;
},
on_text_keyup: function(evt) {
var ele = jQuery(evt.target);
var scroll = ele.scrollTop();
if (scroll > 0) {
var mindiff = parseInt(ele.css('font-size'));
ele.height(ele.height() + (scroll > mindiff ? scroll : mindiff + scroll));
}
},
render: function(point, options) {
if (options.position.width<300) options.position.width=300;
if (options.position.height<110) options.position.height=110;
var note = jQuery('#' + shcp.stickynote.render_form(point, options));
jQuery('textarea', note).val(options.content);
jQuery('.stickynote_ok', note).click();
note.addClass("stickynote");
if (options.comment_id) note.addClass("stickynote_" + options.comment_id);
jQuery('.k_panel_main p', note).html(options.content); // onclick escapes body content. we need the unescaped version
},
on_ok: function(ele) {
function input2html(value) {
var div = document.createElement('div');
/* IE6 innerHTML strips out \n, so we need to invent our own delimiter */
var delimiter = "" + (Math.random() * 100000);
while (value.indexOf(delimiter) != -1) {
delimiter = "" + (Math.random() * 100000);
}
/* using the tedious create node and .innerHTML to ensure proper escape of input */
var text = document.createTextNode(value.replace(/(\r\n|\n)/g, delimiter));
div.appendChild(text);
re = new RegExp(delimiter, "g");
html = div.innerHTML;
return html.replace(re, "
"); } var parent = jQuery(ele).parent(); var text = parent.children('textarea'); var value = text.val(); if (!value || value.match(/^\s*$/)) return shcp.remove_stickynote(ele); var p = document.createElement("p"); var p_html = input2html(value); p.innerHTML = p_html; if (text[0].parentNode) { text[0].parentNode.replaceChild(p, text[0]); parent.children('input').remove(); } // ignore if text[0] is orphaned return p_html; }, dragger: { on_start: function(e, ui) { // anchors image (if any) jQuery('img.' + ui.instance.element[0].id.replace('div', 'k_coupling') + ':first').each(function(index, imgObject) { if (! imgObject.anchorPoint) { var img = jQuery(imgObject); var imgTopLeft = img.offset(); var noteTopLeft = jQuery(ui.instance.element).offset(); // if we're sharing any side (top/left), anchor from further side if (imgTopLeft.left == noteTopLeft.left) imgTopLeft.left += img.width(); if (imgTopLeft.top == noteTopLeft.top) imgTopLeft.top += img.height(); imgObject.anchorPoint = new Graphics.Point(imgTopLeft.left, imgTopLeft.top); } }); }, on_drag: function(e, ui) { // update image (if any) based in new sticky note location jQuery('img.' + ui.instance.element[0].id.replace('div', 'k_coupling') + ':first').each(function(index, imgObject) { if (imgObject.anchorPoint) { Graphics.draw(imgObject, imgObject.anchorPoint, new Graphics.Point( ui.position.left, ui.position.top )); } }); } } }, highlight_selected: function() { shcp.debug("try highlight"); var d = document.createElement("div"); d.appendChild(document.createTextNode(Util.getSelectedText())); shcp.Hilite.selectedText = d.innerHTML; shcp.Hilite.log( "selectedText = '" + shcp.Hilite.selectedText + "'" ); // complete highlighting var return_value = shcp.Hilite.completeHighlighting(); Util.removeSelectedRange(); return return_value; }, render_drawing: function(domid, k_mode, k_count) { var domObject = document.getElementById(domid); if (! domObject) { var html = Util.supplant( "
';
jQuery('#karea').append(pickerHTML);
jQuery('#plugin').hide().show(true);
this.loadSV();
jQuery('#plugHEX').mousedown(function(){stop=0; setTimeout('stop=1',100);});
jQuery('#SV').mousedown(function(event){shcp.toolbar.colorpicker.HSVslide('SVslide','plugin',event);});
jQuery('#H').mousedown(function(event){shcp.toolbar.colorpicker.HSVslide('Hslide','plugin',event);});
jQuery('#plugOK').mousedown(function(){
var parentId = jQuery('#plugParent').attr('value');
var color = jQuery('#plugin #plugHEX').html();
jQuery('#'+parentId+' .k_hex').html(color);
jQuery('#'+parentId+' .k_pick').css('background','#'+color);
jQuery('#'+parentId).removeClass('k_unchanged');
shcp.toolbar.colorpicker.killPicker(false);
return false;
});
jQuery('#plugCANCEL').mousedown(function(){
shcp.toolbar.colorpicker.killUnset();
shcp.toolbar.colorpicker.killPicker(false);
return false;
});
jQuery('#plugParent').attr('value',elm.id);
jQuery('#plugin').removeClass().addClass('k_make_remove k_coupling'+elm.id.substring(7));
var color = jQuery('#'+elm.id+' .k_hex').html();
this.updateH(color);
jQuery('#plugin #plugHEX').html(color);
jQuery('#plugin #colorbox').css('background','#'+color);
},
killPicker: function(immediately){
if (immediately) jQuery('#plugin').remove();
else jQuery('#plugin').hide(true,function(){jQuery(this).remove()});
},
killUnset: function(){
var parentId = jQuery('#plugParent').attr('value');
var match = null;
if (jQuery('#'+parentId).is('.k_unchanged') && (match = parentId.match(/\D(\d+)$/)))
shcp.toolbar.remove(match[1]);
},
//needed for the (function) thingy
loadSV: function(){},
updateH: function(){},
HSVslide: function(){}
};
shcp.toolbar.common_buttons.color_button = {
html: {
id: 'k_button_color',
label: 'Color',
title: 'Click or Drag to place Color Pickers on this page',
style: '',
css_class: ''
},
events: {
drag: function(state, evt) {
var k_mode = 'line';
var startPosition = Graphics.getEventPosition( state.evt.mousedown );
var endPosition = Graphics.getEventPosition( state.evt.mousemove );
var domid = k_mode + shcp.k_count;
var domObject = shcp.render_drawing(domid, k_mode, shcp.k_count);
Graphics.draw(domObject, startPosition, endPosition, k_mode );
return false;
},
mouseup: function(state, evt) {
var position = Graphics.getEventPosition(evt);
shcp.toolbar.colorpicker.render(position);
return false;
},
self: {
click: function() {
shcp.toolbar.colorpicker.load();
}
}
}
};
Graphics.shapePath.arrow = Graphics.shapePath.line;
Graphics.draw = Util.surround_method(Graphics.draw, {
after: function(domObject, startPosition, endPosition, k_mode ) {
var match = null;
if (!k_mode && domObject && domObject.id && (match = domObject.id.match(/^(\D+)/))) k_mode = match[1];
if (k_mode == 'arrow') {
var domid = domObject.id;
var tangent = (endPosition.y - startPosition.y)/(endPosition.x - startPosition.x);
var angle = Math.atan(tangent);
var leftSide = endPosition.x < startPosition.x;
jQuery([angle+0.5,angle-0.5]).each( function(){
endPosition.x = leftSide ? startPosition.x - Math.cos(this)*30 : startPosition.x + Math.cos(this)*30 ;
endPosition.y = leftSide ? startPosition.y - Math.sin(this)*30 : startPosition.y + Math.sin(this)*30 ;
domid += '_a';
domObject = shcp.render_drawing(domid, k_mode, shcp.k_count);
Graphics.draw(domObject, startPosition, endPosition, 'line' );
});
}
}
});
shcp.toolbar.common_buttons.arrow_button = {
html: {
id: 'k_button_arrow',
label: 'Arow',
title: 'Click and Drag to draw arrows on this page',
style: '',
css_class: ''
},
events: {
drag: make_drawing_handler('arrow')
}
};
})(shcp);
/* include: highlight.js */
(function(shcp) {
/* [note] integrate rangeHilite by adding three new functions
surroundContents() to Safari
Hilite.wrapIntersectedElement()
Hilite.createNewWrapper()
*/
/**
* surroundContents(), intersectsNode() for Safari
*/
var range = document.createRange && document.createRange();
if ( jQuery.browser.safari ) {
try {// Safari!!
range.__proto__.surroundContents = function(parent) {
/*
* http://codingforums.com/showthread.php?t=112358
*/
var frag = this.extractContents();
if (frag != null)
parent.appendChild(frag);
this.insertNode(parent);
this.selectNode(parent);
}
if (! range.intersectsNode) {
range.__proto__.intersectsNode = function(targetNode, currentNode) {
if (! currentNode) currentNode = this.startContainer;
if (currentNode == targetNode) return true;
if (currentNode == this.endContainer) return false;
for (var i = 0; currentNode.hasChildNodes() && currentNode.childNodes[i] && i < 100; i++) {
var retval = this.intersectsNode(targetNode, currentNode.childNodes[i]);
if (retval == true || retval == false) return retval;
}
var nextNode = currentNode.nextSibling;
while (!nextNode && currentNode.parentNode && currentNode.parentNode != this.commonAncestorContainer) {
nextNode = currentNode.parentNode.nextSibling;
currentNode = currentNode.parentNode;
}
if (nextNode) return this.intersectsNode(targetNode, nextNode);
return false;
}
}
} catch (e) {}
} else if ( jQuery.browser.mozilla && !range.intersectsNode && range.compareBoundaryPoints) {
/*
* Patches Firefox3 missing Range#intersectsNode implementation
*/
range.__proto__.intersectsNode = function(node) {
var nodeRange = node.ownerDocument.createRange();
try {
nodeRange.selectNode(node);
} catch (e) {
nodeRange.selectNodeContents(node);
}
return this.compareBoundaryPoints(Range.END_TO_START || 3, nodeRange) == -1 &&
this.compareBoundaryPoints(Range.START_TO_END || 1, nodeRange) == 1;
}
}
/**
* Hilite function object
* will use if need to wrap an object to Hilite object (jQuery idea)
*/
shcp.Hilite = function () {};
(function(Hilite) {
jQuery.extend( Hilite, {
/**
* select all simple (single chunk) highlight element is the current document
* and convert it to mutiple chunk highlight element
* @purpose use only one kind of object to handle highlight elements
*
* @name convertSimpleHiliteElements
* @type an jQuery object of all selected elements
*/
convertSimpleHiliteElements: function () {
// select all simple (single chunk) highlight elements
var simpleHiliteElements = jQuery(".k_highlight").filter( function ( index ){
return jQuery(this).attr("id").indexOf("chunk") == -1;
});
// convert them to new highlight elements by
// (1) copy id to class
simpleHiliteElements.each( function ( index ) {
var elem = jQuery( this );
elem.addClass( elem.attr("id") );
});
// (2) change add _chunk0 to current id
simpleHiliteElements.attr("id", function ( index ) {
return jQuery(this).attr("id") + "_chunk0";
});
Hilite.log( simpleHiliteElements.length + " simple elements converted.")
return simpleHiliteElements;
},
log: function( str ) {
shcp.debug("[Hilite] " + str);
},
/**
* create values for
* - selectedColor
* - markedColor
* - backupColor
* change all elements whose background-colors
* are equal to selectedColor to backupColor
*/
initColors: function () {
if ( Hilite.selectedColor ) return;
// [warning] do not change color strings (add space, zero .. )
if ( jQuery.browser.msie ) {
Hilite.selectedColor = "rgb(251, 244, 137)";
Hilite.markedColor = "rgb(251, 244, 136)";
Hilite.backupColor = "rgb(251, 244, 138)";
} else {
Hilite.selectedColor = "rgb(251, 244, 137)";
Hilite.markedColor = "rgb(251, 244, 136)";
Hilite.backupColor = "rgb(251, 244, 138)";
}
// change all elements whose background-colors are equal to selectedColor to backupColor
Hilite.getSelectedElements().css("background-color", Hilite.backupColor );
},
getSelectedElements: function ( ) {
Hilite.selector = Hilite.selector || "*";
return Util.selectByBackgroundColor( Hilite.selector, Hilite.selectedColor );
},
template: {
title : "{name}@{ip} {clock}",
anchor : "",
classNames: "k_highlight_text{count} k_highlight k_commentter k_coupling{count}",
identifier: "k_highlight_text{count}_chunk{index}"
},
makeMarkedChunks: function( count ) {
var selectedElements = Hilite.getSelectedElements();
if ( selectedElements.length == 0 ) {
Hilite.log("hilite chunks not found.");
return false;
}
Hilite.log( "Total hilite chunks = " + selectedElements.length );
// create data to supplant into templates
var param = { count: count };
jQuery.extend( param, shcp.user );
// insert an anchor before the first element
var anchor = Util.supplant( Hilite.template.anchor, param );
jQuery( selectedElements[0] ).before( anchor );
Hilite.log( Util.supplant("'{anchor}' inserted.", { anchor : anchor }) );
// add title and class to all selected elements
var title = Util.supplant( Hilite.template.title, param );
var classNames = Util.supplant( Hilite.template.classNames, param );
selectedElements.attr("title", title).addClass( classNames );
// add a unique id to each selected elements
selectedElements.each( function ( index ) {
jQuery.extend( param, { index: index } );
this.id = Util.supplant( Hilite.template.identifier, param );
});
// change selected chunks' background-colors to markedColor
selectedElements.css("background-color", Hilite.markedColor );
Hilite.log("marked chunks created");
return true;
},
// getToolbarAnchorText: function () {
// // return anchor text to display on toolbar, cut if longer than MAX_LENGTH
// // var MAX_LENGTH = 50;
// // var text = Hilite.selectedText;
// // if ( text.length <= MAX_LENGTH + 4 ) return text;
// // else return text.substring(0, MAX_LENGTH ) + "... ";
// return Hilite.selectedText;
// },
//
completeHighlighting: function () {
if ( ! Hilite.selectedTextIsValid() ) {
Hilite.log("seleted text is invalid (could be empty)");
return false;
}
if (! Hilite.makeWrappers() ) return;
Hilite.makeMarkedChunks( shcp.k_count );
// add highlight and anchor identifiers to session (for undo function)
shcp.undo_stack.push( 'k_coupling' + shcp.k_count );
// add anchor link to the toolbar
// shcp.add_current_comment( Hilite.getToolbarAnchorText(), shcp.user.name, true, shcp.k_count);
Hilite.log("done");
return true;
},
// isEnable: function () {
// return shcp.k_current_mode == kMode.Highlight;
// },
//
selectedTextIsValid: function () {
if (typeof Hilite.selectedText == "undefined") return false;
return Util.isNotBlank( Hilite.selectedText );
},
// limitHighlighableElements: function () {
// // not sure the doc is put new elements (new sticky note .. ) or not, so do this every time start highliting
// jQuery("#k_toolbar").add("img").add(".k_sticky0").add("k_highlight")
// .bind( "mousedown", function ( event ) {
// if ( Hilite.isEnable() ) {
// Hilite.log( "can't highlight this element" );
// // cancel event bubbling so hilite mousedown handler will not get the event
// event.stopPropagation();
// }
// });
// },
isValidHtml: function ( html ) {
return (html.indexOf("k_highlight") == -1);
},
isValidRange: function ( range ) {
// todo: need to expand range to cover add begin and end node before verify
if ( range.htmlText ) // IE
return Hilite.isValidHtml( range.htmlText );
// W3C
var rangeDescenders = Util.descenders( range.cloneContents() );
return ( rangeDescenders.filter(".k_highlight").length == 0 );
},
createNewWrapper: function () {
var element = document.createElement('span');
element.className = "hilite_chunk_wrapper";
element.style.backgroundColor = Hilite.selectedColor;
return element;
},
wrapTextNode: function (range, ele ) {
var subRange = document.createRange ? document.createRange() : document.selection.createRange();
shcp.debug("wrapIntersectedElement: " + ele.nodeName + " > surroundContents(" + ele.data.replace(/\n/, ' ') + ")");
// select correct sub-range
if (ele == range.startContainer || ele == range.endContainer) {
subRange.setStart(ele, (ele == range.startContainer) ? range.startOffset : 0);
subRange.setEnd(ele, (ele == range.endContainer) ? range.endOffset : ele.length);
}
else {
if (!!ele.parentNode.className.match(/hilite_chunk_wrapper/)) {
return; // avoid double-wrapping
} else {
subRange.selectNode(ele);
}
}
// then wrap sub-range
subRange.surroundContents( Hilite.createNewWrapper() );
subRange.detach();
},
unwrapNodes: function(jarray) {
try {
// remove the spans
jarray.each(function(index, ele) {
var innerRange = document.createRange ? document.createRange() : document.selection.createRange();
var outerRange = document.createRange ? document.createRange() : document.selection.createRange();
outerRange.selectNode(ele);
innerRange.selectNodeContents(ele);
innerContent = innerRange.extractContents();
outerContent = outerRange.extractContents();
outerRange.insertNode(innerContent);
});
} catch (e) {
// uncolor the spans
jarray.removeClass("k_highlight")
.attr( {title: "", id:""} )
.css("background-color", "");
}
},
isValidTextNode: function ( range, ele ) {
// check if ele is empty or not
var isNotEmpty = ele.data && ele.data.replace(/ /g, '') != '';
// check if ele is in the range or not
var isInRange = range.intersectsNode && range.intersectsNode(ele);
if ( ! isInRange ) {
shcp.debug("wrapIntersectedElement: ! isInRange");
shcp.debug(ele.data);
} else if (! isNotEmpty ) {
shcp.debug("wrapIntersectedElement: ! isNotEmpty");
shcp.debug(ele.data);
}
return isNotEmpty && isInRange;
},
logInforWhileRangeTraveling: function (ele, i) {
shcp.debug("wrapIntersectedElement: " + ele.nodeName + " > " + (i+1) +
"/" + ele.childNodes.length + ": " +
ele.childNodes[i].nodeName +
'');
},
wrapIntersectedElement: function (ele, range) {
// if has children
if (ele.childNodes && ele.childNodes.length > 0) {
shcp.debug("wrapIntersectedElement: has " + ele.childNodes.length + " children ", ele, ele.childNodes);
// then do range traveling
for (var i = (ele.childNodes.length-1); i >= 0 && ele.childNodes[i]; i--) {
Hilite.logInforWhileRangeTraveling( ele, i );
Hilite.wrapIntersectedElement( ele.childNodes[i], range );
}
} else if ( Hilite.isValidTextNode( range, ele ) ) {
shcp.debug("wrapIntersectedElement: has no children ", ele);
Hilite.wrapTextNode( range, ele );
}
},
makeWrappers: function () {
var range = Util.getSelectedRange();
if ( ! Hilite.isValidRange( range ) ) {
Hilite.log("can't not overlap existing highlights.");
return false;
}
if ( range.execCommand ) {
// IE, use execCommand will create wrappers
Hilite.selector = "font";
range.execCommand( "BackColor", "false", Hilite.selectedColor );
}
else {// W3C! range is a Range object
Hilite.wrapIntersectedElement(range.commonAncestorContainer, range);
Hilite.selector = ".hilite_chunk_wrapper";
}
return true;
}
});
Hilite.convertSimpleHiliteElements();
Hilite.initColors();
})(shcp.Hilite);
})(shcp);
/* include: compatible.js */
shcp.remove_stickynote = function(ele) {
jQuery(ele).parents('div.k_shadow').each(function(index, element) {
var match = null;
if (element.id && (match = element.id.match(/\D(\d+)$/))) {
shcp.toolbar.remove(match[1]);
// TODO: existing note?
}
});
}
shcp.click_areas = {
mousedown: function() {
//
}
}
function minmax_panel(img, ele, force_hide) {
function toggleElemChildren( element, selector, force_hide ) {
var retvalue = null;
jQuery(selector, element).each( function ( index ) {
retvalue = this.style.display = ( this.style.display == 'none' || force_hide) ? 'block' : 'none';
// shcp.iframe_shim.resizeShim(this.parentNode);
// shcp.iframe_shim.resizeShim(this.parentNode.parentNode);
});
return retvalue;
}
function toggleImage( img ) {
if (!img || !img.src) return;
var i = (img.src.indexOf('_min') == -1) ? 0 : 1;
var srcArr = ["_max", "_min"];
var titleArr = ["Max", "Min"];
img.src = img.src.replace( srcArr[i], srcArr[1-i] );
img.title = img.title.replace( titleArr[i], titleArr[1-i] );
}
toggleImage( img );
toggleElemChildren( ele, ".k_panel_bottom", force_hide );
var retvalue = toggleElemChildren( ele, ".k_panel_main" , force_hide );
jQuery(ele).height('');
jQuery("#" + ele.id + "> div").height('');
if (jQuery("#" + ele.id + " .ui-resizable-handle")[0]) {
jQuery("#" + ele.id).resizable((retvalue == 'block') ? 'enable' : 'disable');
}
}
/* include: templates.js */
SharedCopy.config.html.colorpicker_stub = '\n {user_name}\n {datetime}\n \n \n \n ![\"{user_name}\"](\"{user_picture_url}\" "\\"{user_name}\\"")
\n \n \n \n \n \n';
SharedCopy.config.html.comment_li_body = '<{tag_name} class=\"{content_css}\">\n \n {body}\n link »\n \n\n';
SharedCopy.config.html.comments_rss = '![](\"{url_base}/images/icons/rss.png\"/)
\n';
SharedCopy.config.html.comments_showhide = '![](\"{url_basepath}/style/images/resize_close.gif?V2\"\n "\\"Delete")
\n';
SharedCopy.config.html.toolbar = '
"); } var parent = jQuery(ele).parent(); var text = parent.children('textarea'); var value = text.val(); if (!value || value.match(/^\s*$/)) return shcp.remove_stickynote(ele); var p = document.createElement("p"); var p_html = input2html(value); p.innerHTML = p_html; if (text[0].parentNode) { text[0].parentNode.replaceChild(p, text[0]); parent.children('input').remove(); } // ignore if text[0] is orphaned return p_html; }, dragger: { on_start: function(e, ui) { // anchors image (if any) jQuery('img.' + ui.instance.element[0].id.replace('div', 'k_coupling') + ':first').each(function(index, imgObject) { if (! imgObject.anchorPoint) { var img = jQuery(imgObject); var imgTopLeft = img.offset(); var noteTopLeft = jQuery(ui.instance.element).offset(); // if we're sharing any side (top/left), anchor from further side if (imgTopLeft.left == noteTopLeft.left) imgTopLeft.left += img.width(); if (imgTopLeft.top == noteTopLeft.top) imgTopLeft.top += img.height(); imgObject.anchorPoint = new Graphics.Point(imgTopLeft.left, imgTopLeft.top); } }); }, on_drag: function(e, ui) { // update image (if any) based in new sticky note location jQuery('img.' + ui.instance.element[0].id.replace('div', 'k_coupling') + ':first').each(function(index, imgObject) { if (imgObject.anchorPoint) { Graphics.draw(imgObject, imgObject.anchorPoint, new Graphics.Point( ui.position.left, ui.position.top )); } }); } } }, highlight_selected: function() { shcp.debug("try highlight"); var d = document.createElement("div"); d.appendChild(document.createTextNode(Util.getSelectedText())); shcp.Hilite.selectedText = d.innerHTML; shcp.Hilite.log( "selectedText = '" + shcp.Hilite.selectedText + "'" ); // complete highlighting var return_value = shcp.Hilite.completeHighlighting(); Util.removeSelectedRange(); return return_value; }, render_drawing: function(domid, k_mode, k_count) { var domObject = document.getElementById(domid); if (! domObject) { var html = Util.supplant( "
" +
"![]()
" +
"
", {
domid: domid, k_mode: k_mode, k_count: k_count
});
jQuery(html).appendTo('#karea');
domObject = document.getElementById(domid);
}
return domObject;
},
// functions
on_ready: function(doc, callback) {
// not working for loaded page: jQuery(doc).ready(callback);
if (SharedCopy.on_ready) {
SharedCopy.on_ready(function() { callback(doc); });
} else {
callback(doc);
}
}
};
// logging
shcp.konsole = window.console;
shcp.debug = function() { };
if (window.SharedCopy && SharedCopy.debugging) {
if (jQuery.browser.safari || !window.console) {
shcp.debug = function(str) { window.status = str; };
} else {
shcp.debug = function() { if (window.console && console.log) console.log.apply(console, arguments); };
}
}
})();
/* include: mouse.js */
// Base framework
(function($, shcp) {
// states
var _state, _mouseup, _mousedown, _mousemove, _mouseover, _mouseout, _click;
_state = {
current: null,
evt: {}
};
function stopEvent(evt) {
if (evt && evt.preventDefault) {
evt.preventDefault();
evt.stopPropagation();
} else if (typeof(event) != 'undefined') {
event.cancelBubble = false;
event.returnValue = false;
}
}
function _unbind_all(elements) {
if (elements && elements.unbind) {
elements.unbind('mouseup', _mouseup);
elements.unbind('mousemove', _mousemove);
elements.unbind('mouseover', _mouseover);
elements.unbind('mouseout', _mouseout);
elements.unbind('mousedown', _mousedown);
elements.unbind('click', _click);
}
}
// execute related function (depending on shcp.k_mode) if exists
function _exec(evt, current_mode) {
if (! (shcp && shcp.plugins && shcp.k_mode)) return;
var o = shcp.plugins[shcp.k_mode];
if (! o) return;
o = o[current_mode || _state.current];
if (o) return o(_state, evt);
return false;
}
function _unacceptable(evt) {
if (evt.which != 1) return true;
var jtarget = $(evt.target);
if (jtarget.parents('#karea')[0] && !jtarget.hasClass('k_passthrough')) return true;
return false;
}
_mouseup = function(evt) {
// assert
if (_unacceptable(evt)) return true;
// setup
_state.current = 'mouseup';
_state.evt.mouseup = evt;
// exec
var retval = _exec(evt);
// cleanup
shcp.clickable.unbind(evt.type, arguments.callee);
shcp.clickable.unbind('mousemove', _mousemove);
shcp.clickable.bind('mousedown', _mousedown);
shcp.clickable.bind('click', _click);
if (! retval) stopEvent(evt);
return retval;
}
_mousedown = function(evt) {
// assert
if (_unacceptable(evt)) return true;
// setup
_state.current = 'mousedown';
_state.evt.mousedown = evt;
shcp.increment_count();
// exec
var retval = _exec(evt);
// cleanup
shcp.clickable.unbind(evt.type, arguments.callee);
shcp.clickable.bind('mouseup', _mouseup);
shcp.clickable.bind('mousemove', _mousemove);
if (! retval) stopEvent(evt);
return retval;
}
_mousemove = function(evt) {
// assert
if (_unacceptable(evt)) return true;
// setup
_state.evt.mousemove = evt;
// exec
var retval = _exec(evt, (_state.current == 'mousedown' ? 'drag' : 'mousemove'));
// cleanup
if (! retval) stopEvent(evt);
return retval;
}
_mouseover = function(evt) {
// assert
if (_unacceptable(evt)) return true;
// setup
_state.evt.mouseover = evt;
// exec
var retval = _exec(evt, 'mouseover');
// cleanup
if (! retval) stopEvent(evt);
return retval;
}
_mouseout = function(evt) {
// assert
if (_unacceptable(evt)) return true;
// setup
_state.evt.mouseout = evt;
// exec
var retval = _exec(evt, 'mouseout');
// cleanup
if (! retval) stopEvent(evt);
return retval;
}
_click = function(evt) {
// assert
if (_unacceptable(evt)) return true;
// setup
_state.current = 'click';
_state.evt.click = evt;
// exec
var retval = _exec(evt);
// cleanup
shcp.clickable.unbind(evt.type, arguments.callee);
_state.evt = {};
if (! retval) stopEvent(evt);
return retval;
}
// init
$.fn.start_sharedcopy_mouse = function(options) {
_unbind_all(shcp.clickable);
shcp.clickable = this;
_unbind_all(shcp.clickable);
shcp.clickable.bind('mousedown', _mousedown);
shcp.clickable.bind('mouseover', _mouseover);
shcp.clickable.bind('mouseout', _mouseout);
}
})(jQuery, shcp);
// Behaviors
(function(shcp) {
// setup
function make_drawing_handler(k_mode) {
return function(state, evt) {
var startPosition = Graphics.getEventPosition( state.evt.mousedown );
var endPosition = Graphics.getEventPosition( state.evt.mousemove );
var domid = k_mode + shcp.k_count;
var domObject = shcp.render_drawing(domid, k_mode, shcp.k_count);
Graphics.draw(domObject, startPosition, endPosition, k_mode );
return false;
}
}
shcp.toolbar.common_buttons.pointer = {
html: {
id: 'k_button_point',
label: "Point",
title: "Restore normal mouse behavior",
style: '',
css_class: ''
},
events: {
mousedown: function() { return true; },
drag: function() { return true; },
mouseup: function() { return true; },
click: function() { return true; }
}
};
shcp.toolbar.common_buttons.line = {
html: {
id: 'k_button_line',
label: "Line",
title: "Click and Drag to draw lines on this page",
style: '',
css_class: ''
},
events: {
drag: make_drawing_handler('line')
}
};
shcp.toolbar.common_buttons.box = {
html: {
id: 'k_button_box',
label: "Box",
title: "Click and Drag to draw boxes on this page",
style: '',
css_class: ''
},
events: {
drag: make_drawing_handler('box')
}
};
shcp.toolbar.common_buttons.circle = {
html: {
id: 'k_button_circle',
label: "Circle",
title: "Click and Drag to draw circles on this page",
style: '',
css_class: ''
},
events: {
drag: make_drawing_handler('circle')
}
};
shcp.toolbar.common_buttons.write = {
html: {
id: 'k_button_write',
label: "Write",
title: "Click or Drag to place Sticky Notes on this page",
style: '',
css_class: ''
},
events: {
drag: make_drawing_handler('line'),
mouseup: function(state, evt) {
shcp.stickynote.render_form(Graphics.getEventPosition(evt), { skip_k_count: true });
return false;
}
}
};
shcp.toolbar.common_buttons.mark = {
html: {
id: 'k_button_mark',
label: "Mark",
title: "Select some text to highlight",
style: '',
css_class: ''
},
events: {
mousedown: function() { return true; },
drag: function() { return true; },
mouseup: function(state, evt) {
if (state.evt.mousemove) {
shcp.highlight_selected();
return false;
} else {
shcp.debug("no highlight");
return true;
}
}
}
};
shcp.toolbar.common_buttons.undo = {
html: {
id: 'k_button_undo',
label: "Undo",
title: "Remove that last sticky note, drawing, highlight, etc",
style: '',
css_class: ''
},
events: {
self: {
click: shcp.toolbar.on_undo
}
}
};
shcp.toolbar.colorpicker = {
load: function(){
if(!jQuery('#k_color_script').length){
jQuery('head').append('');
var s = document.createElement('script');
s.id = 'k_color_script';
s.src= SharedCopy.config.url_basepath + '/script/vendor/colorjack/plugin.js';
document.body.appendChild(s);
}
},
render: function(point){
this.killUnset();
var color = jQuery('.k_color:last .k_hex').html() || 'FF0000';
var colorHTML = Util.supplant(SharedCopy.config.html.colorpicker_stub, {
k_count: shcp.k_count,
y: point.y,
x: point.x,
color: color
});
jQuery('#karea').append(colorHTML);
jQuery('#k_color'+shcp.k_count+' .k_pick').click(function(){
shcp.toolbar.colorpicker.showPicker(this.parentNode);
});
jQuery('#k_color'+shcp.k_count+' .k_pick').click();
},
showPicker: function(elm){
var y = jQuery(elm).css('top');
var x = parseInt(jQuery(elm).css('left')) + jQuery(elm).width() + 10 + 'px';
this.killUnset();
this.killPicker(true);
var pickerHTML = 'FF0000
Ok
Cancel
\n
\n #
';
SharedCopy.config.html.comment_li = '\n Color \n
\n \n
\n \n #
{color}
\n\n';
SharedCopy.config.html.comments_showhide = '\n
\n\n';
SharedCopy.config.html.sticky_note = '\n \n no comments\n \n
\n\n\n
\n';
SharedCopy.config.html.sticky_note_close = '![](\"{url_basepath}/style/images/resize_min.gif?V2\" "\\"Minimize")
\n {sticky_note_close}\n \n';
SharedCopy.config.html.toolbar = '\n
\n';
SharedCopy.config.html.toolbar_button = '';
SharedCopy.config.html.toolbar_footer = '';
/* include: exec.js */
if (window.SharedCopy.before_load) window.SharedCopy.before_load();
shcp.on_ready(document, function(doc) {
// cleanse base
shcp.page.reset(doc);
// load FORM
shcp.toolbar.render(doc);
// apply FUNCTION
shcp.page.register_events(doc);
// perform CUSTOM
if (SharedCopy.on_document_loaded) SharedCopy.on_document_loaded();
// cleanup & action!
shcp.toolbar.on_ready(doc);
// remove "Loading..." message from bookmarklet
jQuery('#k_deleteme').remove();
if (window.SharedCopy.after_load) window.SharedCopy.after_load(doc);
});
\n Web annotations\n 
\n 
\n
\n \n
\n