diff --git a/code_base/bgs/01.html b/code_base/bgs/01.html
new file mode 100644
index 0000000..ad797c6
--- /dev/null
+++ b/code_base/bgs/01.html
@@ -0,0 +1,59 @@
+
+
+
+
+ 01
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code_base/clippy/._elizabot.js b/code_base/clippy/._elizabot.js
new file mode 100644
index 0000000..3ff4954
Binary files /dev/null and b/code_base/clippy/._elizabot.js differ
diff --git a/code_base/clippy/._elizadata.js b/code_base/clippy/._elizadata.js
new file mode 100644
index 0000000..3ff4954
Binary files /dev/null and b/code_base/clippy/._elizadata.js differ
diff --git a/code_base/clippy/._jquery.1.7.min.js b/code_base/clippy/._jquery.1.7.min.js
new file mode 100644
index 0000000..3dc5e15
Binary files /dev/null and b/code_base/clippy/._jquery.1.7.min.js differ
diff --git a/code_base/clippy/clippy.js/MIT-LICENSE.txt b/code_base/clippy/clippy.js/MIT-LICENSE.txt
new file mode 100644
index 0000000..6bc6ca6
--- /dev/null
+++ b/code_base/clippy/clippy.js/MIT-LICENSE.txt
@@ -0,0 +1,10 @@
+Copyright (c) 2012 Fireplace, Inc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+THE ABOVE LICENSE IS FOR THE CODE (JAVASCRIPT AND CSS) IN CLIPPY.JS ONLY.
+All Microsoft agents, including agent names, the Clippy brand and all resources are the property of Microsoft and their respective owners.
\ No newline at end of file
diff --git a/code_base/clippy/clippy.js/README.md b/code_base/clippy/clippy.js/README.md
new file mode 100644
index 0000000..3558263
--- /dev/null
+++ b/code_base/clippy/clippy.js/README.md
@@ -0,0 +1,69 @@
+[Clippy.JS](http://smore.com/clippy-js)
+=========
+Add Clippy or his friends to any website for instant nostalgia.
+Read more about the project on [our homepage](http://smore.com/clippy-js).
+
+
+Usage: Setup
+------------
+Add this code to you to your page to enable Clippy.js.
+
+```html
+
+
').hide();
+
+ $(document.body).append(this._el);
+
+ this._animator = new clippy.Animator(this._el, path, data, sounds);
+
+ this._balloon = new clippy.Balloon(this._el);
+
+ this._setupEvents();
+};
+
+clippy.Agent.prototype = {
+
+ /**************************** API ************************************/
+
+ /***
+ *
+ * @param {Number} x
+ * @param {Number} y
+ */
+ gestureAt:function (x, y) {
+ var d = this._getDirection(x, y);
+ var gAnim = 'Gesture' + d;
+ var lookAnim = 'Look' + d;
+
+ var animation = this.hasAnimation(gAnim) ? gAnim : lookAnim;
+ return this.play(animation);
+ },
+
+ /***
+ *
+ * @param {Boolean=} fast
+ *
+ */
+ hide:function (fast, callback) {
+ this._hidden = true;
+ var el = this._el;
+ this.stop();
+ if (fast) {
+ this._el.hide();
+ this.stop();
+ this.pause();
+ if (callback) callback();
+ return;
+ }
+
+ return this._playInternal('Hide', function () {
+ el.hide();
+ this.pause();
+ if (callback) callback();
+ })
+ },
+
+
+ moveTo:function (x, y, duration) {
+ var dir = this._getDirection(x, y);
+ var anim = 'Move' + dir;
+ if (duration === undefined) duration = 1000;
+
+ this._addToQueue(function (complete) {
+ // the simple case
+ if (duration === 0) {
+ this._el.css({top:y, left:x});
+ this.reposition();
+ complete();
+ return;
+ }
+
+ // no animations
+ if (!this.hasAnimation(anim)) {
+ this._el.animate({top:y, left:x}, duration, complete);
+ return;
+ }
+
+ var callback = $.proxy(function (name, state) {
+ // when exited, complete
+ if (state === clippy.Animator.States.EXITED) {
+ complete();
+ }
+ // if waiting,
+ if (state === clippy.Animator.States.WAITING) {
+ this._el.animate({top:y, left:x}, duration, $.proxy(function () {
+ // after we're done with the movement, do the exit animation
+ this._animator.exitAnimation();
+ }, this));
+ }
+
+ }, this);
+
+ this._playInternal(anim, callback);
+ }, this);
+ },
+
+ _playInternal:function (animation, callback) {
+
+ // if we're inside an idle animation,
+ if (this._isIdleAnimation() && this._idleDfd && this._idleDfd.state() === 'pending') {
+ this._idleDfd.done($.proxy(function () {
+ this._playInternal(animation, callback);
+ }, this))
+ }
+
+ this._animator.showAnimation(animation, callback);
+ },
+
+ play:function (animation, timeout, cb) {
+ if (!this.hasAnimation(animation)) return false;
+
+ if (timeout === undefined) timeout = 5000;
+
+
+ this._addToQueue(function (complete) {
+ var completed = false;
+ // handle callback
+ var callback = function (name, state) {
+ if (state === clippy.Animator.States.EXITED) {
+ completed = true;
+ if (cb) cb();
+ complete();
+ }
+ };
+
+ // if has timeout, register a timeout function
+ if (timeout) {
+ window.setTimeout($.proxy(function () {
+ if (completed) return;
+ // exit after timeout
+ this._animator.exitAnimation();
+ }, this), timeout)
+ }
+
+ this._playInternal(animation, callback);
+ }, this);
+
+ return true;
+ },
+
+ /***
+ *
+ * @param {Boolean=} fast
+ */
+ show:function (fast) {
+
+ this._hidden = false;
+ if (fast) {
+ this._el.show();
+ this.resume();
+ this._onQueueEmpty();
+ return;
+ }
+
+ if (this._el.css('top') === 'auto' || !this._el.css('left') === 'auto') {
+ var left = $(window).width() * 0.8;
+ var top = ($(window).height() + $(document).scrollTop()) * 0.8;
+ this._el.css({top:top, left:left});
+ }
+
+ this.resume();
+ return this.play('Show');
+ },
+
+ /***
+ *
+ * @param {String} text
+ */
+ speak:function (text, hold) {
+ this._addToQueue(function (complete) {
+ this._balloon.speak(complete, text, hold);
+ }, this);
+ },
+
+
+ /***
+ * Close the current balloon
+ */
+ closeBalloon:function () {
+ this._balloon.hide();
+ },
+
+ delay:function (time) {
+ time = time || 250;
+
+ this._addToQueue(function (complete) {
+ this._onQueueEmpty();
+ window.setTimeout(complete, time);
+ });
+ },
+
+ /***
+ * Skips the current animation
+ */
+ stopCurrent:function () {
+ this._animator.exitAnimation();
+ this._balloon.close();
+ },
+
+
+ stop:function () {
+ // clear the queue
+ this._queue.clear();
+ this._animator.exitAnimation();
+ this._balloon.hide();
+ },
+
+ /***
+ *
+ * @param {String} name
+ * @returns {Boolean}
+ */
+ hasAnimation:function (name) {
+ return this._animator.hasAnimation(name);
+ },
+
+ /***
+ * Gets a list of animation names
+ *
+ * @return {Array.}
+ */
+ animations:function () {
+ return this._animator.animations();
+ },
+
+ /***
+ * Play a random animation
+ * @return {jQuery.Deferred}
+ */
+ animate:function () {
+ var animations = this.animations();
+ var anim = animations[Math.floor(Math.random() * animations.length)];
+ // skip idle animations
+ if (anim.indexOf('Idle') === 0) {
+ return this.animate();
+ }
+ return this.play(anim);
+ },
+
+ /**************************** Utils ************************************/
+
+ /***
+ *
+ * @param {Number} x
+ * @param {Number} y
+ * @return {String}
+ * @private
+ */
+ _getDirection:function (x, y) {
+ var offset = this._el.offset();
+ var h = this._el.height();
+ var w = this._el.width();
+
+ var centerX = (offset.left + w / 2);
+ var centerY = (offset.top + h / 2);
+
+
+ var a = centerY - y;
+ var b = centerX - x;
+
+ var r = Math.round((180 * Math.atan2(a, b)) / Math.PI);
+
+ // Left and Right are for the character, not the screen :-/
+ if (-45 <= r && r < 45) return 'Right';
+ if (45 <= r && r < 135) return 'Up';
+ if (135 <= r && r <= 180 || -180 <= r && r < -135) return 'Left';
+ if (-135 <= r && r < -45) return 'Down';
+
+ // sanity check
+ return 'Top';
+ },
+
+ /**************************** Queue and Idle handling ************************************/
+
+ /***
+ * Handle empty queue.
+ * We need to transition the animation to an idle state
+ * @private
+ */
+ _onQueueEmpty:function () {
+ if (this._hidden || this._isIdleAnimation()) return;
+ var idleAnim = this._getIdleAnimation();
+ this._idleDfd = $.Deferred();
+
+ this._animator.showAnimation(idleAnim, $.proxy(this._onIdleComplete, this));
+ },
+
+ _onIdleComplete:function (name, state) {
+ if (state === clippy.Animator.States.EXITED) {
+ this._idleDfd.resolve();
+ }
+ },
+
+
+ /***
+ * Is the current animation is Idle?
+ * @return {Boolean}
+ * @private
+ */
+ _isIdleAnimation:function () {
+ var c = this._animator.currentAnimationName;
+ return c && c.indexOf('Idle') === 0;
+ },
+
+
+ /**
+ * Gets a random Idle animation
+ * @return {String}
+ * @private
+ */
+ _getIdleAnimation:function () {
+ var animations = this.animations();
+ var r = [];
+ for (var i = 0; i < animations.length; i++) {
+ var a = animations[i];
+ if (a.indexOf('Idle') === 0) {
+ r.push(a);
+ }
+ }
+
+ // pick one
+ var idx = Math.floor(Math.random() * r.length);
+ return r[idx];
+ },
+
+ /**************************** Events ************************************/
+
+ _setupEvents:function () {
+ $(window).on('resize', $.proxy(this.reposition, this));
+
+ this._el.on('mousedown', $.proxy(this._onMouseDown, this));
+
+ this._el.on('dblclick', $.proxy(this._onDoubleClick, this));
+ },
+
+ _onDoubleClick:function () {
+ if (!this.play('ClickedOn')) {
+ this.animate();
+ }
+ },
+
+ reposition:function () {
+ if (!this._el.is(':visible')) return;
+ var o = this._el.offset();
+ var bH = this._el.outerHeight();
+ var bW = this._el.outerWidth();
+
+ var wW = $(window).width();
+ var wH = $(window).height();
+ var sT = $(window).scrollTop();
+ var sL = $(window).scrollLeft();
+
+ var top = o.top - sT;
+ var left = o.left - sL;
+ var m = 5;
+ if (top - m < 0) {
+ top = m;
+ } else if ((top + bH + m) > wH) {
+ top = wH - bH - m;
+ }
+
+ if (left - m < 0) {
+ left = m;
+ } else if (left + bW + m > wW) {
+ left = wW - bW - m;
+ }
+
+ this._el.css({left:left, top:top});
+ // reposition balloon
+ this._balloon.reposition();
+ },
+
+ _onMouseDown:function (e) {
+ e.preventDefault();
+ this._startDrag(e);
+ },
+
+
+ /**************************** Drag ************************************/
+
+ _startDrag:function (e) {
+ // pause animations
+ this.pause();
+ this._balloon.hide(true);
+ this._offset = this._calculateClickOffset(e);
+
+ this._moveHandle = $.proxy(this._dragMove, this);
+ this._upHandle = $.proxy(this._finishDrag, this);
+
+ $(window).on('mousemove', this._moveHandle);
+ $(window).on('mouseup', this._upHandle);
+
+ this._dragUpdateLoop = window.setTimeout($.proxy(this._updateLocation, this), 10);
+ },
+
+ _calculateClickOffset:function (e) {
+ var mouseX = e.pageX;
+ var mouseY = e.pageY;
+ var o = this._el.offset();
+ return {
+ top:mouseY - o.top,
+ left:mouseX - o.left
+ }
+
+ },
+
+ _updateLocation:function () {
+ this._el.css({top:this._targetY, left:this._taregtX});
+ this._dragUpdateLoop = window.setTimeout($.proxy(this._updateLocation, this), 10);
+ },
+
+ _dragMove:function (e) {
+ e.preventDefault();
+ var x = e.clientX - this._offset.left;
+ var y = e.clientY - this._offset.top;
+ this._taregtX = x;
+ this._targetY = y;
+ },
+
+ _finishDrag:function () {
+ window.clearTimeout(this._dragUpdateLoop);
+ // remove handles
+ $(window).off('mousemove', this._moveHandle);
+ $(window).off('mouseup', this._upHandle);
+ // resume animations
+ this._balloon.show();
+ this.reposition();
+ this.resume();
+
+ },
+
+ _addToQueue:function (func, scope) {
+ if (scope) func = $.proxy(func, scope);
+ this._queue.queue(func);
+ },
+
+ /**************************** Pause and Resume ************************************/
+
+ pause:function () {
+ this._animator.pause();
+ this._balloon.pause();
+
+ },
+
+ resume:function () {
+ this._animator.resume();
+ this._balloon.resume();
+ }
+
+};
+
+/******
+ *
+ *
+ * @constructor
+ */
+clippy.Animator = function (el, path, data, sounds) {
+ this._el = el;
+ this._data = data;
+ this._path = path;
+ this._currentFrameIndex = 0;
+ this._currentFrame = undefined;
+ this._exiting = false;
+ this._currentAnimation = undefined;
+ this._endCallback = undefined;
+ this._started = false;
+ this._sounds = {};
+ this.currentAnimationName = undefined;
+ this.preloadSounds(sounds);
+ this._overlays = [this._el];
+ var curr = this._el;
+
+ this._setupElement(this._el);
+ for (var i = 1; i < this._data.overlayCount; i++) {
+ var inner = this._setupElement($('
'));
+
+ curr.append(inner);
+ this._overlays.push(inner);
+ curr = inner;
+ }
+};
+
+clippy.Animator.prototype = {
+ _setupElement:function (el) {
+ var frameSize = this._data.framesize;
+ el.css('display', "none");
+ el.css({width:frameSize[0], height:frameSize[1]});
+ el.css('background', "url('" + this._path + "/map.png') no-repeat");
+
+ return el;
+ },
+
+ animations:function () {
+ var r = [];
+ var d = this._data.animations;
+ for (var n in d) {
+ r.push(n);
+ }
+ return r;
+ },
+
+ preloadSounds:function (sounds) {
+
+ for (var i = 0; i < this._data.sounds.length; i++) {
+ var snd = this._data.sounds[i];
+ var uri = sounds[snd];
+ if (!uri) continue;
+ this._sounds[snd] = new Audio(uri);
+
+ }
+ },
+ hasAnimation:function (name) {
+ return !!this._data.animations[name];
+ },
+
+ exitAnimation:function () {
+ this._exiting = true;
+ },
+
+
+ showAnimation:function (animationName, stateChangeCallback) {
+ this._exiting = false;
+
+ if (!this.hasAnimation(animationName)) {
+ return false;
+ }
+
+ this._currentAnimation = this._data.animations[animationName];
+ this.currentAnimationName = animationName;
+
+
+ if (!this._started) {
+ this._step();
+ this._started = true;
+ }
+
+ this._currentFrameIndex = 0;
+ this._currentFrame = undefined;
+ this._endCallback = stateChangeCallback;
+
+ return true;
+ },
+
+
+ _draw:function () {
+ var images = [];
+ if (this._currentFrame) images = this._currentFrame.images || [];
+
+ for (var i = 0; i < this._overlays.length; i++) {
+ if (i < images.length) {
+ var xy = images[i];
+ var bg = -xy[0] + 'px ' + -xy[1] + 'px';
+ this._overlays[i].css({'background-position':bg, 'display':'block'});
+ }
+ else {
+ this._overlays[i].css('display', 'none');
+ }
+
+ }
+ },
+
+ _getNextAnimationFrame:function () {
+ if (!this._currentAnimation) return undefined;
+ // No current frame. start animation.
+ if (!this._currentFrame) return 0;
+ var currentFrame = this._currentFrame;
+ var branching = this._currentFrame.branching;
+
+
+ if (this._exiting && currentFrame.exitBranch !== undefined) {
+ return currentFrame.exitBranch;
+ }
+ else if (branching) {
+ var rnd = Math.random() * 100;
+ for (var i = 0; i < branching.branches.length; i++) {
+ var branch = branching.branches[i];
+ if (rnd <= branch.weight) {
+ return branch.frameIndex;
+ }
+
+ rnd -= branch.weight;
+ }
+ }
+
+ return this._currentFrameIndex + 1;
+ },
+
+ _playSound:function () {
+ var s = this._currentFrame.sound;
+ if (!s) return;
+ var audio = this._sounds[s];
+ if (audio) audio.play();
+ },
+
+ _atLastFrame:function () {
+ return this._currentFrameIndex >= this._currentAnimation.frames.length - 1;
+ },
+
+ _step:function () {
+ if (!this._currentAnimation) return;
+ var newFrameIndex = Math.min(this._getNextAnimationFrame(), this._currentAnimation.frames.length - 1);
+ var frameChanged = !this._currentFrame || this._currentFrameIndex !== newFrameIndex;
+ this._currentFrameIndex = newFrameIndex;
+
+ // always switch frame data, unless we're at the last frame of an animation with a useExitBranching flag.
+ if (!(this._atLastFrame() && this._currentAnimation.useExitBranching)) {
+ this._currentFrame = this._currentAnimation.frames[this._currentFrameIndex];
+ }
+
+ this._draw();
+ this._playSound();
+
+ this._loop = window.setTimeout($.proxy(this._step, this), this._currentFrame.duration);
+
+
+ // fire events if the frames changed and we reached an end
+ if (this._endCallback && frameChanged && this._atLastFrame()) {
+ if (this._currentAnimation.useExitBranching && !this._exiting) {
+ this._endCallback(this.currentAnimationName, clippy.Animator.States.WAITING);
+ }
+ else {
+ this._endCallback(this.currentAnimationName, clippy.Animator.States.EXITED);
+ }
+ }
+ },
+
+ /***
+ * Pause animation execution
+ */
+ pause:function () {
+ window.clearTimeout(this._loop);
+ },
+
+ /***
+ * Resume animation
+ */
+ resume:function () {
+ this._step();
+ }
+};
+
+clippy.Animator.States = { WAITING:1, EXITED:0 };
+
+/******
+ *
+ *
+ * @constructor
+ */
+clippy.Balloon = function (targetEl) {
+ this._targetEl = targetEl;
+
+ this._hidden = true;
+ this._setup();
+};
+
+clippy.Balloon.prototype = {
+
+ WORD_SPEAK_TIME:320,
+ CLOSE_BALLOON_DELAY:2000,
+
+ _setup:function () {
+
+ this._balloon = $(' ').hide();
+ this._content = this._balloon.find('.clippy-content');
+
+ $(document.body).append(this._balloon);
+ },
+
+ reposition:function () {
+ var sides = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+
+ for (var i = 0; i < sides.length; i++) {
+ var s = sides[i];
+ this._position(s);
+ if (!this._isOut()) break;
+ }
+ },
+
+ _BALLOON_MARGIN:15,
+
+ /***
+ *
+ * @param side
+ * @private
+ */
+ _position:function (side) {
+ var o = this._targetEl.offset();
+ var h = this._targetEl.height();
+ var w = this._targetEl.width();
+
+ var bH = this._balloon.outerHeight();
+ var bW = this._balloon.outerWidth();
+
+ this._balloon.removeClass('clippy-top-left');
+ this._balloon.removeClass('clippy-top-right');
+ this._balloon.removeClass('clippy-bottom-right');
+ this._balloon.removeClass('clippy-bottom-left');
+
+ var left, top;
+ switch (side) {
+ case 'top-left':
+ // right side of the balloon next to the right side of the agent
+ left = o.left + w - bW;
+ top = o.top - bH - this._BALLOON_MARGIN;
+ break;
+ case 'top-right':
+ // left side of the balloon next to the left side of the agent
+ left = o.left;
+ top = o.top - bH - this._BALLOON_MARGIN;
+ break;
+ case 'bottom-right':
+ // right side of the balloon next to the right side of the agent
+ left = o.left;
+ top = o.top + h + this._BALLOON_MARGIN;
+ break;
+ case 'bottom-left':
+ // left side of the balloon next to the left side of the agent
+ left = o.left + w - bW;
+ top = o.top + h + this._BALLOON_MARGIN;
+ break;
+ }
+
+ this._balloon.css({top:top, left:left});
+ this._balloon.addClass('clippy-' + side);
+ },
+
+ _isOut:function () {
+ var o = this._balloon.offset();
+ var bH = this._balloon.outerHeight();
+ var bW = this._balloon.outerWidth();
+
+ var wW = $(window).width();
+ var wH = $(window).height();
+ var sT = $(document).scrollTop();
+ var sL = $(document).scrollLeft();
+
+ var top = o.top - sT;
+ var left = o.left - sL;
+ var m = 5;
+ if (top - m < 0 || left - m < 0) return true;
+ if ((top + bH + m) > wH || (left + bW + m) > wW) return true;
+
+ return false;
+ },
+
+ speak:function (complete, text, hold) {
+ this._hidden = false;
+ this.show();
+ var c = this._content;
+ // set height to auto
+ c.height('auto');
+ c.width('auto');
+ // add the text
+ c.text(text);
+ // set height
+ c.height(c.height());
+ c.width(c.width());
+ c.text('');
+ this.reposition();
+
+ this._complete = complete;
+ this._sayWords(text, hold, complete);
+ },
+
+ show:function () {
+ if (this._hidden) return;
+ this._balloon.show();
+ },
+
+ hide:function (fast) {
+ if (fast) {
+ this._balloon.hide();
+ return;
+ }
+
+ this._hiding = window.setTimeout($.proxy(this._finishHideBalloon, this), this.CLOSE_BALLOON_DELAY);
+ },
+
+ _finishHideBalloon:function () {
+ if (this._active) return;
+ this._balloon.hide();
+ this._hidden = true;
+ this._hiding = null;
+ },
+
+ _sayWords:function (text, hold, complete) {
+ this._active = true;
+ this._hold = hold;
+ var words = text.split(/[^\S-]/);
+ var time = this.WORD_SPEAK_TIME;
+ var el = this._content;
+ var idx = 1;
+
+
+ this._addWord = $.proxy(function () {
+ if (!this._active) return;
+ if (idx > words.length) {
+ this._active = false;
+ if (!this._hold) {
+ complete();
+ this.hide();
+ }
+ } else {
+ el.text(words.slice(0, idx).join(' '));
+ idx++;
+ this._loop = window.setTimeout($.proxy(this._addWord, this), time);
+ }
+ }, this);
+
+ this._addWord();
+
+ },
+
+ close:function () {
+ if (this._active) {
+ this._hold = false;
+ } else if (this._hold) {
+ this._complete();
+ }
+ },
+
+ pause:function () {
+ window.clearTimeout(this._loop);
+ if (this._hiding) {
+ window.clearTimeout(this._hiding);
+ this._hiding = null;
+ }
+ },
+
+ resume:function () {
+ if (this._addWord) this._addWord();
+ this._hiding = window.setTimeout($.proxy(this._finishHideBalloon, this), this.CLOSE_BALLOON_DELAY);
+ }
+
+
+};
+
+clippy.BASE_PATH = './clippy.js/Agents/';
+
+clippy.load = function (name, successCb, failCb) {
+ var path = clippy.BASE_PATH + name;
+
+ var mapDfd = clippy.load._loadMap(path);
+ var agentDfd = clippy.load._loadAgent(name, path);
+ var soundsDfd = clippy.load._loadSounds(name, path);
+
+ var data;
+ agentDfd.done(function (d) {
+ data = d;
+ });
+
+ var sounds;
+
+ soundsDfd.done(function (d) {
+ sounds = d;
+ });
+
+ // wrapper to the success callback
+ var cb = function () {
+ var a = new clippy.Agent(path, data,sounds);
+ successCb(a);
+ };
+
+ $.when(mapDfd, agentDfd, soundsDfd).done(cb).fail(failCb);
+};
+
+clippy.load._maps = {};
+clippy.load._loadMap = function (path) {
+ var dfd = clippy.load._maps[path];
+ if (dfd) return dfd;
+
+ // set dfd if not defined
+ dfd = clippy.load._maps[path] = $.Deferred();
+
+ var src = path + '/map.png';
+ var img = new Image();
+
+ img.onload = dfd.resolve;
+ img.onerror = dfd.reject;
+
+ // start loading the map;
+ img.setAttribute('src', src);
+
+ return dfd.promise();
+};
+
+clippy.load._sounds = {};
+
+clippy.load._loadSounds = function (name, path) {
+ var dfd = clippy.load._sounds[name];
+ if (dfd) return dfd;
+
+ // set dfd if not defined
+ dfd = clippy.load._sounds[name] = $.Deferred();
+
+ var audio = document.createElement('audio');
+ var canPlayMp3 = !!audio.canPlayType && "" != audio.canPlayType('audio/mpeg');
+ var canPlayOgg = !!audio.canPlayType && "" != audio.canPlayType('audio/ogg; codecs="vorbis"');
+
+ if (!canPlayMp3 && !canPlayOgg) {
+ dfd.resolve({});
+ } else {
+ var src = path + (canPlayMp3 ? '/sounds-mp3.js' : '/sounds-ogg.js');
+ // load
+ clippy.load._loadScript(src);
+ }
+
+ return dfd.promise()
+};
+
+
+clippy.load._data = {};
+clippy.load._loadAgent = function (name, path) {
+ var dfd = clippy.load._data[name];
+ if (dfd) return dfd;
+
+ dfd = clippy.load._getAgentDfd(name);
+
+ var src = path + '/agent.js';
+
+ clippy.load._loadScript(src);
+
+ return dfd.promise();
+};
+
+clippy.load._loadScript = function (src) {
+ var script = document.createElement('script');
+ script.setAttribute('src', src);
+ script.setAttribute('async', 'async');
+ script.setAttribute('type', 'text/javascript');
+
+ document.head.appendChild(script);
+};
+
+clippy.load._getAgentDfd = function (name) {
+ var dfd = clippy.load._data[name];
+ if (!dfd) {
+ dfd = clippy.load._data[name] = $.Deferred();
+ }
+ return dfd;
+};
+
+clippy.ready = function (name, data) {
+ var dfd = clippy.load._getAgentDfd(name);
+ dfd.resolve(data);
+};
+
+clippy.soundsReady = function (name, data) {
+ var dfd = clippy.load._sounds[name];
+ if (!dfd) {
+ dfd = clippy.load._sounds[name] = $.Deferred();
+ }
+
+ dfd.resolve(data);
+};
+
+/******
+ * Tiny Queue
+ *
+ * @constructor
+ */
+clippy.Queue = function (onEmptyCallback) {
+ this._queue = [];
+ this._onEmptyCallback = onEmptyCallback;
+};
+
+clippy.Queue.prototype = {
+ /***
+ *
+ * @param {function(Function)} func
+ * @returns {jQuery.Deferred}
+ */
+ queue:function (func) {
+ this._queue.push(func);
+
+ if (this._queue.length === 1 && !this._active) {
+ this._progressQueue();
+ }
+ },
+
+ _progressQueue:function () {
+
+ // stop if nothing left in queue
+ if (!this._queue.length) {
+ this._onEmptyCallback();
+ return;
+ }
+
+ var f = this._queue.shift();
+ this._active = true;
+
+ // execute function
+ var completeFunction = $.proxy(this.next, this);
+ f(completeFunction);
+ },
+
+ clear:function () {
+ this._queue = [];
+ },
+
+ next:function () {
+ this._active = false;
+ this._progressQueue();
+ }
+};
+
diff --git a/code_base/clippy/clippy.js/build/clippy.min.js b/code_base/clippy/clippy.js/build/clippy.min.js
new file mode 100644
index 0000000..9645371
--- /dev/null
+++ b/code_base/clippy/clippy.js/build/clippy.min.js
@@ -0,0 +1 @@
+var clippy={};clippy.Agent=function(a,b,c){this.path=a,this._queue=new clippy.Queue($.proxy(this._onQueueEmpty,this)),this._el=$('
').hide(),$(document.body).append(this._el),this._animator=new clippy.Animator(this._el,a,b,c),this._balloon=new clippy.Balloon(this._el),this._setupEvents()},clippy.Agent.prototype={gestureAt:function(a,b){var c=this._getDirection(a,b),d="Gesture"+c,e="Look"+c,f=this.hasAnimation(d)?d:e;return this.play(f)},hide:function(a,b){this._hidden=!0;var c=this._el;this.stop();if(a){this._el.hide(),this.stop(),this.pause(),b&&b();return}return this._playInternal("Hide",function(){c.hide(),this.pause(),b&&b()})},moveTo:function(a,b,c){var d=this._getDirection(a,b),e="Move"+d;c===undefined&&(c=1e3),this._addToQueue(function(d){if(c===0){this._el.css({top:b,left:a}),this.reposition(),d();return}if(!this.hasAnimation(e)){this._el.animate({top:b,left:a},c,d);return}var f=$.proxy(function(e,f){f===clippy.Animator.States.EXITED&&d(),f===clippy.Animator.States.WAITING&&this._el.animate({top:b,left:a},c,$.proxy(function(){this._animator.exitAnimation()},this))},this);this._playInternal(e,f)},this)},_playInternal:function(a,b){this._isIdleAnimation()&&this._idleDfd&&this._idleDfd.state()==="pending"&&this._idleDfd.done($.proxy(function(){this._playInternal(a,b)},this)),this._animator.showAnimation(a,b)},play:function(a,b,c){return this.hasAnimation(a)?(b===undefined&&(b=5e3),this._addToQueue(function(d){var e=!1,f=function(a,b){b===clippy.Animator.States.EXITED&&(e=!0,c&&c(),d())};b&&window.setTimeout($.proxy(function(){if(e)return;this._animator.exitAnimation()},this),b),this._playInternal(a,f)},this),!0):!1},show:function(a){this._hidden=!1;if(a){this._el.show(),this.resume(),this._onQueueEmpty();return}if(this._el.css("top")==="auto"||!this._el.css("left")==="auto"){var b=$(window).width()*.8,c=($(window).height()+$(document).scrollTop())*.8;this._el.css({top:c,left:b})}return this.resume(),this.play("Show")},speak:function(a,b){this._addToQueue(function(c){this._balloon.speak(c,a,b)},this)},closeBalloon:function(){this._balloon.hide()},delay:function(a){a=a||250,this._addToQueue(function(b){this._onQueueEmpty(),window.setTimeout(b,a)})},stopCurrent:function(){this._animator.exitAnimation(),this._balloon.close()},stop:function(){this._queue.clear(),this._animator.exitAnimation(),this._balloon.hide()},hasAnimation:function(a){return this._animator.hasAnimation(a)},animations:function(){return this._animator.animations()},animate:function(){var a=this.animations(),b=a[Math.floor(Math.random()*a.length)];return b.indexOf("Idle")===0?this.animate():this.play(b)},_getDirection:function(a,b){var c=this._el.offset(),d=this._el.height(),e=this._el.width(),f=c.left+e/2,g=c.top+d/2,h=g-b,i=f-a,j=Math.round(180*Math.atan2(h,i)/Math.PI);return-45<=j&&j<45?"Right":45<=j&&j<135?"Up":135<=j&&j<=180||-180<=j&&j<-135?"Left":-135<=j&&j<-45?"Down":"Top"},_onQueueEmpty:function(){if(this._hidden||this._isIdleAnimation())return;var a=this._getIdleAnimation();this._idleDfd=$.Deferred(),this._animator.showAnimation(a,$.proxy(this._onIdleComplete,this))},_onIdleComplete:function(a,b){b===clippy.Animator.States.EXITED&&this._idleDfd.resolve()},_isIdleAnimation:function(){var a=this._animator.currentAnimationName;return a&&a.indexOf("Idle")===0},_getIdleAnimation:function(){var a=this.animations(),b=[];for(var c=0;ce&&(h=e-b-j),i-j<0?i=j:i+c+j>d&&(i=d-c-j),this._el.css({left:i,top:h}),this._balloon.reposition()},_onMouseDown:function(a){a.preventDefault(),this._startDrag(a)},_startDrag:function(a){this.pause(),this._balloon.hide(!0),this._offset=this._calculateClickOffset(a),this._moveHandle=$.proxy(this._dragMove,this),this._upHandle=$.proxy(this._finishDrag,this),$(window).on("mousemove",this._moveHandle),$(window).on("mouseup",this._upHandle),this._dragUpdateLoop=window.setTimeout($.proxy(this._updateLocation,this),10)},_calculateClickOffset:function(a){var b=a.pageX,c=a.pageY,d=this._el.offset();return{top:c-d.top,left:b-d.left}},_updateLocation:function(){this._el.css({top:this._targetY,left:this._taregtX}),this._dragUpdateLoop=window.setTimeout($.proxy(this._updateLocation,this),10)},_dragMove:function(a){a.preventDefault();var b=a.clientX-this._offset.left,c=a.clientY-this._offset.top;this._taregtX=b,this._targetY=c},_finishDrag:function(){window.clearTimeout(this._dragUpdateLoop),$(window).off("mousemove",this._moveHandle),$(window).off("mouseup",this._upHandle),this._balloon.show(),this.reposition(),this.resume()},_addToQueue:function(a,b){b&&(a=$.proxy(a,b)),this._queue.queue(a)},pause:function(){this._animator.pause(),this._balloon.pause()},resume:function(){this._animator.resume(),this._balloon.resume()}},clippy.Animator=function(a,b,c,d){this._el=a,this._data=c,this._path=b,this._currentFrameIndex=0,this._currentFrame=undefined,this._exiting=!1,this._currentAnimation=undefined,this._endCallback=undefined,this._started=!1,this._sounds={},this.currentAnimationName=undefined,this.preloadSounds(d),this._overlays=[this._el];var e=this._el;this._setupElement(this._el);for(var f=1;f"));e.append(g),this._overlays.push(g),e=g}},clippy.Animator.prototype={_setupElement:function(a){var b=this._data.framesize;return a.css("display","none"),a.css({width:b[0],height:b[1]}),a.css("background","url('"+this._path+"/map.png') no-repeat"),a},animations:function(){var a=[],b=this._data.animations;for(var c in b)a.push(c);return a},preloadSounds:function(a){for(var b=0;b=this._currentAnimation.frames.length-1},_step:function(){if(!this._currentAnimation)return;var a=Math.min(this._getNextAnimationFrame(),this._currentAnimation.frames.length-1),b=!this._currentFrame||this._currentFrameIndex!==a;this._currentFrameIndex=a;if(!this._atLastFrame()||!this._currentAnimation.useExitBranching)this._currentFrame=this._currentAnimation.frames[this._currentFrameIndex];this._draw(),this._playSound(),this._loop=window.setTimeout($.proxy(this._step,this),this._currentFrame.duration),this._endCallback&&b&&this._atLastFrame()&&(this._currentAnimation.useExitBranching&&!this._exiting?this._endCallback(this.currentAnimationName,clippy.Animator.States.WAITING):this._endCallback(this.currentAnimationName,clippy.Animator.States.EXITED))},pause:function(){window.clearTimeout(this._loop)},resume:function(){this._step()}},clippy.Animator.States={WAITING:1,EXITED:0},clippy.Balloon=function(a){this._targetEl=a,this._hidden=!0,this._setup()},clippy.Balloon.prototype={WORD_SPEAK_TIME:200,CLOSE_BALLOON_DELAY:2e3,_setup:function(){this._balloon=$(' ').hide(),this._content=this._balloon.find(".clippy-content"),$(document.body).append(this._balloon)},reposition:function(){var a=["top-left","top-right","bottom-left","bottom-right"];for(var b=0;be||i+c+j>d?!0:!1},speak:function(a,b,c){this._hidden=!1,this.show();var d=this._content;d.height("auto"),d.width("auto"),d.text(b),d.height(d.height()),d.width(d.width()),d.text(""),this.reposition(),this._complete=a,this._sayWords(b,c,a)},show:function(){if(this._hidden)return;this._balloon.show()},hide:function(a){if(a){this._balloon.hide();return}this._hiding=window.setTimeout($.proxy(this._finishHideBalloon,this),this.CLOSE_BALLOON_DELAY)},_finishHideBalloon:function(){if(this._active)return;this._balloon.hide(),this._hidden=!0,this._hiding=null},_sayWords:function(a,b,c){this._active=!0,this._hold=b;var d=a.split(/[^\S-]/),e=this.WORD_SPEAK_TIME,f=this._content,g=1;this._addWord=$.proxy(function(){if(!this._active)return;g>d.length?(this._active=!1,this._hold||(c(),this.hide())):(f.text(d.slice(0,g).join(" ")),g++,this._loop=window.setTimeout($.proxy(this._addWord,this),e))},this),this._addWord()},close:function(){this._active?this._hold=!1:this._hold&&this._complete()},pause:function(){window.clearTimeout(this._loop),this._hiding&&(window.clearTimeout(this._hiding),this._hiding=null)},resume:function(){this._addWord&&this._addWord(),this._hiding=window.setTimeout($.proxy(this._finishHideBalloon,this),this.CLOSE_BALLOON_DELAY)}},clippy.BASE_PATH="//s3.amazonaws.com/clippy.js/Agents/",clippy.load=function(a,b,c){var d=clippy.BASE_PATH+a,e=clippy.load._loadMap(d),f=clippy.load._loadAgent(a,d),g=clippy.load._loadSounds(a,d),h;f.done(function(a){h=a});var i;g.done(function(a){i=a});var j=function(){var a=new clippy.Agent(d,h,i);b(a)};$.when(e,f,g).done(j).fail(c)},clippy.load._maps={},clippy.load._loadMap=function(a){var b=clippy.load._maps[a];if(b)return b;b=clippy.load._maps[a]=$.Deferred();var c=a+"/map.png",d=new Image;return d.onload=b.resolve,d.onerror=b.reject,d.setAttribute("src",c),b.promise()},clippy.load._sounds={},clippy.load._loadSounds=function(a,b){var c=clippy.load._sounds[a];if(c)return c;c=clippy.load._sounds[a]=$.Deferred();var d=document.createElement("audio"),e=!!d.canPlayType&&""!=d.canPlayType("audio/mpeg"),f=!!d.canPlayType&&""!=d.canPlayType('audio/ogg; codecs="vorbis"');if(!e&&!f)c.resolve({});else{var g=b+(e?"/sounds-mp3.js":"/sounds-ogg.js");clippy.load._loadScript(g)}return c.promise()},clippy.load._data={},clippy.load._loadAgent=function(a,b){var c=clippy.load._data[a];if(c)return c;c=clippy.load._getAgentDfd(a);var d=b+"/agent.js";return clippy.load._loadScript(d),c.promise()},clippy.load._loadScript=function(a){var b=document.createElement("script");b.setAttribute("src",a),b.setAttribute("async","async"),b.setAttribute("type","text/javascript"),document.head.appendChild(b)},clippy.load._getAgentDfd=function(a){var b=clippy.load._data[a];return b||(b=clippy.load._data[a]=$.Deferred()),b},clippy.ready=function(a,b){var c=clippy.load._getAgentDfd(a);c.resolve(b)},clippy.soundsReady=function(a,b){var c=clippy.load._sounds[a];c||(c=clippy.load._sounds[a]=$.Deferred()),c.resolve(b)},clippy.Queue=function(a){this._queue=[],this._onEmptyCallback=a},clippy.Queue.prototype={queue:function(a){this._queue.push(a),this._queue.length===1&&!this._active&&this._progressQueue()},_progressQueue:function(){if(!this._queue.length){this._onEmptyCallback();return}var a=this._queue.shift();this._active=!0;var b=$.proxy(this.next,this);a(b)},clear:function(){this._queue=[]},next:function(){this._active=!1,this._progressQueue()}}
diff --git a/code_base/clippy/clippy.js/src/agent.js b/code_base/clippy/clippy.js/src/agent.js
new file mode 100644
index 0000000..853259b
--- /dev/null
+++ b/code_base/clippy/clippy.js/src/agent.js
@@ -0,0 +1,459 @@
+var clippy = {};
+
+/******
+ *
+ *
+ * @constructor
+ */
+clippy.Agent = function (path, data, sounds) {
+ this.path = path;
+
+ this._queue = new clippy.Queue($.proxy(this._onQueueEmpty, this));
+
+ this._el = $('
').hide();
+
+ $(document.body).append(this._el);
+
+ this._animator = new clippy.Animator(this._el, path, data, sounds);
+
+ this._balloon = new clippy.Balloon(this._el);
+
+ this._setupEvents();
+};
+
+clippy.Agent.prototype = {
+
+ /**************************** API ************************************/
+
+ /***
+ *
+ * @param {Number} x
+ * @param {Number} y
+ */
+ gestureAt:function (x, y) {
+ var d = this._getDirection(x, y);
+ var gAnim = 'Gesture' + d;
+ var lookAnim = 'Look' + d;
+
+ var animation = this.hasAnimation(gAnim) ? gAnim : lookAnim;
+ return this.play(animation);
+ },
+
+ /***
+ *
+ * @param {Boolean=} fast
+ *
+ */
+ hide:function (fast, callback) {
+ this._hidden = true;
+ var el = this._el;
+ this.stop();
+ if (fast) {
+ this._el.hide();
+ this.stop();
+ this.pause();
+ if (callback) callback();
+ return;
+ }
+
+ return this._playInternal('Hide', function () {
+ el.hide();
+ this.pause();
+ if (callback) callback();
+ })
+ },
+
+
+ moveTo:function (x, y, duration) {
+ var dir = this._getDirection(x, y);
+ var anim = 'Move' + dir;
+ if (duration === undefined) duration = 1000;
+
+ this._addToQueue(function (complete) {
+ // the simple case
+ if (duration === 0) {
+ this._el.css({top:y, left:x});
+ this.reposition();
+ complete();
+ return;
+ }
+
+ // no animations
+ if (!this.hasAnimation(anim)) {
+ this._el.animate({top:y, left:x}, duration, complete);
+ return;
+ }
+
+ var callback = $.proxy(function (name, state) {
+ // when exited, complete
+ if (state === clippy.Animator.States.EXITED) {
+ complete();
+ }
+ // if waiting,
+ if (state === clippy.Animator.States.WAITING) {
+ this._el.animate({top:y, left:x}, duration, $.proxy(function () {
+ // after we're done with the movement, do the exit animation
+ this._animator.exitAnimation();
+ }, this));
+ }
+
+ }, this);
+
+ this._playInternal(anim, callback);
+ }, this);
+ },
+
+ _playInternal:function (animation, callback) {
+
+ // if we're inside an idle animation,
+ if (this._isIdleAnimation() && this._idleDfd && this._idleDfd.state() === 'pending') {
+ this._idleDfd.done($.proxy(function () {
+ this._playInternal(animation, callback);
+ }, this))
+ }
+
+ this._animator.showAnimation(animation, callback);
+ },
+
+ play:function (animation, timeout, cb) {
+ if (!this.hasAnimation(animation)) return false;
+
+ if (timeout === undefined) timeout = 5000;
+
+
+ this._addToQueue(function (complete) {
+ var completed = false;
+ // handle callback
+ var callback = function (name, state) {
+ if (state === clippy.Animator.States.EXITED) {
+ completed = true;
+ if (cb) cb();
+ complete();
+ }
+ };
+
+ // if has timeout, register a timeout function
+ if (timeout) {
+ window.setTimeout($.proxy(function () {
+ if (completed) return;
+ // exit after timeout
+ this._animator.exitAnimation();
+ }, this), timeout)
+ }
+
+ this._playInternal(animation, callback);
+ }, this);
+
+ return true;
+ },
+
+ /***
+ *
+ * @param {Boolean=} fast
+ */
+ show:function (fast) {
+
+ this._hidden = false;
+ if (fast) {
+ this._el.show();
+ this.resume();
+ this._onQueueEmpty();
+ return;
+ }
+
+ if (this._el.css('top') === 'auto' || !this._el.css('left') === 'auto') {
+ var left = $(window).width() * 0.8;
+ var top = ($(window).height() + $(document).scrollTop()) * 0.8;
+ this._el.css({top:top, left:left});
+ }
+
+ this.resume();
+ return this.play('Show');
+ },
+
+ /***
+ *
+ * @param {String} text
+ */
+ speak:function (text, hold) {
+ this._addToQueue(function (complete) {
+ this._balloon.speak(complete, text, hold);
+ }, this);
+ },
+
+
+ /***
+ * Close the current balloon
+ */
+ closeBalloon:function () {
+ this._balloon.hide();
+ },
+
+ delay:function (time) {
+ time = time || 250;
+
+ this._addToQueue(function (complete) {
+ this._onQueueEmpty();
+ window.setTimeout(complete, time);
+ });
+ },
+
+ /***
+ * Skips the current animation
+ */
+ stopCurrent:function () {
+ this._animator.exitAnimation();
+ this._balloon.close();
+ },
+
+
+ stop:function () {
+ // clear the queue
+ this._queue.clear();
+ this._animator.exitAnimation();
+ this._balloon.hide();
+ },
+
+ /***
+ *
+ * @param {String} name
+ * @returns {Boolean}
+ */
+ hasAnimation:function (name) {
+ return this._animator.hasAnimation(name);
+ },
+
+ /***
+ * Gets a list of animation names
+ *
+ * @return {Array.}
+ */
+ animations:function () {
+ return this._animator.animations();
+ },
+
+ /***
+ * Play a random animation
+ * @return {jQuery.Deferred}
+ */
+ animate:function () {
+ var animations = this.animations();
+ var anim = animations[Math.floor(Math.random() * animations.length)];
+ // skip idle animations
+ if (anim.indexOf('Idle') === 0) {
+ return this.animate();
+ }
+ return this.play(anim);
+ },
+
+ /**************************** Utils ************************************/
+
+ /***
+ *
+ * @param {Number} x
+ * @param {Number} y
+ * @return {String}
+ * @private
+ */
+ _getDirection:function (x, y) {
+ var offset = this._el.offset();
+ var h = this._el.height();
+ var w = this._el.width();
+
+ var centerX = (offset.left + w / 2);
+ var centerY = (offset.top + h / 2);
+
+
+ var a = centerY - y;
+ var b = centerX - x;
+
+ var r = Math.round((180 * Math.atan2(a, b)) / Math.PI);
+
+ // Left and Right are for the character, not the screen :-/
+ if (-45 <= r && r < 45) return 'Right';
+ if (45 <= r && r < 135) return 'Up';
+ if (135 <= r && r <= 180 || -180 <= r && r < -135) return 'Left';
+ if (-135 <= r && r < -45) return 'Down';
+
+ // sanity check
+ return 'Top';
+ },
+
+ /**************************** Queue and Idle handling ************************************/
+
+ /***
+ * Handle empty queue.
+ * We need to transition the animation to an idle state
+ * @private
+ */
+ _onQueueEmpty:function () {
+ if (this._hidden || this._isIdleAnimation()) return;
+ var idleAnim = this._getIdleAnimation();
+ this._idleDfd = $.Deferred();
+
+ this._animator.showAnimation(idleAnim, $.proxy(this._onIdleComplete, this));
+ },
+
+ _onIdleComplete:function (name, state) {
+ if (state === clippy.Animator.States.EXITED) {
+ this._idleDfd.resolve();
+ }
+ },
+
+
+ /***
+ * Is the current animation is Idle?
+ * @return {Boolean}
+ * @private
+ */
+ _isIdleAnimation:function () {
+ var c = this._animator.currentAnimationName;
+ return c && c.indexOf('Idle') === 0;
+ },
+
+
+ /**
+ * Gets a random Idle animation
+ * @return {String}
+ * @private
+ */
+ _getIdleAnimation:function () {
+ var animations = this.animations();
+ var r = [];
+ for (var i = 0; i < animations.length; i++) {
+ var a = animations[i];
+ if (a.indexOf('Idle') === 0) {
+ r.push(a);
+ }
+ }
+
+ // pick one
+ var idx = Math.floor(Math.random() * r.length);
+ return r[idx];
+ },
+
+ /**************************** Events ************************************/
+
+ _setupEvents:function () {
+ $(window).on('resize', $.proxy(this.reposition, this));
+
+ this._el.on('mousedown', $.proxy(this._onMouseDown, this));
+
+ this._el.on('dblclick', $.proxy(this._onDoubleClick, this));
+ },
+
+ _onDoubleClick:function () {
+ if (!this.play('ClickedOn')) {
+ this.animate();
+ }
+ },
+
+ reposition:function () {
+ if (!this._el.is(':visible')) return;
+ var o = this._el.offset();
+ var bH = this._el.outerHeight();
+ var bW = this._el.outerWidth();
+
+ var wW = $(window).width();
+ var wH = $(window).height();
+ var sT = $(window).scrollTop();
+ var sL = $(window).scrollLeft();
+
+ var top = o.top - sT;
+ var left = o.left - sL;
+ var m = 5;
+ if (top - m < 0) {
+ top = m;
+ } else if ((top + bH + m) > wH) {
+ top = wH - bH - m;
+ }
+
+ if (left - m < 0) {
+ left = m;
+ } else if (left + bW + m > wW) {
+ left = wW - bW - m;
+ }
+
+ this._el.css({left:left, top:top});
+ // reposition balloon
+ this._balloon.reposition();
+ },
+
+ _onMouseDown:function (e) {
+ e.preventDefault();
+ this._startDrag(e);
+ },
+
+
+ /**************************** Drag ************************************/
+
+ _startDrag:function (e) {
+ // pause animations
+ this.pause();
+ this._balloon.hide(true);
+ this._offset = this._calculateClickOffset(e);
+
+ this._moveHandle = $.proxy(this._dragMove, this);
+ this._upHandle = $.proxy(this._finishDrag, this);
+
+ $(window).on('mousemove', this._moveHandle);
+ $(window).on('mouseup', this._upHandle);
+
+ this._dragUpdateLoop = window.setTimeout($.proxy(this._updateLocation, this), 10);
+ },
+
+ _calculateClickOffset:function (e) {
+ var mouseX = e.pageX;
+ var mouseY = e.pageY;
+ var o = this._el.offset();
+ return {
+ top:mouseY - o.top,
+ left:mouseX - o.left
+ }
+
+ },
+
+ _updateLocation:function () {
+ this._el.css({top:this._targetY, left:this._targetX});
+ this._dragUpdateLoop = window.setTimeout($.proxy(this._updateLocation, this), 10);
+ },
+
+ _dragMove:function (e) {
+ e.preventDefault();
+ var x = e.clientX - this._offset.left;
+ var y = e.clientY - this._offset.top;
+ this._targetX = x;
+ this._targetY = y;
+ },
+
+ _finishDrag:function () {
+ window.clearTimeout(this._dragUpdateLoop);
+ // remove handles
+ $(window).off('mousemove', this._moveHandle);
+ $(window).off('mouseup', this._upHandle);
+ // resume animations
+ this._balloon.show();
+ this.reposition();
+ this.resume();
+
+ },
+
+ _addToQueue:function (func, scope) {
+ if (scope) func = $.proxy(func, scope);
+ this._queue.queue(func);
+ },
+
+ /**************************** Pause and Resume ************************************/
+
+ pause:function () {
+ this._animator.pause();
+ this._balloon.pause();
+
+ },
+
+ resume:function () {
+ this._animator.resume();
+ this._balloon.resume();
+ }
+
+};
diff --git a/code_base/clippy/clippy.js/src/animator.js b/code_base/clippy/clippy.js/src/animator.js
new file mode 100644
index 0000000..91e140c
--- /dev/null
+++ b/code_base/clippy/clippy.js/src/animator.js
@@ -0,0 +1,191 @@
+/******
+ *
+ *
+ * @constructor
+ */
+clippy.Animator = function (el, path, data, sounds) {
+ this._el = el;
+ this._data = data;
+ this._path = path;
+ this._currentFrameIndex = 0;
+ this._currentFrame = undefined;
+ this._exiting = false;
+ this._currentAnimation = undefined;
+ this._endCallback = undefined;
+ this._started = false;
+ this._sounds = {};
+ this.currentAnimationName = undefined;
+ this.preloadSounds(sounds);
+ this._overlays = [this._el];
+ var curr = this._el;
+
+ this._setupElement(this._el);
+ for (var i = 1; i < this._data.overlayCount; i++) {
+ var inner = this._setupElement($('
'));
+
+ curr.append(inner);
+ this._overlays.push(inner);
+ curr = inner;
+ }
+};
+
+clippy.Animator.prototype = {
+ _setupElement:function (el) {
+ var frameSize = this._data.framesize;
+ el.css('display', "none");
+ el.css({width:frameSize[0], height:frameSize[1]});
+ el.css('background', "url('" + this._path + "/map.png') no-repeat");
+
+ return el;
+ },
+
+ animations:function () {
+ var r = [];
+ var d = this._data.animations;
+ for (var n in d) {
+ r.push(n);
+ }
+ return r;
+ },
+
+ preloadSounds:function (sounds) {
+
+ for (var i = 0; i < this._data.sounds.length; i++) {
+ var snd = this._data.sounds[i];
+ var uri = sounds[snd];
+ if (!uri) continue;
+ this._sounds[snd] = new Audio(uri);
+
+ }
+ },
+ hasAnimation:function (name) {
+ return !!this._data.animations[name];
+ },
+
+ exitAnimation:function () {
+ this._exiting = true;
+ },
+
+
+ showAnimation:function (animationName, stateChangeCallback) {
+ this._exiting = false;
+
+ if (!this.hasAnimation(animationName)) {
+ return false;
+ }
+
+ this._currentAnimation = this._data.animations[animationName];
+ this.currentAnimationName = animationName;
+
+
+ if (!this._started) {
+ this._step();
+ this._started = true;
+ }
+
+ this._currentFrameIndex = 0;
+ this._currentFrame = undefined;
+ this._endCallback = stateChangeCallback;
+
+ return true;
+ },
+
+
+ _draw:function () {
+ var images = [];
+ if (this._currentFrame) images = this._currentFrame.images || [];
+
+ for (var i = 0; i < this._overlays.length; i++) {
+ if (i < images.length) {
+ var xy = images[i];
+ var bg = -xy[0] + 'px ' + -xy[1] + 'px';
+ this._overlays[i].css({'background-position':bg, 'display':'block'});
+ }
+ else {
+ this._overlays[i].css('display', 'none');
+ }
+
+ }
+ },
+
+ _getNextAnimationFrame:function () {
+ if (!this._currentAnimation) return undefined;
+ // No current frame. start animation.
+ if (!this._currentFrame) return 0;
+ var currentFrame = this._currentFrame;
+ var branching = this._currentFrame.branching;
+
+
+ if (this._exiting && currentFrame.exitBranch !== undefined) {
+ return currentFrame.exitBranch;
+ }
+ else if (branching) {
+ var rnd = Math.random() * 100;
+ for (var i = 0; i < branching.branches.length; i++) {
+ var branch = branching.branches[i];
+ if (rnd <= branch.weight) {
+ return branch.frameIndex;
+ }
+
+ rnd -= branch.weight;
+ }
+ }
+
+ return this._currentFrameIndex + 1;
+ },
+
+ _playSound:function () {
+ var s = this._currentFrame.sound;
+ if (!s) return;
+ var audio = this._sounds[s];
+ if (audio) audio.play();
+ },
+
+ _atLastFrame:function () {
+ return this._currentFrameIndex >= this._currentAnimation.frames.length - 1;
+ },
+
+ _step:function () {
+ if (!this._currentAnimation) return;
+ var newFrameIndex = Math.min(this._getNextAnimationFrame(), this._currentAnimation.frames.length - 1);
+ var frameChanged = !this._currentFrame || this._currentFrameIndex !== newFrameIndex;
+ this._currentFrameIndex = newFrameIndex;
+
+ // always switch frame data, unless we're at the last frame of an animation with a useExitBranching flag.
+ if (!(this._atLastFrame() && this._currentAnimation.useExitBranching)) {
+ this._currentFrame = this._currentAnimation.frames[this._currentFrameIndex];
+ }
+
+ this._draw();
+ this._playSound();
+
+ this._loop = window.setTimeout($.proxy(this._step, this), this._currentFrame.duration);
+
+
+ // fire events if the frames changed and we reached an end
+ if (this._endCallback && frameChanged && this._atLastFrame()) {
+ if (this._currentAnimation.useExitBranching && !this._exiting) {
+ this._endCallback(this.currentAnimationName, clippy.Animator.States.WAITING);
+ }
+ else {
+ this._endCallback(this.currentAnimationName, clippy.Animator.States.EXITED);
+ }
+ }
+ },
+
+ /***
+ * Pause animation execution
+ */
+ pause:function () {
+ window.clearTimeout(this._loop);
+ },
+
+ /***
+ * Resume animation
+ */
+ resume:function () {
+ this._step();
+ }
+};
+
+clippy.Animator.States = { WAITING:1, EXITED:0 };
diff --git a/code_base/clippy/clippy.js/src/balloon.js b/code_base/clippy/clippy.js/src/balloon.js
new file mode 100644
index 0000000..7abac3b
--- /dev/null
+++ b/code_base/clippy/clippy.js/src/balloon.js
@@ -0,0 +1,200 @@
+/******
+ *
+ *
+ * @constructor
+ */
+clippy.Balloon = function (targetEl) {
+ this._targetEl = targetEl;
+
+ this._hidden = true;
+ this._setup();
+};
+
+clippy.Balloon.prototype = {
+
+ WORD_SPEAK_TIME:200,
+ CLOSE_BALLOON_DELAY:2000,
+
+ _setup:function () {
+
+ this._balloon = $(' ').hide();
+ this._content = this._balloon.find('.clippy-content');
+
+ $(document.body).append(this._balloon);
+ },
+
+ reposition:function () {
+ var sides = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+
+ for (var i = 0; i < sides.length; i++) {
+ var s = sides[i];
+ this._position(s);
+ if (!this._isOut()) break;
+ }
+ },
+
+ _BALLOON_MARGIN:15,
+
+ /***
+ *
+ * @param side
+ * @private
+ */
+ _position:function (side) {
+ var o = this._targetEl.offset();
+ var h = this._targetEl.height();
+ var w = this._targetEl.width();
+ o.top -= $(window).scrollTop();
+ o.left -= $(window).scrollLeft();
+
+ var bH = this._balloon.outerHeight();
+ var bW = this._balloon.outerWidth();
+
+ this._balloon.removeClass('clippy-top-left');
+ this._balloon.removeClass('clippy-top-right');
+ this._balloon.removeClass('clippy-bottom-right');
+ this._balloon.removeClass('clippy-bottom-left');
+
+ var left, top;
+ switch (side) {
+ case 'top-left':
+ // right side of the balloon next to the right side of the agent
+ left = o.left + w - bW;
+ top = o.top - bH - this._BALLOON_MARGIN;
+ break;
+ case 'top-right':
+ // left side of the balloon next to the left side of the agent
+ left = o.left;
+ top = o.top - bH - this._BALLOON_MARGIN;
+ break;
+ case 'bottom-right':
+ // right side of the balloon next to the right side of the agent
+ left = o.left;
+ top = o.top + h + this._BALLOON_MARGIN;
+ break;
+ case 'bottom-left':
+ // left side of the balloon next to the left side of the agent
+ left = o.left + w - bW;
+ top = o.top + h + this._BALLOON_MARGIN;
+ break;
+ }
+
+ this._balloon.css({top:top, left:left});
+ this._balloon.addClass('clippy-' + side);
+ },
+
+ _isOut:function () {
+ var o = this._balloon.offset();
+ var bH = this._balloon.outerHeight();
+ var bW = this._balloon.outerWidth();
+
+ var wW = $(window).width();
+ var wH = $(window).height();
+ var sT = $(document).scrollTop();
+ var sL = $(document).scrollLeft();
+
+ var top = o.top - sT;
+ var left = o.left - sL;
+ var m = 5;
+ if (top - m < 0 || left - m < 0) return true;
+ if ((top + bH + m) > wH || (left + bW + m) > wW) return true;
+
+ return false;
+ },
+
+ speak:function (complete, text, hold) {
+ this._hidden = false;
+ this.show();
+ var c = this._content;
+ // set height to auto
+ c.height('auto');
+ c.width('auto');
+ // add the text
+ c.text(text);
+ // set height
+ c.height(c.height());
+ c.width(c.width());
+ c.text('');
+ this.reposition();
+
+ this._complete = complete;
+ this._sayWords(text, hold, complete);
+ },
+
+ show:function () {
+ if (this._hidden) return;
+ this._balloon.show();
+ },
+
+ hide:function (fast) {
+ if (fast) {
+ this._balloon.hide();
+ return;
+ }
+
+ this._hiding = window.setTimeout($.proxy(this._finishHideBalloon, this), this.CLOSE_BALLOON_DELAY);
+ },
+
+ _finishHideBalloon:function () {
+ if (this._active) return;
+ this._balloon.hide();
+ this._hidden = true;
+ this._hiding = null;
+ },
+
+ _sayWords:function (text, hold, complete) {
+ this._active = true;
+ this._hold = hold;
+ var words = text.split(/[^\S-]/);
+ var time = this.WORD_SPEAK_TIME;
+ var el = this._content;
+ var idx = 1;
+
+
+ this._addWord = $.proxy(function () {
+ if (!this._active) return;
+ if (idx > words.length) {
+ delete this._addWord;
+ this._active = false;
+ if (!this._hold) {
+ complete();
+ this.hide();
+ }
+ } else {
+ el.text(words.slice(0, idx).join(' '));
+ idx++;
+ this._loop = window.setTimeout($.proxy(this._addWord, this), time);
+ }
+ }, this);
+
+ this._addWord();
+
+ },
+
+ close:function () {
+ if (this._active) {
+ this._hold = false;
+ } else if (this._hold) {
+ this._complete();
+ }
+ },
+
+ pause:function () {
+ window.clearTimeout(this._loop);
+ if (this._hiding) {
+ window.clearTimeout(this._hiding);
+ this._hiding = null;
+ }
+ },
+
+ resume:function () {
+ if (this._addWord) {
+ this._addWord();
+ } else if (!this._hold && !this._hidden) {
+ this._hiding = window.setTimeout($.proxy(this._finishHideBalloon, this), this.CLOSE_BALLOON_DELAY);
+ }
+ }
+
+
+};
+
diff --git a/code_base/clippy/clippy.js/src/clippy.css b/code_base/clippy/clippy.js/src/clippy.css
new file mode 100644
index 0000000..0284eda
--- /dev/null
+++ b/code_base/clippy/clippy.js/src/clippy.css
@@ -0,0 +1,62 @@
+.clippy, .clippy-balloon {
+ position: fixed;
+ z-index: 1000;
+ cursor: pointer;
+}
+
+.clippy-balloon {
+
+ background: #FFC;
+ color: black;
+ padding: 8px;
+ border: 1px solid black;
+ border-radius: 5px;
+
+}
+
+.clippy-content {
+ max-width: 200px;
+ min-width: 120px;
+ font-family: "Microsoft Sans", sans-serif;
+ font-size: 10pt;
+}
+
+.clippy-tip {
+ width: 10px;
+ height: 16px;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAMAAAAlvKiEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF///MAAAA////52QwgAAAAAN0Uk5T//8A18oNQQAAAGxJREFUeNqs0kEOwCAIRFHn3//QTUU6xMyyxii+jQosrTPkyPEM6IN3FtzIRk1U4dFeKWQiH6pRRowMVKEmvronEynkwj0uZJgR22+YLopPSo9P34wJSamLSU7lSIWLJU7NkNomNlhqxUeAAQC+TQLZyEuJBwAAAABJRU5ErkJggg==) no-repeat;
+ position: absolute;
+}
+
+.clippy-top-left .clippy-tip {
+ top: 100%;
+ margin-top: 0px;
+ left: 100%;
+ margin-left: -50px;
+}
+
+.clippy-top-right .clippy-tip {
+ top: 100%;
+ margin-top: 0px;
+ left: 0;
+ margin-left: 50px;
+ background-position: -10px 0;
+
+}
+
+.clippy-bottom-right .clippy-tip {
+ top: 0;
+ margin-top: -16px;
+ left: 0;
+ margin-left: 50px;
+ background-position: -10px -16px;
+}
+
+.clippy-bottom-left .clippy-tip {
+ top: 0;
+ margin-top: -16px;
+ left: 100%;
+ margin-left: -50px;
+ background-position: 0px -16px;
+}
+
diff --git a/code_base/clippy/clippy.js/src/images/border.png b/code_base/clippy/clippy.js/src/images/border.png
new file mode 100644
index 0000000..e0825f6
Binary files /dev/null and b/code_base/clippy/clippy.js/src/images/border.png differ
diff --git a/code_base/clippy/clippy.js/src/images/tip.PNG b/code_base/clippy/clippy.js/src/images/tip.PNG
new file mode 100644
index 0000000..37cc3ce
--- /dev/null
+++ b/code_base/clippy/clippy.js/src/images/tip.PNG
@@ -0,0 +1,4 @@
+PNG
+
+
IHDR % tEXtSoftware Adobe ImageReadyqe< PLTE d0 tRNS
A lIDATxڬA DQME:̲(
+,3 wFMT^)d" QF T&')=.do.OJOߌ IINH%N͐&6XjG MK IENDB`
\ No newline at end of file
diff --git a/code_base/clippy/clippy.js/src/load.js b/code_base/clippy/clippy.js/src/load.js
new file mode 100644
index 0000000..2664174
--- /dev/null
+++ b/code_base/clippy/clippy.js/src/load.js
@@ -0,0 +1,118 @@
+clippy.BASE_PATH = '//s3.amazonaws.com/clippy.js/Agents/';
+
+clippy.load = function (name, successCb, failCb) {
+ var path = clippy.BASE_PATH + name;
+
+ var mapDfd = clippy.load._loadMap(path);
+ var agentDfd = clippy.load._loadAgent(name, path);
+ var soundsDfd = clippy.load._loadSounds(name, path);
+
+ var data;
+ agentDfd.done(function (d) {
+ data = d;
+ });
+
+ var sounds;
+
+ soundsDfd.done(function (d) {
+ sounds = d;
+ });
+
+ // wrapper to the success callback
+ var cb = function () {
+ var a = new clippy.Agent(path, data,sounds);
+ successCb(a);
+ };
+
+ $.when(mapDfd, agentDfd, soundsDfd).done(cb).fail(failCb);
+};
+
+clippy.load._maps = {};
+clippy.load._loadMap = function (path) {
+ var dfd = clippy.load._maps[path];
+ if (dfd) return dfd;
+
+ // set dfd if not defined
+ dfd = clippy.load._maps[path] = $.Deferred();
+
+ var src = path + '/map.png';
+ var img = new Image();
+
+ img.onload = dfd.resolve;
+ img.onerror = dfd.reject;
+
+ // start loading the map;
+ img.setAttribute('src', src);
+
+ return dfd.promise();
+};
+
+clippy.load._sounds = {};
+
+clippy.load._loadSounds = function (name, path) {
+ var dfd = clippy.load._sounds[name];
+ if (dfd) return dfd;
+
+ // set dfd if not defined
+ dfd = clippy.load._sounds[name] = $.Deferred();
+
+ var audio = document.createElement('audio');
+ var canPlayMp3 = !!audio.canPlayType && "" != audio.canPlayType('audio/mpeg');
+ var canPlayOgg = !!audio.canPlayType && "" != audio.canPlayType('audio/ogg; codecs="vorbis"');
+
+ if (!canPlayMp3 && !canPlayOgg) {
+ dfd.resolve({});
+ } else {
+ var src = path + (canPlayMp3 ? '/sounds-mp3.js' : '/sounds-ogg.js');
+ // load
+ clippy.load._loadScript(src);
+ }
+
+ return dfd.promise()
+};
+
+
+clippy.load._data = {};
+clippy.load._loadAgent = function (name, path) {
+ var dfd = clippy.load._data[name];
+ if (dfd) return dfd;
+
+ dfd = clippy.load._getAgentDfd(name);
+
+ var src = path + '/agent.js';
+
+ clippy.load._loadScript(src);
+
+ return dfd.promise();
+};
+
+clippy.load._loadScript = function (src) {
+ var script = document.createElement('script');
+ script.setAttribute('src', src);
+ script.setAttribute('async', 'async');
+ script.setAttribute('type', 'text/javascript');
+
+ document.head.appendChild(script);
+};
+
+clippy.load._getAgentDfd = function (name) {
+ var dfd = clippy.load._data[name];
+ if (!dfd) {
+ dfd = clippy.load._data[name] = $.Deferred();
+ }
+ return dfd;
+};
+
+clippy.ready = function (name, data) {
+ var dfd = clippy.load._getAgentDfd(name);
+ dfd.resolve(data);
+};
+
+clippy.soundsReady = function (name, data) {
+ var dfd = clippy.load._sounds[name];
+ if (!dfd) {
+ dfd = clippy.load._sounds[name] = $.Deferred();
+ }
+
+ dfd.resolve(data);
+};
diff --git a/code_base/clippy/clippy.js/src/queue.js b/code_base/clippy/clippy.js/src/queue.js
new file mode 100644
index 0000000..51ab0f5
--- /dev/null
+++ b/code_base/clippy/clippy.js/src/queue.js
@@ -0,0 +1,50 @@
+/******
+ * Tiny Queue
+ *
+ * @constructor
+ */
+clippy.Queue = function (onEmptyCallback) {
+ this._queue = [];
+ this._onEmptyCallback = onEmptyCallback;
+};
+
+clippy.Queue.prototype = {
+ /***
+ *
+ * @param {function(Function)} func
+ * @returns {jQuery.Deferred}
+ */
+ queue:function (func) {
+ this._queue.push(func);
+
+ if (this._queue.length === 1 && !this._active) {
+ this._progressQueue();
+ }
+ },
+
+ _progressQueue:function () {
+
+ // stop if nothing left in queue
+ if (!this._queue.length) {
+ this._onEmptyCallback();
+ return;
+ }
+
+ var f = this._queue.shift();
+ this._active = true;
+
+ // execute function
+ var completeFunction = $.proxy(this.next, this);
+ f(completeFunction);
+ },
+
+ clear:function () {
+ this._queue = [];
+ },
+
+ next:function () {
+ this._active = false;
+ this._progressQueue();
+ }
+};
+
diff --git a/code_base/clippy/clippy_eliza.html b/code_base/clippy/clippy_eliza.html
new file mode 100644
index 0000000..06943ff
--- /dev/null
+++ b/code_base/clippy/clippy_eliza.html
@@ -0,0 +1,144 @@
+
+
+ Eliza (elizabot.js)
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code_base/clippy/clippy_world.html b/code_base/clippy/clippy_world.html
new file mode 100644
index 0000000..9652c72
--- /dev/null
+++ b/code_base/clippy/clippy_world.html
@@ -0,0 +1,49 @@
+
+
+
+ Clippy
+ Hello Clippy!
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code_base/clippy/clippy_world.jpg b/code_base/clippy/clippy_world.jpg
new file mode 100644
index 0000000..9652c72
--- /dev/null
+++ b/code_base/clippy/clippy_world.jpg
@@ -0,0 +1,49 @@
+
+
+
+ Clippy
+ Hello Clippy!
+
+
+
+
+
+
\ No newline at end of file
diff --git a/code_base/clippy/elizabot.js b/code_base/clippy/elizabot.js
new file mode 100644
index 0000000..de2972d
--- /dev/null
+++ b/code_base/clippy/elizabot.js
@@ -0,0 +1,391 @@
+/*
+ elizabot.js v.1.1 - ELIZA JS library (N.Landsteiner 2005)
+ Eliza is a mock Rogerian psychotherapist.
+ Original program by Joseph Weizenbaum in MAD-SLIP for "Project MAC" at MIT.
+ cf: Weizenbaum, Joseph "ELIZA - A Computer Program For the Study of Natural Language
+ Communication Between Man and Machine"
+ in: Communications of the ACM; Volume 9 , Issue 1 (January 1966): p 36-45.
+ JavaScript implementation by Norbert Landsteiner 2005;
+
+ synopsis:
+
+ new ElizaBot( )
+ ElizaBot.prototype.transform( )
+ ElizaBot.prototype.getInitial()
+ ElizaBot.prototype.getFinal()
+ ElizaBot.prototype.reset()
+
+ usage: var eliza = new ElizaBot();
+ var initial = eliza.getInitial();
+ var reply = eliza.transform(inputstring);
+ if (eliza.quit) {
+ // last user input was a quit phrase
+ }
+
+ // method `transform()' returns a final phrase in case of a quit phrase
+ // but you can also get a final phrase with:
+ var final = eliza.getFinal();
+
+ // other methods: reset memory and internal state
+ eliza.reset();
+
+ // to set the internal memory size override property `memSize':
+ eliza.memSize = 100; // (default: 20)
+
+ // to reproduce the example conversation given by J. Weizenbaum
+ // initialize with the optional random-choice-disable flag
+ var originalEliza = new ElizaBot(true);
+
+ `ElizaBot' is also a general chatbot engine that can be supplied with any rule set.
+ (for required data structures cf. "elizadata.js" and/or see the documentation.)
+ data is parsed and transformed for internal use at the creation time of the
+ first instance of the `ElizaBot' constructor.
+
+ vers 1.1: lambda functions in RegExps are currently a problem with too many browsers.
+ changed code to work around.
+*/
+
+
+function ElizaBot(noRandomFlag) {
+ this.noRandom= (noRandomFlag)? true:false;
+ this.capitalizeFirstLetter=true;
+ this.debug=false;
+ this.memSize=20;
+ this.version="1.1 (original)";
+ if (!this._dataParsed) this._init();
+ this.reset();
+}
+
+ElizaBot.prototype.reset = function() {
+ this.quit=false;
+ this.mem=[];
+ this.lastchoice=[];
+ for (var k=0; kb[1]) return -1
+ else if (a[1]b[3]) return 1
+ else if (a[3]\/\\\t/g, ' ');
+ text=text.replace(/\s+-+\s+/g, '.');
+ text=text.replace(/\s*[,\.\?!;]+\s*/g, '.');
+ text=text.replace(/\s*\bbut\b\s*/g, '.');
+ text=text.replace(/\s{2,}/g, ' ');
+ // split text in part sentences and loop through them
+ var parts=text.split('.');
+ for (var i=0; i=0) {
+ rpl = this._execRule(k);
+ }
+ if (rpl!='') return rpl;
+ }
+ }
+ }
+ // nothing matched try mem
+ rpl=this._memGet();
+ // if nothing in mem, so try xnone
+ if (rpl=='') {
+ this.sentence=' ';
+ var k=this._getRuleIndexByKey('xnone');
+ if (k>=0) rpl=this._execRule(k);
+ }
+ // return reply or default string
+ return (rpl!='')? rpl : 'I am at a loss for words.';
+}
+
+ElizaBot.prototype._execRule = function(k) {
+ var rule=elizaKeywords[k];
+ var decomps=rule[2];
+ var paramre=/\(([0-9]+)\)/;
+ for (var i=0; iri)) || (this.lastchoice[k][i]==ri)) {
+ ri= ++this.lastchoice[k][i];
+ if (ri>=reasmbs.length) {
+ ri=0;
+ this.lastchoice[k][i]=-1;
+ }
+ }
+ else {
+ this.lastchoice[k][i]=ri;
+ }
+ var rpl=reasmbs[ri];
+ if (this.debug) alert('match:\nkey: '+elizaKeywords[k][0]+
+ '\nrank: '+elizaKeywords[k][1]+
+ '\ndecomp: '+decomps[i][0]+
+ '\nreasmb: '+rpl+
+ '\nmemflag: '+memflag);
+ if (rpl.search('^goto ', 'i')==0) {
+ ki=this._getRuleIndexByKey(rpl.substring(5));
+ if (ki>=0) return this._execRule(ki);
+ }
+ // substitute positional params (v.1.1: work around lambda function)
+ var m1=paramre.exec(rpl);
+ if (m1) {
+ var lp='';
+ var rp=rpl;
+ while (m1) {
+ var param = m[parseInt(m1[1])];
+ // postprocess param
+ var m2=this.postExp.exec(param);
+ if (m2) {
+ var lp2='';
+ var rp2=param;
+ while (m2) {
+ lp2+=rp2.substring(0,m2.index)+this.posts[m2[1]];
+ rp2=rp2.substring(m2.index+m2[0].length);
+ m2=this.postExp.exec(rp2);
+ }
+ param=lp2+rp2;
+ }
+ lp+=rp.substring(0,m1.index)+param;
+ rp=rp.substring(m1.index+m1[0].length);
+ m1=paramre.exec(rp);
+ }
+ rpl=lp+rp;
+ }
+ rpl=this._postTransform(rpl);
+ if (memflag) this._memSave(rpl)
+ else return rpl;
+ }
+ }
+ return '';
+}
+
+ElizaBot.prototype._postTransform = function(s) {
+ // final cleanings
+ s=s.replace(/\s{2,}/g, ' ');
+ s=s.replace(/\s+\./g, '.');
+ if ((this.global.elizaPostTransforms) && (elizaPostTransforms.length)) {
+ for (var i=0; ithis.memSize) this.mem.shift();
+}
+
+ElizaBot.prototype._memGet = function() {
+ if (this.mem.length) {
+ if (this.noRandom) return this.mem.shift();
+ else {
+ var n=Math.floor(Math.random()*this.mem.length);
+ var rpl=this.mem[n];
+ for (var i=n+1; i
+
+ Eliza (elizabot.js)
+
+
+
+
+Eliza
+