cubicweb: comparison web/data/cubicweb.timeline-bundle.js

Mercurial Mercurial > pub > hg > cubicweb / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

web/data/cubicweb.timeline-bundle.js

branch	894685124c68
changeset 1200	0d12d4371d11
parent 1156	4b920f836567
child 2097	400bdbcc5699

equal deleted inserted replaced

-:7fa66717175b
+:0d12d4371d11
+var SimileAjax_urlPrefix = baseuri() + 'data/';
-var SimileAjax = {
+var Timeline_urlPrefix = baseuri() + 'data/';
-loaded:                 false,
-loadingScriptsCount:    0,
+/*==================================================
-error:                  null,
+*  Simile Ajax API
-params:                 { bundle:"true" }
+*
-};
+*  Include this file in your HTML file as follows:
+*
+*    <script src="http://simile.mit.edu/ajax/api/simile-ajax-api.js" type="text/javascript"></script>
+*
+*==================================================
+*/
+if (typeof SimileAjax == "undefined") {
+var SimileAjax = {
+loaded:                 false,
+loadingScriptsCount:    0,
+error:                  null,
+params:                 { bundle:"true" }
+};
+SimileAjax.Platform = new Object();
+/*
+HACK: We need these 2 things here because we cannot simply append
+a <script> element containing code that accesses SimileAjax.Platform
+to initialize it because IE executes that <script> code first
+before it loads ajax.js and platform.js.
+*/
+var getHead = function(doc) {
+return doc.getElementsByTagName("head")[0];
+};
+SimileAjax.findScript = function(doc, substring) {
+var heads = doc.documentElement.getElementsByTagName("head");
+for (var h = 0; h < heads.length; h++) {
+var node = heads[h].firstChild;
+while (node != null) {
+if (node.nodeType == 1 && node.tagName.toLowerCase() == "script") {
+var url = node.src;
+var i = url.indexOf(substring);
+if (i >= 0) {
+return url;
+}
+}
+node = node.nextSibling;
+}
+}
+return null;
+};
+SimileAjax.includeJavascriptFile = function(doc, url, onerror, charset) {
+onerror = onerror || "";
+if (doc.body == null) {
+try {
+var q = "'" + onerror.replace( /'/g, '&apos' ) + "'"; // "
+doc.write("<script src='" + url + "' onerror="+ q +
+(charset ? " charset='"+ charset +"'" : "") +
+" type='text/javascript'>"+ onerror + "</script>");
+return;
+} catch (e) {
+// fall through
+}
+}
+var script = doc.createElement("script");
+if (onerror) {
+try { script.innerHTML = onerror; } catch(e) {}
+script.setAttribute("onerror", onerror);
+}
+if (charset) {
+script.setAttribute("charset", charset);
+}
+script.type = "text/javascript";
+script.language = "JavaScript";
+script.src = url;
+return getHead(doc).appendChild(script);
+};
+SimileAjax.includeJavascriptFiles = function(doc, urlPrefix, filenames) {
+for (var i = 0; i < filenames.length; i++) {
+SimileAjax.includeJavascriptFile(doc, urlPrefix + filenames[i]);
+}
+SimileAjax.loadingScriptsCount += filenames.length;
+SimileAjax.includeJavascriptFile(doc, SimileAjax.urlPrefix + "scripts/signal.js?" + filenames.length);
+};
+SimileAjax.includeCssFile = function(doc, url) {
+if (doc.body == null) {
+try {
+doc.write("<link rel='stylesheet' href='" + url + "' type='text/css'/>");
+return;
+} catch (e) {
+// fall through
+}
+}
+var link = doc.createElement("link");
+link.setAttribute("rel", "stylesheet");
+link.setAttribute("type", "text/css");
+link.setAttribute("href", url);
+getHead(doc).appendChild(link);
+};
+SimileAjax.includeCssFiles = function(doc, urlPrefix, filenames) {
+for (var i = 0; i < filenames.length; i++) {
+SimileAjax.includeCssFile(doc, urlPrefix + filenames[i]);
+}
+};
+/**
+* Append into urls each string in suffixes after prefixing it with urlPrefix.
+* @param {Array} urls
+* @param {String} urlPrefix
+* @param {Array} suffixes
+*/
+SimileAjax.prefixURLs = function(urls, urlPrefix, suffixes) {
+for (var i = 0; i < suffixes.length; i++) {
+urls.push(urlPrefix + suffixes[i]);
+}
+};
+/**
+* Parse out the query parameters from a URL
+* @param {String} url    the url to parse, or location.href if undefined
+* @param {Object} to     optional object to extend with the parameters
+* @param {Object} types  optional object mapping keys to value types
+*        (String, Number, Boolean or Array, String by default)
+* @return a key/value Object whose keys are the query parameter names
+* @type Object
+*/
+SimileAjax.parseURLParameters = function(url, to, types) {
+to = to || {};
+types = types || {};
+if (typeof url == "undefined") {
+url = location.href;
+}
+var q = url.indexOf("?");
+if (q < 0) {
+return to;
+}
+url = (url+"#").slice(q+1, url.indexOf("#")); // toss the URL fragment
+var params = url.split("&"), param, parsed = {};
+var decode = window.decodeURIComponent || unescape;
+for (var i = 0; param = params[i]; i++) {
+var eq = param.indexOf("=");
+var name = decode(param.slice(0,eq));
+var old = parsed[name];
+if (typeof old == "undefined") {
+old = [];
+} else if (!(old instanceof Array)) {
+old = [old];
+}
+parsed[name] = old.concat(decode(param.slice(eq+1)));
+}
+for (var i in parsed) {
+if (!parsed.hasOwnProperty(i)) continue;
+var type = types[i] || String;
+var data = parsed[i];
+if (!(data instanceof Array)) {
+data = [data];
+}
+if (type === Boolean && data[0] == "false") {
+to[i] = false; // because Boolean("false") === true
+} else {
+to[i] = type.apply(this, data);
+}
+}
+return to;
+};
+(function() {
+var javascriptFiles = [
+"jquery-1.2.6.js",
+"platform.js",
+"debug.js",
+"xmlhttp.js",
+"json.js",
+"dom.js",
+"graphics.js",
+"date-time.js",
+"string.js",
+"html.js",
+"data-structure.js",
+"units.js",
+"ajax.js",
+"history.js",
+"window-manager.js"
+];
+var cssFiles = [
+"graphics.css"
+];
+if (typeof SimileAjax_urlPrefix == "string") {
+SimileAjax.urlPrefix = SimileAjax_urlPrefix;
+} else {
+var url = SimileAjax.findScript(document, "simile-ajax-api.js");
+if (url == null) {
+SimileAjax.error = new Error("Failed to derive URL prefix for Simile Ajax API code files");
+return;
+}
+SimileAjax.urlPrefix = url.substr(0, url.indexOf("simile-ajax-api.js"));
+}
+SimileAjax.parseURLParameters(url, SimileAjax.params, {bundle:Boolean});
+//         if (SimileAjax.params.bundle) {
+//             SimileAjax.includeJavascriptFiles(document, SimileAjax.urlPrefix, [ "simile-ajax-bundle.js" ]);
+//         } else {
+//             SimileAjax.includeJavascriptFiles(document, SimileAjax.urlPrefix + "scripts/", javascriptFiles);
+//         }
+SimileAjax.includeCssFiles(document, SimileAjax.urlPrefix + "styles/", cssFiles);
+SimileAjax.loaded = true;
+})();
+}
+/*==================================================
+*  Platform Utility Functions and Constants
+*==================================================
+*/
+/*  This must be called after our jQuery has been loaded
+but before control returns to user-code.
+*/
+SimileAjax.jQuery = jQuery;
+// SimileAjax.jQuery = jQuery.noConflict(true);
+if (typeof window["$"] == "undefined") {
+window.$ = SimileAjax.jQuery;
+}
+SimileAjax.Platform.os = {
+isMac:   false,
+isWin:   false,
+isWin32: false,
+isUnix:  false
+};
+SimileAjax.Platform.browser = {
+isIE:           false,
+isNetscape:     false,
+isMozilla:      false,
+isFirefox:      false,
+isOpera:        false,
+isSafari:       false,
+majorVersion:   0,
+minorVersion:   0
+};
+(function() {
+var an = navigator.appName.toLowerCase();
+	var ua = navigator.userAgent.toLowerCase();
+/*
+*  Operating system
+*/
+	SimileAjax.Platform.os.isMac = (ua.indexOf('mac') != -1);
+	SimileAjax.Platform.os.isWin = (ua.indexOf('win') != -1);
+	SimileAjax.Platform.os.isWin32 = SimileAjax.Platform.isWin && (
+ua.indexOf('95') != -1 ||
+ua.indexOf('98') != -1 ||
+ua.indexOf('nt') != -1 ||
+ua.indexOf('win32') != -1 ||
+ua.indexOf('32bit') != -1
+);
+	SimileAjax.Platform.os.isUnix = (ua.indexOf('x11') != -1);
+/*
+*  Browser
+*/
+SimileAjax.Platform.browser.isIE = (an.indexOf("microsoft") != -1);
+SimileAjax.Platform.browser.isNetscape = (an.indexOf("netscape") != -1);
+SimileAjax.Platform.browser.isMozilla = (ua.indexOf("mozilla") != -1);
+SimileAjax.Platform.browser.isFirefox = (ua.indexOf("firefox") != -1);
+SimileAjax.Platform.browser.isOpera = (an.indexOf("opera") != -1);
+SimileAjax.Platform.browser.isSafari = (an.indexOf("safari") != -1);
+var parseVersionString = function(s) {
+var a = s.split(".");
+SimileAjax.Platform.browser.majorVersion = parseInt(a[0]);
+SimileAjax.Platform.browser.minorVersion = parseInt(a[1]);
+};
+var indexOf = function(s, sub, start) {
+var i = s.indexOf(sub, start);
+return i >= 0 ? i : s.length;
+};
+if (SimileAjax.Platform.browser.isMozilla) {
+var offset = ua.indexOf("mozilla/");
+if (offset >= 0) {
+parseVersionString(ua.substring(offset + 8, indexOf(ua, " ", offset)));
+}
+}
+if (SimileAjax.Platform.browser.isIE) {
+var offset = ua.indexOf("msie ");
+if (offset >= 0) {
+parseVersionString(ua.substring(offset + 5, indexOf(ua, ";", offset)));
+}
+}
+if (SimileAjax.Platform.browser.isNetscape) {
+var offset = ua.indexOf("rv:");
+if (offset >= 0) {
+parseVersionString(ua.substring(offset + 3, indexOf(ua, ")", offset)));
+}
+}
+if (SimileAjax.Platform.browser.isFirefox) {
+var offset = ua.indexOf("firefox/");
+if (offset >= 0) {
+parseVersionString(ua.substring(offset + 8, indexOf(ua, " ", offset)));
+}
+}
+if (!("localeCompare" in String.prototype)) {
+String.prototype.localeCompare = function (s) {
+if (this < s) return -1;
+else if (this > s) return 1;
+else return 0;
+};
+}
+})();
+SimileAjax.Platform.getDefaultLocale = function() {
+return SimileAjax.Platform.clientLocale;
+};/*==================================================
+*  Debug Utility Functions
+*==================================================
+*/
+SimileAjax.Debug = {
+silent: false
+};
+SimileAjax.Debug.log = function(msg) {
+var f;
+if ("console" in window && "log" in window.console) { // FireBug installed
+f = function(msg2) {
+console.log(msg2);
+}
+} else {
+f = function(msg2) {
+if (!SimileAjax.Debug.silent) {
+alert(msg2);
+}
+}
+}
+SimileAjax.Debug.log = f;
+f(msg);
+};
+SimileAjax.Debug.warn = function(msg) {
+var f;
+if ("console" in window && "warn" in window.console) { // FireBug installed
+f = function(msg2) {
+console.warn(msg2);
+}
+} else {
+f = function(msg2) {
+if (!SimileAjax.Debug.silent) {
+alert(msg2);
+}
+}
+}
+SimileAjax.Debug.warn = f;
+f(msg);
+};
+SimileAjax.Debug.exception = function(e, msg) {
+var f, params = SimileAjax.parseURLParameters();
+if (params.errors == "throw" || SimileAjax.params.errors == "throw") {
+f = function(e2, msg2) {
+throw(e2); // do not hide from browser's native debugging features
+};
+} else if ("console" in window && "error" in window.console) { // FireBug installed
+f = function(e2, msg2) {
+if (msg2 != null) {
+console.error(msg2 + " %o", e2);
+} else {
+console.error(e2);
+}
+throw(e2); // do not hide from browser's native debugging features
+};
+} else {
+f = function(e2, msg2) {
+if (!SimileAjax.Debug.silent) {
+alert("Caught exception: " + msg2 + "\n\nDetails: " + ("description" in e2 ? e2.description : e2));
+}
+throw(e2); // do not hide from browser's native debugging features
+};
+}
+SimileAjax.Debug.exception = f;
+f(e, msg);
+};
+SimileAjax.Debug.objectToString = function(o) {
+return SimileAjax.Debug._objectToString(o, "");
+};
+SimileAjax.Debug._objectToString = function(o, indent) {
+var indent2 = indent + " ";
+if (typeof o == "object") {
+var s = "{";
+for (n in o) {
+s += indent2 + n + ": " + SimileAjax.Debug._objectToString(o[n], indent2) + "\n";
+}
+s += indent + "}";
+return s;
+} else if (typeof o == "array") {
+var s = "[";
+for (var n = 0; n < o.length; n++) {
+s += SimileAjax.Debug._objectToString(o[n], indent2) + "\n";
+}
+s += indent + "]";
+return s;
+} else {
+return o;
+}
+};
 /**
-* Parse out the query parameters from a URL
+* @fileOverview XmlHttp utility functions
-* @param {String} url    the url to parse, or location.href if undefined
+* @name SimileAjax.XmlHttp
-* @param {Object} to     optional object to extend with the parameters
-* @param {Object} types  optional object mapping keys to value types
-*        (String, Number, Boolean or Array, String by default)
-* @return a key/value Object whose keys are the query parameter names
-* @type Object
 */
-SimileAjax.parseURLParameters = function(url, to, types) {
-to = to || {};
+SimileAjax.XmlHttp = new Object();
-types = types || {};
+/**
-if (typeof url == "undefined") {
+*  Callback for XMLHttp onRequestStateChange.
-url = location.href;
+*/
-}
+SimileAjax.XmlHttp._onReadyStateChange = function(xmlhttp, fError, fDone) {
-var q = url.indexOf("?");
+switch (xmlhttp.readyState) {
-if (q < 0) {
+// 1: Request not yet made
-return to;
+// 2: Contact established with server but nothing downloaded yet
-}
+// 3: Called multiple while downloading in progress
-url = (url+"#").slice(q+1, url.indexOf("#")); // toss the URL fragment
+// Download complete
-var params = url.split("&"), param, parsed = {};
+case 4:
-var decode = window.decodeURIComponent || unescape;
+try {
-for (var i = 0; param = params[i]; i++) {
+if (xmlhttp.status == 0     // file:// urls, works on Firefox
-var eq = param.indexOf("=");
+|| xmlhttp.status == 200   // http:// urls
-var name = decode(param.slice(0,eq));
+) {
-var old = parsed[name];
+if (fDone) {
-if (typeof old == "undefined") {
+fDone(xmlhttp);
-old = [];
+}
-} else if (!(old instanceof Array)) {
+} else {
-old = [old];
+if (fError) {
-}
+fError(
-parsed[name] = old.concat(decode(param.slice(eq+1)));
+xmlhttp.statusText,
-}
+xmlhttp.status,
-for (var i in parsed) {
+xmlhttp
-if (!parsed.hasOwnProperty(i)) continue;
+);
-var type = types[i] || String;
+}
-var data = parsed[i];
+}
-if (!(data instanceof Array)) {
+} catch (e) {
-data = [data];
+SimileAjax.Debug.exception("XmlHttp: Error handling onReadyStateChange", e);
 }
-if (type === Boolean && data[0] == "false") {
+break;
-to[i] = false; // because Boolean("false") === true
+}
+};
+/**
+*  Creates an XMLHttpRequest object. On the first run, this
+*  function creates a platform-specific function for
+*  instantiating an XMLHttpRequest object and then replaces
+*  itself with that function.
+*/
+SimileAjax.XmlHttp._createRequest = function() {
+if (SimileAjax.Platform.browser.isIE) {
+var programIDs = [
+"Msxml2.XMLHTTP",
+"Microsoft.XMLHTTP",
+"Msxml2.XMLHTTP.4.0"
+];
+for (var i = 0; i < programIDs.length; i++) {
+try {
+var programID = programIDs[i];
+var f = function() {
+return new ActiveXObject(programID);
+};
+var o = f();
+// We are replacing the SimileAjax._createXmlHttpRequest
+// function with this inner function as we've
+// found out that it works. This is so that we
+// don't have to do all the testing over again
+// on subsequent calls.
+SimileAjax.XmlHttp._createRequest = f;
+return o;
+} catch (e) {
+// silent
+}
+}
+// fall through to try new XMLHttpRequest();
+}
+try {
+var f = function() {
+return new XMLHttpRequest();
+};
+var o = f();
+// We are replacing the SimileAjax._createXmlHttpRequest
+// function with this inner function as we've
+// found out that it works. This is so that we
+// don't have to do all the testing over again
+// on subsequent calls.
+SimileAjax.XmlHttp._createRequest = f;
+return o;
+} catch (e) {
+throw new Error("Failed to create an XMLHttpRequest object");
+}
+};
+/**
+* Performs an asynchronous HTTP GET.
+*
+* @param {Function} fError a function of the form
+function(statusText, statusCode, xmlhttp)
+* @param {Function} fDone a function of the form function(xmlhttp)
+*/
+SimileAjax.XmlHttp.get = function(url, fError, fDone) {
+var xmlhttp = SimileAjax.XmlHttp._createRequest();
+xmlhttp.open("GET", url, true);
+xmlhttp.onreadystatechange = function() {
+SimileAjax.XmlHttp._onReadyStateChange(xmlhttp, fError, fDone);
+};
+xmlhttp.send(null);
+};
+/**
+* Performs an asynchronous HTTP POST.
+*
+* @param {Function} fError a function of the form
+function(statusText, statusCode, xmlhttp)
+* @param {Function} fDone a function of the form function(xmlhttp)
+*/
+SimileAjax.XmlHttp.post = function(url, body, fError, fDone) {
+var xmlhttp = SimileAjax.XmlHttp._createRequest();
+xmlhttp.open("POST", url, true);
+xmlhttp.onreadystatechange = function() {
+SimileAjax.XmlHttp._onReadyStateChange(xmlhttp, fError, fDone);
+};
+xmlhttp.send(body);
+};
+SimileAjax.XmlHttp._forceXML = function(xmlhttp) {
+try {
+xmlhttp.overrideMimeType("text/xml");
+} catch (e) {
+xmlhttp.setrequestheader("Content-Type", "text/xml");
+}
+};/*
+*  Copied directly from http://www.json.org/json.js.
+*/
+/*
+json.js
+2006-04-28
+This file adds these methods to JavaScript:
+object.toJSONString()
+This method produces a JSON text from an object. The
+object must not contain any cyclical references.
+array.toJSONString()
+This method produces a JSON text from an array. The
+array must not contain any cyclical references.
+string.parseJSON()
+This method parses a JSON text to produce an object or
+array. It will return false if there is an error.
+*/
+SimileAjax.JSON = new Object();
+(function () {
+var m = {
+'\b': '\\b',
+'\t': '\\t',
+'\n': '\\n',
+'\f': '\\f',
+'\r': '\\r',
+'"' : '\\"',
+'\\': '\\\\'
+};
+var s = {
+array: function (x) {
+var a = ['['], b, f, i, l = x.length, v;
+for (i = 0; i < l; i += 1) {
+v = x[i];
+f = s[typeof v];
+if (f) {
+v = f(v);
+if (typeof v == 'string') {
+if (b) {
+a[a.length] = ',';
+}
+a[a.length] = v;
+b = true;
+}
+}
+}
+a[a.length] = ']';
+return a.join('');
+},
+'boolean': function (x) {
+return String(x);
+},
+'null': function (x) {
+return "null";
+},
+number: function (x) {
+return isFinite(x) ? String(x) : 'null';
+},
+object: function (x) {
+if (x) {
+if (x instanceof Array) {
+return s.array(x);
+}
+var a = ['{'], b, f, i, v;
+for (i in x) {
+v = x[i];
+f = s[typeof v];
+if (f) {
+v = f(v);
+if (typeof v == 'string') {
+if (b) {
+a[a.length] = ',';
+}
+a.push(s.string(i), ':', v);
+b = true;
+}
+}
+}
+a[a.length] = '}';
+return a.join('');
+}
+return 'null';
+},
+string: function (x) {
+if (/["\\\x00-\x1f]/.test(x)) {
+x = x.replace(/([\x00-\x1f\\"])/g, function(a, b) {
+var c = m[b];
+if (c) {
+return c;
+}
+c = b.charCodeAt();
+return '\\u00' +
+Math.floor(c / 16).toString(16) +
+(c % 16).toString(16);
+});
+}
+return '"' + x + '"';
+}
+};
+SimileAjax.JSON.toJSONString = function(o) {
+if (o instanceof Object) {
+return s.object(o);
+} else if (o instanceof Array) {
+return s.array(o);
 } else {
-to[i] = type.apply(this, data);
+return o.toString();
 }
-}
+};
-return to;
-};
+SimileAjax.JSON.parseJSON = function () {
+try {
+return !(/[^,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test(
-SimileAjax.Platform = new Object();
+this.replace(/"(\\.|[^"\\])*"/g, ''))) &&
-SimileAjax.urlPrefix = baseuri();
+eval('(' + this + ')');
+} catch (e) {
-window.Timeline = new Object();
+return false;
-Timeline.urlPrefix = baseuri();
+}
-window.Timeline.DateTime = window.SimileAjax.DateTime; // for backward compatibility
+};
-/* platform.js */
-SimileAjax.jQuery = jQuery;
-// SimileAjax.jQuery=jQuery.noConflict(true);
-if(typeof window["$"]=="undefined"){window.$=SimileAjax.jQuery;
-}SimileAjax.Platform.os={isMac:false,isWin:false,isWin32:false,isUnix:false};
-SimileAjax.Platform.browser={isIE:false,isNetscape:false,isMozilla:false,isFirefox:false,isOpera:false,isSafari:false,majorVersion:0,minorVersion:0};
-(function(){var C=navigator.appName.toLowerCase();
-var A=navigator.userAgent.toLowerCase();
-SimileAjax.Platform.os.isMac=(A.indexOf("mac")!=-1);
-SimileAjax.Platform.os.isWin=(A.indexOf("win")!=-1);
-SimileAjax.Platform.os.isWin32=SimileAjax.Platform.isWin&&(A.indexOf("95")!=-1||A.indexOf("98")!=-1||A.indexOf("nt")!=-1||A.indexOf("win32")!=-1||A.indexOf("32bit")!=-1);
-SimileAjax.Platform.os.isUnix=(A.indexOf("x11")!=-1);
-SimileAjax.Platform.browser.isIE=(C.indexOf("microsoft")!=-1);
-SimileAjax.Platform.browser.isNetscape=(C.indexOf("netscape")!=-1);
-SimileAjax.Platform.browser.isMozilla=(A.indexOf("mozilla")!=-1);
-SimileAjax.Platform.browser.isFirefox=(A.indexOf("firefox")!=-1);
-SimileAjax.Platform.browser.isOpera=(C.indexOf("opera")!=-1);
-SimileAjax.Platform.browser.isSafari=(C.indexOf("safari")!=-1);
-var E=function(G){var F=G.split(".");
-SimileAjax.Platform.browser.majorVersion=parseInt(F[0]);
-SimileAjax.Platform.browser.minorVersion=parseInt(F[1]);
-};
-var B=function(H,G,I){var F=H.indexOf(G,I);
-return F>=0?F:H.length;
-};
-if(SimileAjax.Platform.browser.isMozilla){var D=A.indexOf("mozilla/");
-if(D>=0){E(A.substring(D+8,B(A," ",D)));
-}}if(SimileAjax.Platform.browser.isIE){var D=A.indexOf("msie ");
-if(D>=0){E(A.substring(D+5,B(A,";",D)));
-}}if(SimileAjax.Platform.browser.isNetscape){var D=A.indexOf("rv:");
-if(D>=0){E(A.substring(D+3,B(A,")",D)));
-}}if(SimileAjax.Platform.browser.isFirefox){var D=A.indexOf("firefox/");
-if(D>=0){E(A.substring(D+8,B(A," ",D)));
-}}if(!("localeCompare" in String.prototype)){String.prototype.localeCompare=function(F){if(this<F){return -1;
-}else{if(this>F){return 1;
-}else{return 0;
-}}};
-}})();
-SimileAjax.Platform.getDefaultLocale=function(){return SimileAjax.Platform.clientLocale;
-};
-/* ajax.js */
-SimileAjax.ListenerQueue=function(A){this._listeners=[];
-this._wildcardHandlerName=A;
-};
-SimileAjax.ListenerQueue.prototype.add=function(A){this._listeners.push(A);
-};
-SimileAjax.ListenerQueue.prototype.remove=function(C){var B=this._listeners;
-for(var A=0;
-A<B.length;
-A++){if(B[A]==C){B.splice(A,1);
-break;
-}}};
-SimileAjax.ListenerQueue.prototype.fire=function(B,A){var D=[].concat(this._listeners);
-for(var C=0;
-C<D.length;
-C++){var E=D[C];
-if(B in E){try{E[B].apply(E,A);
-}catch(F){SimileAjax.Debug.exception("Error firing event of name "+B,F);
-}}else{if(this._wildcardHandlerName!=null&&this._wildcardHandlerName in E){try{E[this._wildcardHandlerName].apply(E,[B]);
-}catch(F){SimileAjax.Debug.exception("Error firing event of name "+B+" to wildcard handler",F);
-}}}}};
-/* data-structure.js */
-SimileAjax.Set=function(A){this._hash={};
-this._count=0;
-if(A instanceof Array){for(var B=0;
-B<A.length;
-B++){this.add(A[B]);
-}}else{if(A instanceof SimileAjax.Set){this.addSet(A);
-}}};
-SimileAjax.Set.prototype.add=function(A){if(!(A in this._hash)){this._hash[A]=true;
-this._count++;
-return true;
-}return false;
-};
-SimileAjax.Set.prototype.addSet=function(B){for(var A in B._hash){this.add(A);
-}};
-SimileAjax.Set.prototype.remove=function(A){if(A in this._hash){delete this._hash[A];
-this._count--;
-return true;
-}return false;
-};
-SimileAjax.Set.prototype.removeSet=function(B){for(var A in B._hash){this.remove(A);
-}};
-SimileAjax.Set.prototype.retainSet=function(B){for(var A in this._hash){if(!B.contains(A)){delete this._hash[A];
-this._count--;
-}}};
-SimileAjax.Set.prototype.contains=function(A){return(A in this._hash);
-};
-SimileAjax.Set.prototype.size=function(){return this._count;
-};
-SimileAjax.Set.prototype.toArray=function(){var A=[];
-for(var B in this._hash){A.push(B);
-}return A;
-};
-SimileAjax.Set.prototype.visit=function(A){for(var B in this._hash){if(A(B)==true){break;
-}}};
-SimileAjax.SortedArray=function(B,A){this._a=(A instanceof Array)?A:[];
-this._compare=B;
-};
-SimileAjax.SortedArray.prototype.add=function(C){var A=this;
-var B=this.find(function(D){return A._compare(D,C);
-});
-if(B<this._a.length){this._a.splice(B,0,C);
-}else{this._a.push(C);
-}};
-SimileAjax.SortedArray.prototype.remove=function(C){var A=this;
-var B=this.find(function(D){return A._compare(D,C);
-});
-while(B<this._a.length&&this._compare(this._a[B],C)==0){if(this._a[B]==C){this._a.splice(B,1);
-return true;
-}else{B++;
-}}return false;
-};
-SimileAjax.SortedArray.prototype.removeAll=function(){this._a=[];
-};
-SimileAjax.SortedArray.prototype.elementAt=function(A){return this._a[A];
-};
-SimileAjax.SortedArray.prototype.length=function(){return this._a.length;
-};
-SimileAjax.SortedArray.prototype.find=function(D){var B=0;
-var A=this._a.length;
-while(B<A){var C=Math.floor((B+A)/2);
-var E=D(this._a[C]);
-if(C==B){return E<0?B+1:B;
-}else{if(E<0){B=C;
-}else{A=C;
-}}}return B;
-};
-SimileAjax.SortedArray.prototype.getFirst=function(){return(this._a.length>0)?this._a[0]:null;
-};
-SimileAjax.SortedArray.prototype.getLast=function(){return(this._a.length>0)?this._a[this._a.length-1]:null;
-};
-SimileAjax.EventIndex=function(B){var A=this;
-this._unit=(B!=null)?B:SimileAjax.NativeDateUnit;
-this._events=new SimileAjax.SortedArray(function(D,C){return A._unit.compare(D.getStart(),C.getStart());
-});
-this._idToEvent={};
-this._indexed=true;
-};
-SimileAjax.EventIndex.prototype.getUnit=function(){return this._unit;
-};
-SimileAjax.EventIndex.prototype.getEvent=function(A){return this._idToEvent[A];
-};
-SimileAjax.EventIndex.prototype.add=function(A){this._events.add(A);
-this._idToEvent[A.getID()]=A;
-this._indexed=false;
-};
-SimileAjax.EventIndex.prototype.removeAll=function(){this._events.removeAll();
-this._idToEvent={};
-this._indexed=false;
-};
-SimileAjax.EventIndex.prototype.getCount=function(){return this._events.length();
-};
-SimileAjax.EventIndex.prototype.getIterator=function(A,B){if(!this._indexed){this._index();
-}return new SimileAjax.EventIndex._Iterator(this._events,A,B,this._unit);
-};
-SimileAjax.EventIndex.prototype.getReverseIterator=function(A,B){if(!this._indexed){this._index();
-}return new SimileAjax.EventIndex._ReverseIterator(this._events,A,B,this._unit);
-};
-SimileAjax.EventIndex.prototype.getAllIterator=function(){return new SimileAjax.EventIndex._AllIterator(this._events);
-};
-SimileAjax.EventIndex.prototype.getEarliestDate=function(){var A=this._events.getFirst();
-return(A==null)?null:A.getStart();
-};
-SimileAjax.EventIndex.prototype.getLatestDate=function(){var A=this._events.getLast();
-if(A==null){return null;
-}if(!this._indexed){this._index();
-}var C=A._earliestOverlapIndex;
-var B=this._events.elementAt(C).getEnd();
-for(var D=C+1;
-D<this._events.length();
-D++){B=this._unit.later(B,this._events.elementAt(D).getEnd());
-}return B;
-};
-SimileAjax.EventIndex.prototype._index=function(){var D=this._events.length();
-for(var E=0;
-E<D;
-E++){var C=this._events.elementAt(E);
-C._earliestOverlapIndex=E;
-}var G=1;
-for(var E=0;
-E<D;
-E++){var C=this._events.elementAt(E);
-var B=C.getEnd();
-G=Math.max(G,E+1);
-while(G<D){var A=this._events.elementAt(G);
-var F=A.getStart();
-if(this._unit.compare(F,B)<0){A._earliestOverlapIndex=E;
-G++;
-}else{break;
-}}}this._indexed=true;
-};
-SimileAjax.EventIndex._Iterator=function(B,A,D,C){this._events=B;
-this._startDate=A;
-this._endDate=D;
-this._unit=C;
-this._currentIndex=B.find(function(E){return C.compare(E.getStart(),A);
-});
-if(this._currentIndex-1>=0){this._currentIndex=this._events.elementAt(this._currentIndex-1)._earliestOverlapIndex;
-}this._currentIndex--;
-this._maxIndex=B.find(function(E){return C.compare(E.getStart(),D);
-});
-this._hasNext=false;
-this._next=null;
-this._findNext();
-};
-SimileAjax.EventIndex._Iterator.prototype={hasNext:function(){return this._hasNext;
-},next:function(){if(this._hasNext){var A=this._next;
-this._findNext();
-return A;
-}else{return null;
-}},_findNext:function(){var B=this._unit;
-while((++this._currentIndex)<this._maxIndex){var A=this._events.elementAt(this._currentIndex);
-if(B.compare(A.getStart(),this._endDate)<0&&B.compare(A.getEnd(),this._startDate)>0){this._next=A;
-this._hasNext=true;
-return ;
-}}this._next=null;
-this._hasNext=false;
-}};
-SimileAjax.EventIndex._ReverseIterator=function(B,A,D,C){this._events=B;
-this._startDate=A;
-this._endDate=D;
-this._unit=C;
-this._minIndex=B.find(function(E){return C.compare(E.getStart(),A);
-});
-if(this._minIndex-1>=0){this._minIndex=this._events.elementAt(this._minIndex-1)._earliestOverlapIndex;
-}this._maxIndex=B.find(function(E){return C.compare(E.getStart(),D);
-});
-this._currentIndex=this._maxIndex;
-this._hasNext=false;
-this._next=null;
-this._findNext();
-};
-SimileAjax.EventIndex._ReverseIterator.prototype={hasNext:function(){return this._hasNext;
-},next:function(){if(this._hasNext){var A=this._next;
-this._findNext();
-return A;
-}else{return null;
-}},_findNext:function(){var B=this._unit;
-while((--this._currentIndex)>=this._minIndex){var A=this._events.elementAt(this._currentIndex);
-if(B.compare(A.getStart(),this._endDate)<0&&B.compare(A.getEnd(),this._startDate)>0){this._next=A;
-this._hasNext=true;
-return ;
-}}this._next=null;
-this._hasNext=false;
-}};
-SimileAjax.EventIndex._AllIterator=function(A){this._events=A;
-this._index=0;
-};
-SimileAjax.EventIndex._AllIterator.prototype={hasNext:function(){return this._index<this._events.length();
-},next:function(){return this._index<this._events.length()?this._events.elementAt(this._index++):null;
-}};
-/* date-time.js */
-SimileAjax.DateTime=new Object();
-SimileAjax.DateTime.MILLISECOND=0;
-SimileAjax.DateTime.SECOND=1;
-SimileAjax.DateTime.MINUTE=2;
-SimileAjax.DateTime.HOUR=3;
-SimileAjax.DateTime.DAY=4;
-SimileAjax.DateTime.WEEK=5;
-SimileAjax.DateTime.MONTH=6;
-SimileAjax.DateTime.YEAR=7;
-SimileAjax.DateTime.DECADE=8;
-SimileAjax.DateTime.CENTURY=9;
-SimileAjax.DateTime.MILLENNIUM=10;
-SimileAjax.DateTime.EPOCH=-1;
-SimileAjax.DateTime.ERA=-2;
-SimileAjax.DateTime.gregorianUnitLengths=[];
-(function(){var B=SimileAjax.DateTime;
-var A=B.gregorianUnitLengths;
-A[B.MILLISECOND]=1;
-A[B.SECOND]=1000;
-A[B.MINUTE]=A[B.SECOND]*60;
-A[B.HOUR]=A[B.MINUTE]*60;
-A[B.DAY]=A[B.HOUR]*24;
-A[B.WEEK]=A[B.DAY]*7;
-A[B.MONTH]=A[B.DAY]*31;
-A[B.YEAR]=A[B.DAY]*365;
-A[B.DECADE]=A[B.YEAR]*10;
-A[B.CENTURY]=A[B.YEAR]*100;
-A[B.MILLENNIUM]=A[B.YEAR]*1000;
 })();
-SimileAjax.DateTime._dateRegexp=new RegExp("^(-?)([0-9]{4})("+["(-?([0-9]{2})(-?([0-9]{2}))?)","(-?([0-9]{3}))","(-?W([0-9]{2})(-?([1-7]))?)"].join("|")+")?$");
+/*==================================================
-SimileAjax.DateTime._timezoneRegexp=new RegExp("Z|(([-+])([0-9]{2})(:?([0-9]{2}))?)$");
+*  DOM Utility Functions
-SimileAjax.DateTime._timeRegexp=new RegExp("^([0-9]{2})(:?([0-9]{2})(:?([0-9]{2})(.([0-9]+))?)?)?$");
+*==================================================
-SimileAjax.DateTime.setIso8601Date=function(H,F){var I=F.match(SimileAjax.DateTime._dateRegexp);
+*/
-if(!I){throw new Error("Invalid date string: "+F);
-}var B=(I[1]=="-")?-1:1;
+SimileAjax.DOM = new Object();
-var J=B*I[2];
-var G=I[5];
+SimileAjax.DOM.registerEventWithObject = function(elmt, eventName, obj, handlerName) {
-var C=I[7];
+SimileAjax.DOM.registerEvent(elmt, eventName, function(elmt2, evt, target) {
-var E=I[9];
+return obj[handlerName].call(obj, elmt2, evt, target);
-var A=I[11];
+});
-var M=(I[13])?I[13]:1;
+};
-H.setUTCFullYear(J);
-if(E){H.setUTCMonth(0);
+SimileAjax.DOM.registerEvent = function(elmt, eventName, handler) {
-H.setUTCDate(Number(E));
+var handler2 = function(evt) {
-}else{if(A){H.setUTCMonth(0);
+evt = (evt) ? evt : ((event) ? event : null);
-H.setUTCDate(1);
+if (evt) {
-var L=H.getUTCDay();
+var target = (evt.target) ?
-var K=(L)?L:7;
+evt.target : ((evt.srcElement) ? evt.srcElement : null);
-var D=Number(M)+(7*Number(A));
+if (target) {
-if(K<=4){H.setUTCDate(D+1-K);
+target = (target.nodeType == 1 || target.nodeType == 9) ?
-}else{H.setUTCDate(D+8-K);
+target : target.parentNode;
-}}else{if(G){H.setUTCDate(1);
+}
-H.setUTCMonth(G-1);
-}if(C){H.setUTCDate(C);
+return handler(elmt, evt, target);
-}}}return H;
+}
-};
+return true;
-SimileAjax.DateTime.setIso8601Time=function(F,C){var G=C.match(SimileAjax.DateTime._timeRegexp);
+}
-if(!G){SimileAjax.Debug.warn("Invalid time string: "+C);
-return false;
+if (SimileAjax.Platform.browser.isIE) {
-}var A=G[1];
+elmt.attachEvent("on" + eventName, handler2);
-var E=Number((G[3])?G[3]:0);
+} else {
-var D=(G[5])?G[5]:0;
+elmt.addEventListener(eventName, handler2, false);
-var B=G[7]?(Number("0."+G[7])*1000):0;
+}
-F.setUTCHours(A);
+};
-F.setUTCMinutes(E);
-F.setUTCSeconds(D);
+SimileAjax.DOM.getPageCoordinates = function(elmt) {
-F.setUTCMilliseconds(B);
+var left = 0;
-return F;
+var top = 0;
-};
-SimileAjax.DateTime.timezoneOffset=new Date().getTimezoneOffset();
+if (elmt.nodeType != 1) {
-SimileAjax.DateTime.setIso8601=function(B,A){var D=null;
+elmt = elmt.parentNode;
-var E=(A.indexOf("T")==-1)?A.split(" "):A.split("T");
+}
-SimileAjax.DateTime.setIso8601Date(B,E[0]);
-if(E.length==2){var C=E[1].match(SimileAjax.DateTime._timezoneRegexp);
+var elmt2 = elmt;
-if(C){if(C[0]=="Z"){D=0;
+while (elmt2 != null) {
-}else{D=(Number(C[3])*60)+Number(C[5]);
+left += elmt2.offsetLeft;
-D*=((C[2]=="-")?1:-1);
+top += elmt2.offsetTop;
-}E[1]=E[1].substr(0,E[1].length-C[0].length);
+elmt2 = elmt2.offsetParent;
-}SimileAjax.DateTime.setIso8601Time(B,E[1]);
+}
-}if(D==null){D=B.getTimezoneOffset();
-}B.setTime(B.getTime()+D*60000);
+var body = document.body;
-return B;
+while (elmt != null && elmt != body) {
-};
+if ("scrollLeft" in elmt) {
-SimileAjax.DateTime.parseIso8601DateTime=function(A){try{return SimileAjax.DateTime.setIso8601(new Date(0),A);
+left -= elmt.scrollLeft;
-}catch(B){return null;
+top -= elmt.scrollTop;
-}};
+}
-SimileAjax.DateTime.parseGregorianDateTime=function(G){if(G==null){return null;
+elmt = elmt.parentNode;
-}else{if(G instanceof Date){return G;
+}
-}}var B=G.toString();
-if(B.length>0&&B.length<8){var C=B.indexOf(" ");
+return { left: left, top: top };
-if(C>0){var A=parseInt(B.substr(0,C));
+};
-var E=B.substr(C+1);
-if(E.toLowerCase()=="bc"){A=1-A;
+SimileAjax.DOM.getSize = function(elmt) {
-}}else{var A=parseInt(B);
+	var w = this.getStyle(elmt,"width");
-}var F=new Date(0);
+	var h = this.getStyle(elmt,"height");
-F.setUTCFullYear(A);
+	if (w.indexOf("px") > -1) w = w.replace("px","");
-return F;
+	if (h.indexOf("px") > -1) h = h.replace("px","");
-}try{return new Date(Date.parse(B));
+	return {
-}catch(D){return null;
+		w: w,
-}};
+		h: h
-SimileAjax.DateTime.roundDownToInterval=function(B,G,J,K,A){var D=J*SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.HOUR];
+	}
-var I=new Date(B.getTime()+D);
+}
-var E=function(L){L.setUTCMilliseconds(0);
-L.setUTCSeconds(0);
+SimileAjax.DOM.getStyle = function(elmt, styleProp) {
-L.setUTCMinutes(0);
+if (elmt.currentStyle) { // IE
-L.setUTCHours(0);
+var style = elmt.currentStyle[styleProp];
-};
+} else if (window.getComputedStyle) { // standard DOM
-var C=function(L){E(L);
+var style = document.defaultView.getComputedStyle(elmt, null).getPropertyValue(styleProp);
-L.setUTCDate(1);
+} else {
-L.setUTCMonth(0);
+	var style = "";
-};
+}
-switch(G){case SimileAjax.DateTime.MILLISECOND:var H=I.getUTCMilliseconds();
+return style;
-I.setUTCMilliseconds(H-(H%K));
+}
-break;
-case SimileAjax.DateTime.SECOND:I.setUTCMilliseconds(0);
+SimileAjax.DOM.getEventRelativeCoordinates = function(evt, elmt) {
-var H=I.getUTCSeconds();
+if (SimileAjax.Platform.browser.isIE) {
-I.setUTCSeconds(H-(H%K));
+if (evt.type == "mousewheel") {
-break;
+var coords = SimileAjax.DOM.getPageCoordinates(elmt);
-case SimileAjax.DateTime.MINUTE:I.setUTCMilliseconds(0);
+return {
-I.setUTCSeconds(0);
+x: evt.clientX - coords.left,
-var H=I.getUTCMinutes();
+y: evt.clientY - coords.top
-I.setTime(I.getTime()-(H%K)*SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.MINUTE]);
+};
-break;
+} else {
-case SimileAjax.DateTime.HOUR:I.setUTCMilliseconds(0);
+return {
-I.setUTCSeconds(0);
+x: evt.offsetX,
-I.setUTCMinutes(0);
+y: evt.offsetY
-var H=I.getUTCHours();
+};
-I.setUTCHours(H-(H%K));
+}
-break;
+} else {
-case SimileAjax.DateTime.DAY:E(I);
+var coords = SimileAjax.DOM.getPageCoordinates(elmt);
-break;
-case SimileAjax.DateTime.WEEK:E(I);
+if ((evt.type == "DOMMouseScroll") &&
-var F=(I.getUTCDay()+7-A)%7;
+SimileAjax.Platform.browser.isFirefox &&
-I.setTime(I.getTime()-F*SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.DAY]);
+(SimileAjax.Platform.browser.majorVersion == 2)) {
-break;
+// Due to: https://bugzilla.mozilla.org/show_bug.cgi?id=352179
-case SimileAjax.DateTime.MONTH:E(I);
-I.setUTCDate(1);
+return {
-var H=I.getUTCMonth();
+x: evt.screenX - coords.left,
-I.setUTCMonth(H-(H%K));
+y: evt.screenY - coords.top
-break;
+};
-case SimileAjax.DateTime.YEAR:C(I);
+} else {
-var H=I.getUTCFullYear();
+return {
-I.setUTCFullYear(H-(H%K));
+x: evt.pageX - coords.left,
-break;
+y: evt.pageY - coords.top
-case SimileAjax.DateTime.DECADE:C(I);
+};
-I.setUTCFullYear(Math.floor(I.getUTCFullYear()/10)*10);
+}
-break;
+}
-case SimileAjax.DateTime.CENTURY:C(I);
+};
-I.setUTCFullYear(Math.floor(I.getUTCFullYear()/100)*100);
-break;
+SimileAjax.DOM.getEventPageCoordinates = function(evt) {
-case SimileAjax.DateTime.MILLENNIUM:C(I);
+if (SimileAjax.Platform.browser.isIE) {
-I.setUTCFullYear(Math.floor(I.getUTCFullYear()/1000)*1000);
+return {
-break;
+x: evt.clientX + document.body.scrollLeft,
-}B.setTime(I.getTime()-D);
+y: evt.clientY + document.body.scrollTop
 };
-SimileAjax.DateTime.roundUpToInterval=function(D,F,C,A,B){var E=D.getTime();
+} else {
-SimileAjax.DateTime.roundDownToInterval(D,F,C,A,B);
+return {
-if(D.getTime()<E){D.setTime(D.getTime()+SimileAjax.DateTime.gregorianUnitLengths[F]*A);
+x: evt.pageX,
-}};
+y: evt.pageY
-SimileAjax.DateTime.incrementByInterval=function(B,E,A){A=(typeof A=="undefined")?0:A;
+};
-var D=A*SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.HOUR];
+}
-var C=new Date(B.getTime()+D);
+};
-switch(E){case SimileAjax.DateTime.MILLISECOND:C.setTime(C.getTime()+1);
-break;
+SimileAjax.DOM.hittest = function(x, y, except) {
-case SimileAjax.DateTime.SECOND:C.setTime(C.getTime()+1000);
+return SimileAjax.DOM._hittest(document.body, x, y, except);
-break;
+};
-case SimileAjax.DateTime.MINUTE:C.setTime(C.getTime()+SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.MINUTE]);
-break;
+SimileAjax.DOM._hittest = function(elmt, x, y, except) {
-case SimileAjax.DateTime.HOUR:C.setTime(C.getTime()+SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.HOUR]);
+var childNodes = elmt.childNodes;
-break;
+outer: for (var i = 0; i < childNodes.length; i++) {
-case SimileAjax.DateTime.DAY:C.setUTCDate(C.getUTCDate()+1);
+var childNode = childNodes[i];
-break;
+for (var j = 0; j < except.length; j++) {
-case SimileAjax.DateTime.WEEK:C.setUTCDate(C.getUTCDate()+7);
+if (childNode == except[j]) {
-break;
+continue outer;
-case SimileAjax.DateTime.MONTH:C.setUTCMonth(C.getUTCMonth()+1);
+}
-break;
+}
-case SimileAjax.DateTime.YEAR:C.setUTCFullYear(C.getUTCFullYear()+1);
-break;
+if (childNode.offsetWidth == 0 && childNode.offsetHeight == 0) {
-case SimileAjax.DateTime.DECADE:C.setUTCFullYear(C.getUTCFullYear()+10);
+/*
-break;
+*  Sometimes SPAN elements have zero width and height but
-case SimileAjax.DateTime.CENTURY:C.setUTCFullYear(C.getUTCFullYear()+100);
+*  they have children like DIVs that cover non-zero areas.
-break;
+*/
-case SimileAjax.DateTime.MILLENNIUM:C.setUTCFullYear(C.getUTCFullYear()+1000);
+var hitNode = SimileAjax.DOM._hittest(childNode, x, y, except);
-break;
+if (hitNode != childNode) {
-}B.setTime(C.getTime()-D);
+return hitNode;
-};
+}
-SimileAjax.DateTime.removeTimeZoneOffset=function(B,A){return new Date(B.getTime()+A*SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.HOUR]);
+} else {
-};
+var top = 0;
-SimileAjax.DateTime.getTimezone=function(){var A=new Date().getTimezoneOffset();
+var left = 0;
-return A/-60;
-};
+var node = childNode;
+while (node) {
+top += node.offsetTop;
-/* debug.js */
+left += node.offsetLeft;
-SimileAjax.Debug={silent:false};
+node = node.offsetParent;
-SimileAjax.Debug.log=function(B){var A;
+}
-if("console" in window&&"log" in window.console){A=function(C){console.log(C);
-};
+if (left <= x && top <= y && (x - left) < childNode.offsetWidth && (y - top) < childNode.offsetHeight) {
-}else{A=function(C){if(!SimileAjax.Debug.silent){alert(C);
+return SimileAjax.DOM._hittest(childNode, x, y, except);
-}};
+} else if (childNode.nodeType == 1 && childNode.tagName == "TR") {
-}SimileAjax.Debug.log=A;
+/*
-A(B);
+*  Table row might have cells that span several rows.
-};
+*/
-SimileAjax.Debug.warn=function(B){var A;
+var childNode2 = SimileAjax.DOM._hittest(childNode, x, y, except);
-if("console" in window&&"warn" in window.console){A=function(C){console.warn(C);
+if (childNode2 != childNode) {
-};
+return childNode2;
-}else{A=function(C){if(!SimileAjax.Debug.silent){alert(C);
+}
-}};
+}
-}SimileAjax.Debug.warn=A;
+}
-A(B);
+}
-};
+return elmt;
-SimileAjax.Debug.exception=function(B,D){var A,C=SimileAjax.parseURLParameters();
+};
-if(C.errors=="throw"||SimileAjax.params.errors=="throw"){A=function(F,E){throw (F);
-};
+SimileAjax.DOM.cancelEvent = function(evt) {
-}else{if("console" in window&&"error" in window.console){A=function(F,E){if(E!=null){console.error(E+" %o",F);
+evt.returnValue = false;
-}else{console.error(F);
+evt.cancelBubble = true;
-}throw (F);
+if ("preventDefault" in evt) {
-};
+evt.preventDefault();
-}else{A=function(F,E){if(!SimileAjax.Debug.silent){alert("Caught exception: "+E+"\n\nDetails: "+("description" in F?F.description:F));
+}
-}throw (F);
+};
-};
-}}SimileAjax.Debug.exception=A;
+SimileAjax.DOM.appendClassName = function(elmt, className) {
-A(B,D);
+var classes = elmt.className.split(" ");
-};
+for (var i = 0; i < classes.length; i++) {
-SimileAjax.Debug.objectToString=function(A){return SimileAjax.Debug._objectToString(A,"");
+if (classes[i] == className) {
-};
+return;
-SimileAjax.Debug._objectToString=function(D,A){var C=A+" ";
+}
-if(typeof D=="object"){var B="{";
+}
-for(E in D){B+=C+E+": "+SimileAjax.Debug._objectToString(D[E],C)+"\n";
+classes.push(className);
-}B+=A+"}";
+elmt.className = classes.join(" ");
-return B;
+};
-}else{if(typeof D=="array"){var B="[";
-for(var E=0;
+SimileAjax.DOM.createInputElement = function(type) {
-E<D.length;
+var div = document.createElement("div");
-E++){B+=SimileAjax.Debug._objectToString(D[E],C)+"\n";
+div.innerHTML = "<input type='" + type + "' />";
-}B+=A+"]";
-return B;
+return div.firstChild;
-}else{return D;
+};
-}}};
+SimileAjax.DOM.createDOMFromTemplate = function(template) {
+var result = {};
-/* dom.js */
+result.elmt = SimileAjax.DOM._createDOMFromTemplate(template, result, null);
-SimileAjax.DOM=new Object();
-SimileAjax.DOM.registerEventWithObject=function(C,A,D,B){SimileAjax.DOM.registerEvent(C,A,function(F,E,G){return D[B].call(D,F,E,G);
+return result;
-});
+};
-};
-SimileAjax.DOM.registerEvent=function(C,B,D){var A=function(E){E=(E)?E:((event)?event:null);
+SimileAjax.DOM._createDOMFromTemplate = function(templateNode, result, parentElmt) {
-if(E){var F=(E.target)?E.target:((E.srcElement)?E.srcElement:null);
+if (templateNode == null) {
-if(F){F=(F.nodeType==1||F.nodeType==9)?F:F.parentNode;
+/*
-}return D(C,E,F);
+var node = doc.createTextNode("--null--");
-}return true;
+if (parentElmt != null) {
-};
+parentElmt.appendChild(node);
-if(SimileAjax.Platform.browser.isIE){C.attachEvent("on"+B,A);
+}
-}else{C.addEventListener(B,A,false);
+return node;
-}};
+*/
-SimileAjax.DOM.getPageCoordinates=function(B){var E=0;
+return null;
-var D=0;
+} else if (typeof templateNode != "object") {
-if(B.nodeType!=1){B=B.parentNode;
+var node = document.createTextNode(templateNode);
-}var C=B;
+if (parentElmt != null) {
-while(C!=null){E+=C.offsetLeft;
+parentElmt.appendChild(node);
-D+=C.offsetTop;
+}
-C=C.offsetParent;
+return node;
-}var A=document.body;
+} else {
-while(B!=null&&B!=A){if("scrollLeft" in B){E-=B.scrollLeft;
+var elmt = null;
-D-=B.scrollTop;
+if ("tag" in templateNode) {
-}B=B.parentNode;
+var tag = templateNode.tag;
-}return{left:E,top:D};
+if (parentElmt != null) {
-};
+if (tag == "tr") {
-SimileAjax.DOM.getSize=function(B){var A=this.getStyle(B,"width");
+elmt = parentElmt.insertRow(parentElmt.rows.length);
-var C=this.getStyle(B,"height");
+} else if (tag == "td") {
-if(A.indexOf("px")>-1){A=A.replace("px","");
+elmt = parentElmt.insertCell(parentElmt.cells.length);
-}if(C.indexOf("px")>-1){C=C.replace("px","");
+}
-}return{w:A,h:C};
+}
-};
+if (elmt == null) {
-SimileAjax.DOM.getStyle=function(B,A){if(B.currentStyle){var C=B.currentStyle[A];
+elmt = tag == "input" ?
-}else{if(window.getComputedStyle){var C=document.defaultView.getComputedStyle(B,null).getPropertyValue(A);
+SimileAjax.DOM.createInputElement(templateNode.type) :
-}else{var C="";
+document.createElement(tag);
-}}return C;
-};
+if (parentElmt != null) {
-SimileAjax.DOM.getEventRelativeCoordinates=function(A,B){if(SimileAjax.Platform.browser.isIE){if(A.type=="mousewheel"){var C=SimileAjax.DOM.getPageCoordinates(B);
+parentElmt.appendChild(elmt);
-return{x:A.clientX-C.left,y:A.clientY-C.top};
+}
-}else{return{x:A.offsetX,y:A.offsetY};
+}
-}}else{var C=SimileAjax.DOM.getPageCoordinates(B);
+} else {
-if((A.type=="DOMMouseScroll")&&SimileAjax.Platform.browser.isFirefox&&(SimileAjax.Platform.browser.majorVersion==2)){return{x:A.screenX-C.left,y:A.screenY-C.top};
+elmt = templateNode.elmt;
-}else{return{x:A.pageX-C.left,y:A.pageY-C.top};
+if (parentElmt != null) {
-}}};
+parentElmt.appendChild(elmt);
-SimileAjax.DOM.getEventPageCoordinates=function(A){if(SimileAjax.Platform.browser.isIE){return{x:A.clientX+document.body.scrollLeft,y:A.clientY+document.body.scrollTop};
+}
-}else{return{x:A.pageX,y:A.pageY};
+}
-}};
-SimileAjax.DOM.hittest=function(A,C,B){return SimileAjax.DOM._hittest(document.body,A,C,B);
+for (var attribute in templateNode) {
-};
+var value = templateNode[attribute];
-SimileAjax.DOM._hittest=function(C,L,K,H){var M=C.childNodes;
-outer:for(var G=0;
+if (attribute == "field") {
-G<M.length;
+result[value] = elmt;
-G++){var A=M[G];
-for(var F=0;
+} else if (attribute == "className") {
-F<H.length;
+elmt.className = value;
-F++){if(A==H[F]){continue outer;
+} else if (attribute == "id") {
-}}if(A.offsetWidth==0&&A.offsetHeight==0){var B=SimileAjax.DOM._hittest(A,L,K,H);
+elmt.id = value;
-if(B!=A){return B;
+} else if (attribute == "title") {
-}}else{var J=0;
+elmt.title = value;
-var E=0;
+} else if (attribute == "type" && elmt.tagName == "input") {
-var D=A;
+// do nothing
-while(D){J+=D.offsetTop;
+} else if (attribute == "style") {
-E+=D.offsetLeft;
+for (n in value) {
-D=D.offsetParent;
+var v = value[n];
-}if(E<=L&&J<=K&&(L-E)<A.offsetWidth&&(K-J)<A.offsetHeight){return SimileAjax.DOM._hittest(A,L,K,H);
+if (n == "float") {
-}else{if(A.nodeType==1&&A.tagName=="TR"){var I=SimileAjax.DOM._hittest(A,L,K,H);
+n = SimileAjax.Platform.browser.isIE ? "styleFloat" : "cssFloat";
-if(I!=A){return I;
+}
-}}}}}return C;
+elmt.style[n] = v;
-};
+}
-SimileAjax.DOM.cancelEvent=function(A){A.returnValue=false;
+} else if (attribute == "children") {
-A.cancelBubble=true;
+for (var i = 0; i < value.length; i++) {
-if("preventDefault" in A){A.preventDefault();
+SimileAjax.DOM._createDOMFromTemplate(value[i], result, elmt);
-}};
+}
-SimileAjax.DOM.appendClassName=function(C,D){var B=C.className.split(" ");
+} else if (attribute != "tag" && attribute != "elmt") {
-for(var A=0;
+elmt.setAttribute(attribute, value);
-A<B.length;
+}
-A++){if(B[A]==D){return ;
+}
-}}B.push(D);
+return elmt;
-C.className=B.join(" ");
+}
-};
+}
-SimileAjax.DOM.createInputElement=function(A){var B=document.createElement("div");
-B.innerHTML="<input type='"+A+"' />";
+SimileAjax.DOM._cachedParent = null;
-return B.firstChild;
+SimileAjax.DOM.createElementFromString = function(s) {
-};
+if (SimileAjax.DOM._cachedParent == null) {
-SimileAjax.DOM.createDOMFromTemplate=function(B){var A={};
+SimileAjax.DOM._cachedParent = document.createElement("div");
-A.elmt=SimileAjax.DOM._createDOMFromTemplate(B,A,null);
+}
-return A;
+SimileAjax.DOM._cachedParent.innerHTML = s;
-};
+return SimileAjax.DOM._cachedParent.firstChild;
-SimileAjax.DOM._createDOMFromTemplate=function(A,I,E){if(A==null){return null;
+};
-}else{if(typeof A!="object"){var D=document.createTextNode(A);
-if(E!=null){E.appendChild(D);
+SimileAjax.DOM.createDOMFromString = function(root, s, fieldElmts) {
-}return D;
+var elmt = typeof root == "string" ? document.createElement(root) : root;
-}else{var C=null;
+elmt.innerHTML = s;
-if("tag" in A){var J=A.tag;
-if(E!=null){if(J=="tr"){C=E.insertRow(E.rows.length);
+var dom = { elmt: elmt };
-}else{if(J=="td"){C=E.insertCell(E.cells.length);
+SimileAjax.DOM._processDOMChildrenConstructedFromString(dom, elmt, fieldElmts != null ? fieldElmts : {} );
-}}}if(C==null){C=J=="input"?SimileAjax.DOM.createInputElement(A.type):document.createElement(J);
-if(E!=null){E.appendChild(C);
+return dom;
-}}}else{C=A.elmt;
+};
-if(E!=null){E.appendChild(C);
-}}for(var B in A){var G=A[B];
+SimileAjax.DOM._processDOMConstructedFromString = function(dom, elmt, fieldElmts) {
-if(B=="field"){I[G]=C;
+var id = elmt.id;
-}else{if(B=="className"){C.className=G;
+if (id != null && id.length > 0) {
-}else{if(B=="id"){C.id=G;
+elmt.removeAttribute("id");
-}else{if(B=="title"){C.title=G;
+if (id in fieldElmts) {
-}else{if(B=="type"&&C.tagName=="input"){}else{if(B=="style"){for(n in G){var H=G[n];
+var parentElmt = elmt.parentNode;
-if(n=="float"){n=SimileAjax.Platform.browser.isIE?"styleFloat":"cssFloat";
+parentElmt.insertBefore(fieldElmts[id], elmt);
-}C.style[n]=H;
+parentElmt.removeChild(elmt);
-}}else{if(B=="children"){for(var F=0;
-F<G.length;
+dom[id] = fieldElmts[id];
-F++){SimileAjax.DOM._createDOMFromTemplate(G[F],I,C);
+return;
-}}else{if(B!="tag"&&B!="elmt"){C.setAttribute(B,G);
+} else {
-}}}}}}}}}return C;
+dom[id] = elmt;
-}}};
+}
-SimileAjax.DOM._cachedParent=null;
+}
-SimileAjax.DOM.createElementFromString=function(A){if(SimileAjax.DOM._cachedParent==null){SimileAjax.DOM._cachedParent=document.createElement("div");
-}SimileAjax.DOM._cachedParent.innerHTML=A;
+if (elmt.hasChildNodes()) {
-return SimileAjax.DOM._cachedParent.firstChild;
+SimileAjax.DOM._processDOMChildrenConstructedFromString(dom, elmt, fieldElmts);
-};
+}
-SimileAjax.DOM.createDOMFromString=function(A,C,D){var B=typeof A=="string"?document.createElement(A):A;
+};
-B.innerHTML=C;
-var E={elmt:B};
+SimileAjax.DOM._processDOMChildrenConstructedFromString = function(dom, elmt, fieldElmts) {
-SimileAjax.DOM._processDOMChildrenConstructedFromString(E,B,D!=null?D:{});
+var node = elmt.firstChild;
-return E;
+while (node != null) {
-};
+var node2 = node.nextSibling;
-SimileAjax.DOM._processDOMConstructedFromString=function(D,A,B){var E=A.id;
+if (node.nodeType == 1) {
-if(E!=null&&E.length>0){A.removeAttribute("id");
+SimileAjax.DOM._processDOMConstructedFromString(dom, node, fieldElmts);
-if(E in B){var C=A.parentNode;
+}
-C.insertBefore(B[E],A);
+node = node2;
-C.removeChild(A);
+}
-D[E]=B[E];
+};
-return ;
+/**
-}else{D[E]=A;
+* @fileOverview Graphics utility functions and constants
-}}if(A.hasChildNodes()){SimileAjax.DOM._processDOMChildrenConstructedFromString(D,A,B);
+* @name SimileAjax.Graphics
-}};
+*/
-SimileAjax.DOM._processDOMChildrenConstructedFromString=function(E,B,D){var C=B.firstChild;
-while(C!=null){var A=C.nextSibling;
+SimileAjax.Graphics = new Object();
-if(C.nodeType==1){SimileAjax.DOM._processDOMConstructedFromString(E,C,D);
-}C=A;
+/**
-}};
+* A boolean value indicating whether PNG translucency is supported on the
+* user's browser or not.
+*
-/* graphics.js */
+* @type Boolean
-SimileAjax.Graphics=new Object();
+*/
-SimileAjax.Graphics.pngIsTranslucent=(!SimileAjax.Platform.browser.isIE)||(SimileAjax.Platform.browser.majorVersion>6);
+SimileAjax.Graphics.pngIsTranslucent = (!SimileAjax.Platform.browser.isIE) || (SimileAjax.Platform.browser.majorVersion > 6);
-SimileAjax.Graphics._createTranslucentImage1=function(A,C){var B=document.createElement("img");
+if (!SimileAjax.Graphics.pngIsTranslucent) {
-B.setAttribute("src",A);
+SimileAjax.includeCssFile(document, SimileAjax.urlPrefix + "styles/graphics-ie6.css");
-if(C!=null){B.style.verticalAlign=C;
+}
-}return B;
-};
+/*==================================================
-SimileAjax.Graphics._createTranslucentImage2=function(A,C){var B=document.createElement("img");
+*  Opacity, translucency
-B.style.width="1px";
+*==================================================
-B.style.height="1px";
+*/
-B.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+A+"', sizingMethod='image')";
+SimileAjax.Graphics._createTranslucentImage1 = function(url, verticalAlign) {
-B.style.verticalAlign=(C!=null)?C:"middle";
+var elmt = document.createElement("img");
-return B;
+elmt.setAttribute("src", url);
-};
+if (verticalAlign != null) {
-SimileAjax.Graphics.createTranslucentImage=SimileAjax.Graphics.pngIsTranslucent?SimileAjax.Graphics._createTranslucentImage1:SimileAjax.Graphics._createTranslucentImage2;
+elmt.style.verticalAlign = verticalAlign;
-SimileAjax.Graphics._createTranslucentImageHTML1=function(A,B){return'<img src="'+A+'"'+(B!=null?' style="vertical-align: '+B+';"':"")+" />";
+}
-};
+return elmt;
-SimileAjax.Graphics._createTranslucentImageHTML2=function(A,C){var B="width: 1px; height: 1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+A+"', sizingMethod='image');"+(C!=null?" vertical-align: "+C+";":"");
+};
-return"<img src='"+A+"' style=\""+B+'" />';
+SimileAjax.Graphics._createTranslucentImage2 = function(url, verticalAlign) {
-};
+var elmt = document.createElement("img");
-SimileAjax.Graphics.createTranslucentImageHTML=SimileAjax.Graphics.pngIsTranslucent?SimileAjax.Graphics._createTranslucentImageHTML1:SimileAjax.Graphics._createTranslucentImageHTML2;
+elmt.style.width = "1px";  // just so that IE will calculate the size property
-SimileAjax.Graphics.setOpacity=function(B,A){if(SimileAjax.Platform.browser.isIE){B.style.filter="progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity="+A+")";
+elmt.style.height = "1px";
-}else{var C=(A/100).toString();
+elmt.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url +"', sizingMethod='image')";
-B.style.opacity=C;
+elmt.style.verticalAlign = (verticalAlign != null) ? verticalAlign : "middle";
-B.style.MozOpacity=C;
+return elmt;
-}};
+};
-SimileAjax.Graphics._bubbleMargins={top:33,bottom:42,left:33,right:40};
-SimileAjax.Graphics._arrowOffsets={top:0,bottom:9,left:1,right:8};
+/**
-SimileAjax.Graphics._bubblePadding=15;
+* Creates a DOM element for an <code>img</code> tag using the URL given. This
-SimileAjax.Graphics._bubblePointOffset=6;
+* is a convenience method that automatically includes the necessary CSS to
-SimileAjax.Graphics._halfArrowWidth=18;
+* allow for translucency, even on IE.
-SimileAjax.Graphics.createBubbleForContentAndPoint=function(F,D,C,A,B,E){if(typeof A!="number"){A=300;
+*
-}if(typeof E!="number"){E=0;
+* @function
-}F.style.position="absolute";
+* @param {String} url the URL to the image
-F.style.left="-5000px";
+* @param {String} verticalAlign the CSS value for the image's vertical-align
-F.style.top="0px";
+* @return {Element} a DOM element containing the <code>img</code> tag
-F.style.width=A+"px";
+*/
-document.body.appendChild(F);
+SimileAjax.Graphics.createTranslucentImage = SimileAjax.Graphics.pngIsTranslucent ?
-window.setTimeout(function(){var J=F.scrollWidth+10;
+SimileAjax.Graphics._createTranslucentImage1 :
-var G=F.scrollHeight+10;
+SimileAjax.Graphics._createTranslucentImage2;
-var I=0;
-if(E>0&&G>E){G=E;
+SimileAjax.Graphics._createTranslucentImageHTML1 = function(url, verticalAlign) {
-I=J-25;
+return "<img src=\"" + url + "\"" +
-}var H=SimileAjax.Graphics.createBubbleForPoint(D,C,J,G,B);
+(verticalAlign != null ? " style=\"vertical-align: " + verticalAlign + ";\"" : "") +
-document.body.removeChild(F);
+" />";
-F.style.position="static";
+};
-F.style.left="";
+SimileAjax.Graphics._createTranslucentImageHTML2 = function(url, verticalAlign) {
-F.style.top="";
+var style =
-if(I>0){var K=document.createElement("div");
+"width: 1px; height: 1px; " +
-F.style.width="";
+"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url +"', sizingMethod='image');" +
-K.style.width=I+"px";
+(verticalAlign != null ? " vertical-align: " + verticalAlign + ";" : "");
-K.appendChild(F);
-H.content.appendChild(K);
+return "<img src='" + url + "' style=\"" + style + "\" />";
-}else{F.style.width=J+"px";
+};
-H.content.appendChild(F);
-}},200);
+/**
-};
+* Creates an HTML string for an <code>img</code> tag using the URL given.
-SimileAjax.Graphics.createBubbleForPoint=function(C,B,N,R,F){function T(){if(typeof window.innerHeight=="number"){return{w:window.innerWidth,h:window.innerHeight};
+* This is a convenience method that automatically includes the necessary CSS
-}else{if(document.documentElement&&document.documentElement.clientHeight){return{w:document.documentElement.clientWidth,h:document.documentElement.clientHeight};
+* to allow for translucency, even on IE.
-}else{if(document.body&&document.body.clientHeight){return{w:document.body.clientWidth,h:document.body.clientHeight};
+*
-}}}}var L=function(){if(!M._closed){document.body.removeChild(M._div);
+* @function
-M._doc=null;
+* @param {String} url the URL to the image
-M._div=null;
+* @param {String} verticalAlign the CSS value for the image's vertical-align
-M._content=null;
+* @return {String} a string containing the <code>img</code> tag
-M._closed=true;
+*/
-}};
+SimileAjax.Graphics.createTranslucentImageHTML = SimileAjax.Graphics.pngIsTranslucent ?
-var M={_closed:false};
+SimileAjax.Graphics._createTranslucentImageHTML1 :
-var O=T();
+SimileAjax.Graphics._createTranslucentImageHTML2;
-var H=O.w;
-var G=O.h;
+/**
-var D=SimileAjax.Graphics._bubbleMargins;
+* Sets the opacity on the given DOM element.
-N=parseInt(N,10);
+*
-R=parseInt(R,10);
+* @param {Element} elmt the DOM element to set the opacity on
-var P=D.left+N+D.right;
+* @param {Number} opacity an integer from 0 to 100 specifying the opacity
-var U=D.top+R+D.bottom;
+*/
-var Q=SimileAjax.Graphics.pngIsTranslucent;
+SimileAjax.Graphics.setOpacity = function(elmt, opacity) {
-var J=SimileAjax.urlPrefix;
+if (SimileAjax.Platform.browser.isIE) {
-var A=function(Z,Y,a,X){Z.style.position="absolute";
+elmt.style.filter = "progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=" + opacity + ")";
-Z.style.width=a+"px";
+} else {
-Z.style.height=X+"px";
+var o = (opacity / 100).toString();
-if(Q){Z.style.background="url("+Y+")";
+elmt.style.opacity = o;
-}else{Z.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+Y+"', sizingMethod='crop')";
+elmt.style.MozOpacity = o;
-}};
+}
-var K=document.createElement("div");
+};
-K.style.width=P+"px";
-K.style.height=U+"px";
+/*==================================================
-K.style.position="absolute";
+*  Bubble
-K.style.zIndex=1000;
+*==================================================
-var W=SimileAjax.WindowManager.pushLayer(L,true,K);
+*/
-M._div=K;
-M.close=function(){SimileAjax.WindowManager.popLayer(W);
+SimileAjax.Graphics.bubbleConfig = {
-};
+containerCSSClass:              "simileAjax-bubble-container",
-var I=document.createElement("div");
+innerContainerCSSClass:         "simileAjax-bubble-innerContainer",
-I.style.width="100%";
+contentContainerCSSClass:       "simileAjax-bubble-contentContainer",
-I.style.height="100%";
-I.style.position="relative";
+borderGraphicSize:              50,
-K.appendChild(I);
+borderGraphicCSSClassPrefix:    "simileAjax-bubble-border-",
-var S=function(Z,c,b,a,Y){var X=document.createElement("div");
-X.style.left=c+"px";
+arrowGraphicTargetOffset:       33,  // from tip of arrow to the side of the graphic that touches the content of the bubble
-X.style.top=b+"px";
+arrowGraphicLength:             100, // dimension of arrow graphic along the direction that the arrow points
-A(X,Z,a,Y);
+arrowGraphicWidth:              49,  // dimension of arrow graphic perpendicular to the direction that the arrow points
-I.appendChild(X);
+arrowGraphicCSSClassPrefix:     "simileAjax-bubble-arrow-",
-};
-S(J+"data/timeline/bubble-top-left.png",0,0,D.left,D.top);
+closeGraphicCSSClass:           "simileAjax-bubble-close",
-S(J+"data/timeline/bubble-top.png",D.left,0,N,D.top);
-S(J+"data/timeline/bubble-top-right.png",D.left+N,0,D.right,D.top);
+extraPadding:                   20
-S(J+"data/timeline/bubble-left.png",0,D.top,D.left,R);
+};
-S(J+"data/timeline/bubble-right.png",D.left+N,D.top,D.right,R);
-S(J+"data/timeline/bubble-bottom-left.png",0,D.top+R,D.left,D.bottom);
+/**
-S(J+"data/timeline/bubble-bottom.png",D.left,D.top+R,N,D.bottom);
+* Creates a nice, rounded bubble popup with the given content in a div,
-S(J+"data/timeline/bubble-bottom-right.png",D.left+N,D.top+R,D.right,D.bottom);
+* page coordinates and a suggested width. The bubble will point to the
-var V=document.createElement("div");
+* location on the page as described by pageX and pageY.  All measurements
-V.style.left=(P-D.right+SimileAjax.Graphics._bubblePadding-16-2)+"px";
+* should be given in pixels.
-V.style.top=(D.top-SimileAjax.Graphics._bubblePadding+1)+"px";
+*
-V.style.cursor="pointer";
+* @param {Element} the content div
-A(V,J+"data/timeline/close-button.png",16,16);
+* @param {Number} pageX the x coordinate of the point to point to
-SimileAjax.WindowManager.registerEventWithObject(V,"click",M,"close");
+* @param {Number} pageY the y coordinate of the point to point to
-I.appendChild(V);
+* @param {Number} contentWidth a suggested width of the content
-var E=document.createElement("div");
+* @param {String} orientation a string ("top", "bottom", "left", or "right")
-E.style.position="absolute";
+*   that describes the orientation of the arrow on the bubble
-E.style.left=D.left+"px";
+* @param {Number} maxHeight. Add a scrollbar div if bubble would be too tall.
-E.style.top=D.top+"px";
+*   Default of 0 or null means no maximum
-E.style.width=N+"px";
+*/
-E.style.height=R+"px";
+SimileAjax.Graphics.createBubbleForContentAndPoint = function(
-E.style.overflow="auto";
+div, pageX, pageY, contentWidth, orientation, maxHeight) {
-E.style.background="white";
+if (typeof contentWidth != "number") {
-I.appendChild(E);
+contentWidth = 300;
-M.content=E;
+}
-(function(){if(C-SimileAjax.Graphics._halfArrowWidth-SimileAjax.Graphics._bubblePadding>0&&C+SimileAjax.Graphics._halfArrowWidth+SimileAjax.Graphics._bubblePadding<H){var Z=C-Math.round(N/2)-D.left;
+if (typeof maxHeight != "number") {
-Z=C<(H/2)?Math.max(Z,-(D.left-SimileAjax.Graphics._bubblePadding)):Math.min(Z,H+(D.right-SimileAjax.Graphics._bubblePadding)-P);
+maxHeight = 0;
-if((F&&F=="top")||(!F&&(B-SimileAjax.Graphics._bubblePointOffset-U>0))){var X=document.createElement("div");
+}
-X.style.left=(C-SimileAjax.Graphics._halfArrowWidth-Z)+"px";
-X.style.top=(D.top+R)+"px";
+div.style.position = "absolute";
-A(X,J+"data/timeline/bubble-bottom-arrow.png",37,D.bottom);
+div.style.left = "-5000px";
-I.appendChild(X);
+div.style.top = "0px";
-K.style.left=Z+"px";
+div.style.width = contentWidth + "px";
-K.style.top=(B-SimileAjax.Graphics._bubblePointOffset-U+SimileAjax.Graphics._arrowOffsets.bottom)+"px";
+document.body.appendChild(div);
-return ;
-}else{if((F&&F=="bottom")||(!F&&(B+SimileAjax.Graphics._bubblePointOffset+U<G))){var X=document.createElement("div");
+window.setTimeout(function() {
-X.style.left=(C-SimileAjax.Graphics._halfArrowWidth-Z)+"px";
+var width = div.scrollWidth + 10;
-X.style.top="0px";
+var height = div.scrollHeight + 10;
-A(X,J+"data/timeline/bubble-top-arrow.png",37,D.top);
+var scrollDivW = 0; // width of the possible inner container when we want vertical scrolling
-I.appendChild(X);
+if (maxHeight > 0 && height > maxHeight) {
-K.style.left=Z+"px";
+height = maxHeight;
-K.style.top=(B+SimileAjax.Graphics._bubblePointOffset-SimileAjax.Graphics._arrowOffsets.top)+"px";
+scrollDivW = width - 25;
-return ;
+}
-}}}var Y=B-Math.round(R/2)-D.top;
-Y=B<(G/2)?Math.max(Y,-(D.top-SimileAjax.Graphics._bubblePadding)):Math.min(Y,G+(D.bottom-SimileAjax.Graphics._bubblePadding)-U);
+var bubble = SimileAjax.Graphics.createBubbleForPoint(pageX, pageY, width, height, orientation);
-if((F&&F=="left")||(!F&&(C-SimileAjax.Graphics._bubblePointOffset-P>0))){var X=document.createElement("div");
-X.style.left=(D.left+N)+"px";
+document.body.removeChild(div);
-X.style.top=(B-SimileAjax.Graphics._halfArrowWidth-Y)+"px";
+div.style.position = "static";
-A(X,J+"data/timeline/bubble-right-arrow.png",D.right,37);
+div.style.left = "";
-I.appendChild(X);
+div.style.top = "";
-K.style.left=(C-SimileAjax.Graphics._bubblePointOffset-P+SimileAjax.Graphics._arrowOffsets.right)+"px";
-K.style.top=Y+"px";
+// create a scroll div if needed
-}else{if((F&&F=="right")||(!F&&(C-SimileAjax.Graphics._bubblePointOffset-P<H))){var X=document.createElement("div");
+if (scrollDivW > 0) {
-X.style.left="0px";
+var scrollDiv = document.createElement("div");
-X.style.top=(B-SimileAjax.Graphics._halfArrowWidth-Y)+"px";
+div.style.width = "";
-A(X,J+"data/timeline/bubble-left-arrow.png",D.left,37);
+scrollDiv.style.width = scrollDivW + "px";
-I.appendChild(X);
+scrollDiv.appendChild(div);
-K.style.left=(C+SimileAjax.Graphics._bubblePointOffset-SimileAjax.Graphics._arrowOffsets.left)+"px";
+bubble.content.appendChild(scrollDiv);
-K.style.top=Y+"px";
+} else {
-}}})();
+div.style.width = width + "px";
-document.body.appendChild(K);
+bubble.content.appendChild(div);
-return M;
+}
-};
+}, 200);
-SimileAjax.Graphics.createMessageBubble=function(H){var G=H.createElement("div");
+};
-if(SimileAjax.Graphics.pngIsTranslucent){var I=H.createElement("div");
-I.style.height="33px";
+/**
-I.style.background="url("+SimileAjax.urlPrefix+"data/timeline/message-top-left.png) top left no-repeat";
+* Creates a nice, rounded bubble popup with the given page coordinates and
-I.style.paddingLeft="44px";
+* content dimensions.  The bubble will point to the location on the page
-G.appendChild(I);
+* as described by pageX and pageY.  All measurements should be given in
-var C=H.createElement("div");
+* pixels.
-C.style.height="33px";
+*
-C.style.background="url("+SimileAjax.urlPrefix+"data/timeline/message-top-right.png) top right no-repeat";
+* @param {Number} pageX the x coordinate of the point to point to
-I.appendChild(C);
+* @param {Number} pageY the y coordinate of the point to point to
-var F=H.createElement("div");
+* @param {Number} contentWidth the width of the content box in the bubble
-F.style.background="url("+SimileAjax.urlPrefix+"data/timeline/message-left.png) top left repeat-y";
+* @param {Number} contentHeight the height of the content box in the bubble
-F.style.paddingLeft="44px";
+* @param {String} orientation a string ("top", "bottom", "left", or "right")
-G.appendChild(F);
+*   that describes the orientation of the arrow on the bubble
-var A=H.createElement("div");
+* @return {Element} a DOM element for the newly created bubble
-A.style.background="url("+SimileAjax.urlPrefix+"data/timeline/message-right.png) top right repeat-y";
+*/
-A.style.paddingRight="44px";
+SimileAjax.Graphics.createBubbleForPoint = function(pageX, pageY, contentWidth, contentHeight, orientation) {
-F.appendChild(A);
+contentWidth = parseInt(contentWidth, 10); // harden against bad input bugs
-var D=H.createElement("div");
+contentHeight = parseInt(contentHeight, 10); // getting numbers-as-strings
-A.appendChild(D);
-var B=H.createElement("div");
+var bubbleConfig = SimileAjax.Graphics.bubbleConfig;
-B.style.height="55px";
+var pngTransparencyClassSuffix =
-B.style.background="url("+SimileAjax.urlPrefix+"data/timeline/message-bottom-left.png) bottom left no-repeat";
+SimileAjax.Graphics.pngIsTranslucent ? "pngTranslucent" : "pngNotTranslucent";
-B.style.paddingLeft="44px";
-G.appendChild(B);
+var bubbleWidth = contentWidth + 2 * bubbleConfig.borderGraphicSize;
-var E=H.createElement("div");
+var bubbleHeight = contentHeight + 2 * bubbleConfig.borderGraphicSize;
-E.style.height="55px";
-E.style.background="url("+SimileAjax.urlPrefix+"data/timeline/message-bottom-right.png) bottom right no-repeat";
+var generatePngSensitiveClass = function(className) {
-B.appendChild(E);
+return className + " " + className + "-" + pngTransparencyClassSuffix;
-}else{G.style.border="2px solid #7777AA";
+};
-G.style.padding="20px";
-G.style.background="white";
+/*
-SimileAjax.Graphics.setOpacity(G,90);
+*  Render container divs
-var D=H.createElement("div");
+*/
-G.appendChild(D);
+var div = document.createElement("div");
-}return{containerDiv:G,contentDiv:D};
+div.className = generatePngSensitiveClass(bubbleConfig.containerCSSClass);
-};
+div.style.width = contentWidth + "px";
-SimileAjax.Graphics.createAnimation=function(B,E,D,C,A){return new SimileAjax.Graphics._Animation(B,E,D,C,A);
+div.style.height = contentHeight + "px";
-};
-SimileAjax.Graphics._Animation=function(B,E,D,C,A){this.f=B;
+var divInnerContainer = document.createElement("div");
-this.cont=(typeof A=="function")?A:function(){};
+divInnerContainer.className = generatePngSensitiveClass(bubbleConfig.innerContainerCSSClass);
-this.from=E;
+div.appendChild(divInnerContainer);
-this.to=D;
-this.current=E;
+/*
-this.duration=C;
+*  Create layer for bubble
-this.start=new Date().getTime();
+*/
-this.timePassed=0;
+var close = function() {
-};
+if (!bubble._closed) {
-SimileAjax.Graphics._Animation.prototype.run=function(){var A=this;
+document.body.removeChild(bubble._div);
-window.setTimeout(function(){A.step();
+bubble._doc = null;
-},50);
+bubble._div = null;
-};
+bubble._content = null;
-SimileAjax.Graphics._Animation.prototype.step=function(){this.timePassed+=50;
+bubble._closed = true;
-var B=this.timePassed/this.duration;
+}
-var A=-Math.cos(B*Math.PI)/2+0.5;
+}
-var D=A*(this.to-this.from)+this.from;
+var bubble = { _closed: false };
-try{this.f(D,D-this.current);
+var layer = SimileAjax.WindowManager.pushLayer(close, true, div);
-}catch(C){}this.current=D;
+bubble._div = div;
-if(this.timePassed<this.duration){this.run();
+bubble.close = function() { SimileAjax.WindowManager.popLayer(layer); }
-}else{this.f(this.to,0);
-this["cont"]();
+/*
-}};
+*  Render border graphics
-SimileAjax.Graphics.createStructuredDataCopyButton=function(F,D,A,E){var G=document.createElement("div");
+*/
-G.style.position="relative";
+var createBorder = function(classNameSuffix) {
-G.style.display="inline";
+var divBorderGraphic = document.createElement("div");
-G.style.width=D+"px";
+divBorderGraphic.className = generatePngSensitiveClass(bubbleConfig.borderGraphicCSSClassPrefix + classNameSuffix);
-G.style.height=A+"px";
+divInnerContainer.appendChild(divBorderGraphic);
-G.style.overflow="hidden";
+};
-G.style.margin="2px";
+createBorder("top-left");
-if(SimileAjax.Graphics.pngIsTranslucent){G.style.background="url("+F+") no-repeat";
+createBorder("top-right");
-}else{G.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+F+"', sizingMethod='image')";
+createBorder("bottom-left");
-}var C;
+createBorder("bottom-right");
-if(SimileAjax.Platform.browser.isIE){C="filter:alpha(opacity=0)";
+createBorder("left");
-}else{C="opacity: 0";
+createBorder("right");
-}G.innerHTML="<textarea rows='1' autocomplete='off' value='none' style='"+C+"' />";
+createBorder("top");
-var B=G.firstChild;
+createBorder("bottom");
-B.style.width=D+"px";
-B.style.height=A+"px";
+/*
-B.onmousedown=function(H){H=(H)?H:((event)?event:null);
+*  Render content
-if(H.button==2){B.value=E();
+*/
-B.select();
+var divContentContainer = document.createElement("div");
-}};
+divContentContainer.className = generatePngSensitiveClass(bubbleConfig.contentContainerCSSClass);
-return G;
+divInnerContainer.appendChild(divContentContainer);
-};
+bubble.content = divContentContainer;
-SimileAjax.Graphics.getWidthHeight=function(C){var A,B;
-if(C.getBoundingClientRect==null){A=C.offsetWidth;
+/*
-B=C.offsetHeight;
+*  Render close button
-}else{var D=C.getBoundingClientRect();
+*/
-A=Math.ceil(D.right-D.left);
+var divClose = document.createElement("div");
-B=Math.ceil(D.bottom-D.top);
+divClose.className = generatePngSensitiveClass(bubbleConfig.closeGraphicCSSClass);
-}return{width:A,height:B};
+divInnerContainer.appendChild(divClose);
-};
+SimileAjax.WindowManager.registerEventWithObject(divClose, "click", bubble, "close");
-SimileAjax.Graphics.getFontRenderingContext=function(A,B){return new SimileAjax.Graphics._FontRenderingContext(A,B);
-};
+(function() {
-SimileAjax.Graphics._FontRenderingContext=function(A,B){this._elmt=A;
+var dims = SimileAjax.Graphics.getWindowDimensions();
-this._elmt.style.visibility="hidden";
+var docWidth = dims.w;
-if(typeof B=="string"){this._elmt.style.width=B;
+var docHeight = dims.h;
-}else{if(typeof B=="number"){this._elmt.style.width=B+"px";
-}}};
+var halfArrowGraphicWidth = Math.ceil(bubbleConfig.arrowGraphicWidth / 2);
-SimileAjax.Graphics._FontRenderingContext.prototype.dispose=function(){this._elmt=null;
-};
+var createArrow = function(classNameSuffix) {
-SimileAjax.Graphics._FontRenderingContext.prototype.update=function(){this._elmt.innerHTML="A";
+var divArrowGraphic = document.createElement("div");
-this._lineHeight=this._elmt.offsetHeight;
+divArrowGraphic.className = generatePngSensitiveClass(bubbleConfig.arrowGraphicCSSClassPrefix + "point-" + classNameSuffix);
-};
+divInnerContainer.appendChild(divArrowGraphic);
-SimileAjax.Graphics._FontRenderingContext.prototype.computeSize=function(D,C){var B=this._elmt;
+return divArrowGraphic;
-B.innerHTML=D;
+};
-B.className=C===undefined?"":C;
-var A=SimileAjax.Graphics.getWidthHeight(B);
+if (pageX - halfArrowGraphicWidth - bubbleConfig.borderGraphicSize - bubbleConfig.extraPadding > 0 &&
-B.className="";
+pageX + halfArrowGraphicWidth + bubbleConfig.borderGraphicSize + bubbleConfig.extraPadding < docWidth) {
-return A;
-};
+/*
-SimileAjax.Graphics._FontRenderingContext.prototype.getLineHeight=function(){return this._lineHeight;
+*  Bubble can be positioned above or below the target point.
-};
+*/
+var left = pageX - Math.round(contentWidth / 2);
-/* history.js */
+left = pageX < (docWidth / 2) ?
-SimileAjax.History={maxHistoryLength:10,historyFile:"__history__.html",enabled:true,_initialized:false,_listeners:new SimileAjax.ListenerQueue(),_actions:[],_baseIndex:0,_currentIndex:0,_plainDocumentTitle:document.title};
+Math.max(left, bubbleConfig.extraPadding + bubbleConfig.borderGraphicSize) :
-SimileAjax.History.formatHistoryEntryTitle=function(A){return SimileAjax.History._plainDocumentTitle+" {"+A+"}";
+Math.min(left, docWidth - bubbleConfig.extraPadding - bubbleConfig.borderGraphicSize - contentWidth);
-};
-SimileAjax.History.initialize=function(){if(SimileAjax.History._initialized){return ;
+if ((orientation && orientation == "top") ||
-}if(SimileAjax.History.enabled){var A=document.createElement("iframe");
+(!orientation &&
-A.id="simile-ajax-history";
+(pageY
-A.style.position="absolute";
+- bubbleConfig.arrowGraphicTargetOffset
-A.style.width="10px";
+- contentHeight
-A.style.height="10px";
+- bubbleConfig.borderGraphicSize
-A.style.top="0px";
+- bubbleConfig.extraPadding > 0))) {
-A.style.left="0px";
-A.style.visibility="hidden";
+/*
-A.src=SimileAjax.History.historyFile+"?0";
+*  Position bubble above the target point.
-document.body.appendChild(A);
+*/
-SimileAjax.DOM.registerEvent(A,"load",SimileAjax.History._handleIFrameOnLoad);
-SimileAjax.History._iframe=A;
+var divArrow = createArrow("down");
-}SimileAjax.History._initialized=true;
+divArrow.style.left = (pageX - halfArrowGraphicWidth - left) + "px";
-};
-SimileAjax.History.addListener=function(A){SimileAjax.History.initialize();
+div.style.left = left + "px";
-SimileAjax.History._listeners.add(A);
+div.style.top = (pageY - bubbleConfig.arrowGraphicTargetOffset - contentHeight) + "px";
-};
-SimileAjax.History.removeListener=function(A){SimileAjax.History.initialize();
+return;
-SimileAjax.History._listeners.remove(A);
+} else if ((orientation && orientation == "bottom") ||
-};
+(!orientation &&
-SimileAjax.History.addAction=function(A){SimileAjax.History.initialize();
+(pageY
-SimileAjax.History._listeners.fire("onBeforePerform",[A]);
++ bubbleConfig.arrowGraphicTargetOffset
-window.setTimeout(function(){try{A.perform();
++ contentHeight
-SimileAjax.History._listeners.fire("onAfterPerform",[A]);
++ bubbleConfig.borderGraphicSize
-if(SimileAjax.History.enabled){SimileAjax.History._actions=SimileAjax.History._actions.slice(0,SimileAjax.History._currentIndex-SimileAjax.History._baseIndex);
++ bubbleConfig.extraPadding < docHeight))) {
-SimileAjax.History._actions.push(A);
-SimileAjax.History._currentIndex++;
+/*
-var C=SimileAjax.History._actions.length-SimileAjax.History.maxHistoryLength;
+*  Position bubble below the target point.
-if(C>0){SimileAjax.History._actions=SimileAjax.History._actions.slice(C);
+*/
-SimileAjax.History._baseIndex+=C;
-}try{SimileAjax.History._iframe.contentWindow.location.search="?"+SimileAjax.History._currentIndex;
+var divArrow = createArrow("up");
-}catch(B){var D=SimileAjax.History.formatHistoryEntryTitle(A.label);
+divArrow.style.left = (pageX - halfArrowGraphicWidth - left) + "px";
-document.title=D;
-}}}catch(B){SimileAjax.Debug.exception(B,"Error adding action {"+A.label+"} to history");
+div.style.left = left + "px";
-}},0);
+div.style.top = (pageY + bubbleConfig.arrowGraphicTargetOffset) + "px";
-};
-SimileAjax.History.addLengthyAction=function(C,A,B){SimileAjax.History.addAction({perform:C,undo:A,label:B,uiLayer:SimileAjax.WindowManager.getBaseLayer(),lengthy:true});
+return;
-};
+}
-SimileAjax.History._handleIFrameOnLoad=function(){try{var B=SimileAjax.History._iframe.contentWindow.location.search;
+}
-var F=(B.length==0)?0:Math.max(0,parseInt(B.substr(1)));
-var E=function(){var G=F-SimileAjax.History._currentIndex;
+var top = pageY - Math.round(contentHeight / 2);
-SimileAjax.History._currentIndex+=G;
+top = pageY < (docHeight / 2) ?
-SimileAjax.History._baseIndex+=G;
+Math.max(top, bubbleConfig.extraPadding + bubbleConfig.borderGraphicSize) :
-SimileAjax.History._iframe.contentWindow.location.search="?"+F;
+Math.min(top, docHeight - bubbleConfig.extraPadding - bubbleConfig.borderGraphicSize - contentHeight);
-};
-if(F<SimileAjax.History._currentIndex){SimileAjax.History._listeners.fire("onBeforeUndoSeveral",[]);
+if ((orientation && orientation == "left") ||
-window.setTimeout(function(){while(SimileAjax.History._currentIndex>F&&SimileAjax.History._currentIndex>SimileAjax.History._baseIndex){SimileAjax.History._currentIndex--;
+(!orientation &&
-var G=SimileAjax.History._actions[SimileAjax.History._currentIndex-SimileAjax.History._baseIndex];
+(pageX
-try{G.undo();
+- bubbleConfig.arrowGraphicTargetOffset
-}catch(H){SimileAjax.Debug.exception(H,"History: Failed to undo action {"+G.label+"}");
+- contentWidth
-}}SimileAjax.History._listeners.fire("onAfterUndoSeveral",[]);
+- bubbleConfig.borderGraphicSize
-E();
+- bubbleConfig.extraPadding > 0))) {
-},0);
-}else{if(F>SimileAjax.History._currentIndex){SimileAjax.History._listeners.fire("onBeforeRedoSeveral",[]);
+/*
-window.setTimeout(function(){while(SimileAjax.History._currentIndex<F&&SimileAjax.History._currentIndex-SimileAjax.History._baseIndex<SimileAjax.History._actions.length){var G=SimileAjax.History._actions[SimileAjax.History._currentIndex-SimileAjax.History._baseIndex];
+*  Position bubble left of the target point.
-try{G.perform();
+*/
-}catch(H){SimileAjax.Debug.exception(H,"History: Failed to redo action {"+G.label+"}");
-}SimileAjax.History._currentIndex++;
+var divArrow = createArrow("right");
-}SimileAjax.History._listeners.fire("onAfterRedoSeveral",[]);
+divArrow.style.top = (pageY - halfArrowGraphicWidth - top) + "px";
-E();
-},0);
+div.style.top = top + "px";
-}else{var A=SimileAjax.History._currentIndex-SimileAjax.History._baseIndex-1;
+div.style.left = (pageX - bubbleConfig.arrowGraphicTargetOffset - contentWidth) + "px";
-var D=(A>=0&&A<SimileAjax.History._actions.length)?SimileAjax.History.formatHistoryEntryTitle(SimileAjax.History._actions[A].label):SimileAjax.History._plainDocumentTitle;
+} else {
-SimileAjax.History._iframe.contentWindow.document.title=D;
-document.title=D;
+/*
-}}}catch(C){}};
+*  Position bubble right of the target point, as the last resort.
-SimileAjax.History.getNextUndoAction=function(){try{var A=SimileAjax.History._currentIndex-SimileAjax.History._baseIndex-1;
+*/
-return SimileAjax.History._actions[A];
-}catch(B){return null;
+var divArrow = createArrow("left");
-}};
+divArrow.style.top = (pageY - halfArrowGraphicWidth - top) + "px";
-SimileAjax.History.getNextRedoAction=function(){try{var A=SimileAjax.History._currentIndex-SimileAjax.History._baseIndex;
-return SimileAjax.History._actions[A];
+div.style.top = top + "px";
-}catch(B){return null;
+div.style.left = (pageX + bubbleConfig.arrowGraphicTargetOffset) + "px";
-}};
+}
+})();
-/* html.js */
+document.body.appendChild(div);
-SimileAjax.HTML=new Object();
-SimileAjax.HTML._e2uHash={};
+return bubble;
-(function(){var A=SimileAjax.HTML._e2uHash;
+};
-A["nbsp"]="\u00A0[space]";
-A["iexcl"]="\u00A1";
+SimileAjax.Graphics.getWindowDimensions = function() {
-A["cent"]="\u00A2";
+if (typeof window.innerHeight == 'number') {
-A["pound"]="\u00A3";
+return { w:window.innerWidth, h:window.innerHeight }; // Non-IE
-A["curren"]="\u00A4";
+} else if (document.documentElement && document.documentElement.clientHeight) {
-A["yen"]="\u00A5";
+return { // IE6+, in "standards compliant mode"
-A["brvbar"]="\u00A6";
+w:document.documentElement.clientWidth,
-A["sect"]="\u00A7";
+h:document.documentElement.clientHeight
-A["uml"]="\u00A8";
+};
-A["copy"]="\u00A9";
+} else if (document.body && document.body.clientHeight) {
-A["ordf"]="\u00AA";
+return { // IE 4 compatible
-A["laquo"]="\u00AB";
+w:document.body.clientWidth,
-A["not"]="\u00AC";
+h:document.body.clientHeight
-A["shy"]="\u00AD";
+};
-A["reg"]="\u00AE";
+}
-A["macr"]="\u00AF";
+};
-A["deg"]="\u00B0";
-A["plusmn"]="\u00B1";
-A["sup2"]="\u00B2";
+/**
-A["sup3"]="\u00B3";
+* Creates a floating, rounded message bubble in the center of the window for
-A["acute"]="\u00B4";
+* displaying modal information, e.g. "Loading..."
-A["micro"]="\u00B5";
+*
-A["para"]="\u00B6";
+* @param {Document} doc the root document for the page to render on
-A["middot"]="\u00B7";
+* @param {Object} an object with two properties, contentDiv and containerDiv,
-A["cedil"]="\u00B8";
+*   consisting of the newly created DOM elements
-A["sup1"]="\u00B9";
+*/
-A["ordm"]="\u00BA";
+SimileAjax.Graphics.createMessageBubble = function(doc) {
-A["raquo"]="\u00BB";
+var containerDiv = doc.createElement("div");
-A["frac14"]="\u00BC";
+if (SimileAjax.Graphics.pngIsTranslucent) {
-A["frac12"]="\u00BD";
+var topDiv = doc.createElement("div");
-A["frac34"]="\u00BE";
+topDiv.style.height = "33px";
-A["iquest"]="\u00BF";
+topDiv.style.background = "url(" + SimileAjax.urlPrefix + "images/message-top-left.png) top left no-repeat";
-A["Agrave"]="\u00C0";
+topDiv.style.paddingLeft = "44px";
-A["Aacute"]="\u00C1";
+containerDiv.appendChild(topDiv);
-A["Acirc"]="\u00C2";
-A["Atilde"]="\u00C3";
+var topRightDiv = doc.createElement("div");
-A["Auml"]="\u00C4";
+topRightDiv.style.height = "33px";
-A["Aring"]="\u00C5";
+topRightDiv.style.background = "url(" + SimileAjax.urlPrefix + "images/message-top-right.png) top right no-repeat";
-A["AElig"]="\u00C6";
+topDiv.appendChild(topRightDiv);
-A["Ccedil"]="\u00C7";
-A["Egrave"]="\u00C8";
+var middleDiv = doc.createElement("div");
-A["Eacute"]="\u00C9";
+middleDiv.style.background = "url(" + SimileAjax.urlPrefix + "images/message-left.png) top left repeat-y";
-A["Ecirc"]="\u00CA";
+middleDiv.style.paddingLeft = "44px";
-A["Euml"]="\u00CB";
+containerDiv.appendChild(middleDiv);
-A["Igrave"]="\u00CC";
-A["Iacute"]="\u00CD";
+var middleRightDiv = doc.createElement("div");
-A["Icirc"]="\u00CE";
+middleRightDiv.style.background = "url(" + SimileAjax.urlPrefix + "images/message-right.png) top right repeat-y";
-A["Iuml"]="\u00CF";
+middleRightDiv.style.paddingRight = "44px";
-A["ETH"]="\u00D0";
+middleDiv.appendChild(middleRightDiv);
-A["Ntilde"]="\u00D1";
-A["Ograve"]="\u00D2";
+var contentDiv = doc.createElement("div");
-A["Oacute"]="\u00D3";
+middleRightDiv.appendChild(contentDiv);
-A["Ocirc"]="\u00D4";
-A["Otilde"]="\u00D5";
+var bottomDiv = doc.createElement("div");
-A["Ouml"]="\u00D6";
+bottomDiv.style.height = "55px";
-A["times"]="\u00D7";
+bottomDiv.style.background = "url(" + SimileAjax.urlPrefix + "images/message-bottom-left.png) bottom left no-repeat";
-A["Oslash"]="\u00D8";
+bottomDiv.style.paddingLeft = "44px";
-A["Ugrave"]="\u00D9";
+containerDiv.appendChild(bottomDiv);
-A["Uacute"]="\u00DA";
-A["Ucirc"]="\u00DB";
+var bottomRightDiv = doc.createElement("div");
-A["Uuml"]="\u00DC";
+bottomRightDiv.style.height = "55px";
-A["Yacute"]="\u00DD";
+bottomRightDiv.style.background = "url(" + SimileAjax.urlPrefix + "images/message-bottom-right.png) bottom right no-repeat";
-A["THORN"]="\u00DE";
+bottomDiv.appendChild(bottomRightDiv);
-A["szlig"]="\u00DF";
+} else {
-A["agrave"]="\u00E0";
+containerDiv.style.border = "2px solid #7777AA";
-A["aacute"]="\u00E1";
+containerDiv.style.padding = "20px";
-A["acirc"]="\u00E2";
+containerDiv.style.background = "white";
-A["atilde"]="\u00E3";
+SimileAjax.Graphics.setOpacity(containerDiv, 90);
-A["auml"]="\u00E4";
-A["aring"]="\u00E5";
+var contentDiv = doc.createElement("div");
-A["aelig"]="\u00E6";
+containerDiv.appendChild(contentDiv);
-A["ccedil"]="\u00E7";
+}
-A["egrave"]="\u00E8";
-A["eacute"]="\u00E9";
+return {
-A["ecirc"]="\u00EA";
+containerDiv:   containerDiv,
-A["euml"]="\u00EB";
+contentDiv:     contentDiv
-A["igrave"]="\u00EC";
+};
-A["iacute"]="\u00ED";
+};
-A["icirc"]="\u00EE";
-A["iuml"]="\u00EF";
+/*==================================================
-A["eth"]="\u00F0";
+*  Animation
-A["ntilde"]="\u00F1";
+*==================================================
-A["ograve"]="\u00F2";
+*/
-A["oacute"]="\u00F3";
-A["ocirc"]="\u00F4";
+/**
-A["otilde"]="\u00F5";
+* Creates an animation for a function, and an interval of values.  The word
-A["ouml"]="\u00F6";
+* "animation" here is used in the sense of repeatedly calling a function with
-A["divide"]="\u00F7";
+* a current value from within an interval, and a delta value.
-A["oslash"]="\u00F8";
+*
-A["ugrave"]="\u00F9";
+* @param {Function} f a function to be called every 50 milliseconds throughout
-A["uacute"]="\u00FA";
+*   the animation duration, of the form f(current, delta), where current is
-A["ucirc"]="\u00FB";
+*   the current value within the range and delta is the current change.
-A["uuml"]="\u00FC";
+* @param {Number} from a starting value
-A["yacute"]="\u00FD";
+* @param {Number} to an ending value
-A["thorn"]="\u00FE";
+* @param {Number} duration the duration of the animation in milliseconds
-A["yuml"]="\u00FF";
+* @param {Function} [cont] an optional function that is called at the end of
-A["quot"]="\u0022";
+*   the animation, i.e. a continuation.
-A["amp"]="\u0026";
+* @return {SimileAjax.Graphics._Animation} a new animation object
-A["lt"]="\u003C";
+*/
-A["gt"]="\u003E";
+SimileAjax.Graphics.createAnimation = function(f, from, to, duration, cont) {
-A["OElig"]="";
+return new SimileAjax.Graphics._Animation(f, from, to, duration, cont);
-A["oelig"]="\u0153";
+};
-A["Scaron"]="\u0160";
-A["scaron"]="\u0161";
+SimileAjax.Graphics._Animation = function(f, from, to, duration, cont) {
-A["Yuml"]="\u0178";
+this.f = f;
-A["circ"]="\u02C6";
+this.cont = (typeof cont == "function") ? cont : function() {};
-A["tilde"]="\u02DC";
-A["ensp"]="\u2002";
+this.from = from;
-A["emsp"]="\u2003";
+this.to = to;
-A["thinsp"]="\u2009";
+this.current = from;
-A["zwnj"]="\u200C";
-A["zwj"]="\u200D";
+this.duration = duration;
-A["lrm"]="\u200E";
+this.start = new Date().getTime();
-A["rlm"]="\u200F";
+this.timePassed = 0;
-A["ndash"]="\u2013";
+};
-A["mdash"]="\u2014";
-A["lsquo"]="\u2018";
+/**
-A["rsquo"]="\u2019";
+* Runs this animation.
-A["sbquo"]="\u201A";
+*/
-A["ldquo"]="\u201C";
+SimileAjax.Graphics._Animation.prototype.run = function() {
-A["rdquo"]="\u201D";
+var a = this;
-A["bdquo"]="\u201E";
+window.setTimeout(function() { a.step(); }, 50);
-A["dagger"]="\u2020";
+};
-A["Dagger"]="\u2021";
-A["permil"]="\u2030";
+/**
-A["lsaquo"]="\u2039";
+* Increments this animation by one step, and then continues the animation with
-A["rsaquo"]="\u203A";
+* <code>run()</code>.
-A["euro"]="\u20AC";
+*/
-A["fnof"]="\u0192";
+SimileAjax.Graphics._Animation.prototype.step = function() {
-A["Alpha"]="\u0391";
+this.timePassed += 50;
-A["Beta"]="\u0392";
-A["Gamma"]="\u0393";
+var timePassedFraction = this.timePassed / this.duration;
-A["Delta"]="\u0394";
+var parameterFraction = -Math.cos(timePassedFraction * Math.PI) / 2 + 0.5;
-A["Epsilon"]="\u0395";
+var current = parameterFraction * (this.to - this.from) + this.from;
-A["Zeta"]="\u0396";
-A["Eta"]="\u0397";
+try {
-A["Theta"]="\u0398";
+this.f(current, current - this.current);
-A["Iota"]="\u0399";
+} catch (e) {
-A["Kappa"]="\u039A";
+}
-A["Lambda"]="\u039B";
+this.current = current;
-A["Mu"]="\u039C";
-A["Nu"]="\u039D";
+if (this.timePassed < this.duration) {
-A["Xi"]="\u039E";
+this.run();
-A["Omicron"]="\u039F";
+} else {
-A["Pi"]="\u03A0";
+this.f(this.to, 0);
-A["Rho"]="\u03A1";
+this["cont"]();
-A["Sigma"]="\u03A3";
+}
-A["Tau"]="\u03A4";
+};
-A["Upsilon"]="\u03A5";
-A["Phi"]="\u03A6";
+/*==================================================
-A["Chi"]="\u03A7";
+*  CopyPasteButton
-A["Psi"]="\u03A8";
+*
-A["Omega"]="\u03A9";
+*  Adapted from http://spaces.live.com/editorial/rayozzie/demo/liveclip/liveclipsample/techPreview.html.
-A["alpha"]="\u03B1";
+*==================================================
-A["beta"]="\u03B2";
+*/
-A["gamma"]="\u03B3";
-A["delta"]="\u03B4";
+/**
-A["epsilon"]="\u03B5";
+* Creates a button and textarea for displaying structured data and copying it
-A["zeta"]="\u03B6";
+* to the clipboard.  The data is dynamically generated by the given
-A["eta"]="\u03B7";
+* createDataFunction parameter.
-A["theta"]="\u03B8";
+*
-A["iota"]="\u03B9";
+* @param {String} image an image URL to use as the background for the
-A["kappa"]="\u03BA";
+*   generated box
-A["lambda"]="\u03BB";
+* @param {Number} width the width in pixels of the generated box
-A["mu"]="\u03BC";
+* @param {Number} height the height in pixels of the generated box
-A["nu"]="\u03BD";
+* @param {Function} createDataFunction a function that is called with no
-A["xi"]="\u03BE";
+*   arguments to generate the structured data
-A["omicron"]="\u03BF";
+* @return a new DOM element
-A["pi"]="\u03C0";
+*/
-A["rho"]="\u03C1";
+SimileAjax.Graphics.createStructuredDataCopyButton = function(image, width, height, createDataFunction) {
-A["sigmaf"]="\u03C2";
+var div = document.createElement("div");
-A["sigma"]="\u03C3";
+div.style.position = "relative";
-A["tau"]="\u03C4";
+div.style.display = "inline";
-A["upsilon"]="\u03C5";
+div.style.width = width + "px";
-A["phi"]="\u03C6";
+div.style.height = height + "px";
-A["chi"]="\u03C7";
+div.style.overflow = "hidden";
-A["psi"]="\u03C8";
+div.style.margin = "2px";
-A["omega"]="\u03C9";
-A["thetasym"]="\u03D1";
+if (SimileAjax.Graphics.pngIsTranslucent) {
-A["upsih"]="\u03D2";
+div.style.background = "url(" + image + ") no-repeat";
-A["piv"]="\u03D6";
+} else {
-A["bull"]="\u2022";
+div.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + image +"', sizingMethod='image')";
-A["hellip"]="\u2026";
+}
-A["prime"]="\u2032";
-A["Prime"]="\u2033";
+var style;
-A["oline"]="\u203E";
+if (SimileAjax.Platform.browser.isIE) {
-A["frasl"]="\u2044";
+style = "filter:alpha(opacity=0)";
-A["weierp"]="\u2118";
+} else {
-A["image"]="\u2111";
+style = "opacity: 0";
-A["real"]="\u211C";
+}
-A["trade"]="\u2122";
+div.innerHTML = "<textarea rows='1' autocomplete='off' value='none' style='" + style + "' />";
-A["alefsym"]="\u2135";
-A["larr"]="\u2190";
+var textarea = div.firstChild;
-A["uarr"]="\u2191";
+textarea.style.width = width + "px";
-A["rarr"]="\u2192";
+textarea.style.height = height + "px";
-A["darr"]="\u2193";
+textarea.onmousedown = function(evt) {
-A["harr"]="\u2194";
+evt = (evt) ? evt : ((event) ? event : null);
-A["crarr"]="\u21B5";
+if (evt.button == 2) {
-A["lArr"]="\u21D0";
+textarea.value = createDataFunction();
-A["uArr"]="\u21D1";
+textarea.select();
-A["rArr"]="\u21D2";
+}
-A["dArr"]="\u21D3";
+};
-A["hArr"]="\u21D4";
-A["forall"]="\u2200";
+return div;
-A["part"]="\u2202";
+};
-A["exist"]="\u2203";
-A["empty"]="\u2205";
+/*==================================================
-A["nabla"]="\u2207";
+*  getWidthHeight
-A["isin"]="\u2208";
+*==================================================
-A["notin"]="\u2209";
+*/
-A["ni"]="\u220B";
+SimileAjax.Graphics.getWidthHeight = function(el) {
-A["prod"]="\u220F";
+// RETURNS hash {width:  w, height: h} in pixels
-A["sum"]="\u2211";
-A["minus"]="\u2212";
+var w, h;
-A["lowast"]="\u2217";
+// offsetWidth rounds on FF, so doesn't work for us.
-A["radic"]="\u221A";
+// See https://bugzilla.mozilla.org/show_bug.cgi?id=458617
-A["prop"]="\u221D";
+if (el.getBoundingClientRect == null) {
-A["infin"]="\u221E";
+	// use offsetWidth
-A["ang"]="\u2220";
+w = el.offsetWidth;
-A["and"]="\u2227";
+h = el.offsetHeight;
-A["or"]="\u2228";
+} else {
-A["cap"]="\u2229";
+	// use getBoundingClientRect
-A["cup"]="\u222A";
+var rect = el.getBoundingClientRect();
-A["int"]="\u222B";
+w = Math.ceil(rect.right - rect.left);
-A["there4"]="\u2234";
+	h = Math.ceil(rect.bottom - rect.top);
-A["sim"]="\u223C";
+}
-A["cong"]="\u2245";
+return {
-A["asymp"]="\u2248";
+width:  w,
-A["ne"]="\u2260";
+height: h
-A["equiv"]="\u2261";
+};
-A["le"]="\u2264";
+};
-A["ge"]="\u2265";
-A["sub"]="\u2282";
-A["sup"]="\u2283";
+/*==================================================
-A["nsub"]="\u2284";
+*  FontRenderingContext
-A["sube"]="\u2286";
+*==================================================
-A["supe"]="\u2287";
+*/
-A["oplus"]="\u2295";
+SimileAjax.Graphics.getFontRenderingContext = function(elmt, width) {
-A["otimes"]="\u2297";
+return new SimileAjax.Graphics._FontRenderingContext(elmt, width);
-A["perp"]="\u22A5";
+};
-A["sdot"]="\u22C5";
-A["lceil"]="\u2308";
+SimileAjax.Graphics._FontRenderingContext = function(elmt, width) {
-A["rceil"]="\u2309";
+this._elmt = elmt;
-A["lfloor"]="\u230A";
+this._elmt.style.visibility = "hidden";
-A["rfloor"]="\u230B";
+if (typeof width == "string") {
-A["lang"]="\u2329";
+this._elmt.style.width = width;
-A["rang"]="\u232A";
+} else if (typeof width == "number") {
-A["loz"]="\u25CA";
+this._elmt.style.width = width + "px";
-A["spades"]="\u2660";
+}
-A["clubs"]="\u2663";
+};
-A["hearts"]="\u2665";
-A["diams"]="\u2666";
+SimileAjax.Graphics._FontRenderingContext.prototype.dispose = function() {
+this._elmt = null;
+};
+SimileAjax.Graphics._FontRenderingContext.prototype.update = function() {
+this._elmt.innerHTML = "A";
+this._lineHeight = this._elmt.offsetHeight;
+};
+SimileAjax.Graphics._FontRenderingContext.prototype.computeSize = function(text, className) {
+// className arg is optional
+var el = this._elmt;
+el.innerHTML = text;
+el.className = className === undefined ? '' : className;
+var wh = SimileAjax.Graphics.getWidthHeight(el);
+el.className = ''; // reset for the next guy
+return wh;
+};
+SimileAjax.Graphics._FontRenderingContext.prototype.getLineHeight = function() {
+return this._lineHeight;
+};
+/**
+* @fileOverview A collection of date/time utility functions
+* @name SimileAjax.DateTime
+*/
+SimileAjax.DateTime = new Object();
+SimileAjax.DateTime.MILLISECOND    = 0;
+SimileAjax.DateTime.SECOND         = 1;
+SimileAjax.DateTime.MINUTE         = 2;
+SimileAjax.DateTime.HOUR           = 3;
+SimileAjax.DateTime.DAY            = 4;
+SimileAjax.DateTime.WEEK           = 5;
+SimileAjax.DateTime.MONTH          = 6;
+SimileAjax.DateTime.YEAR           = 7;
+SimileAjax.DateTime.DECADE         = 8;
+SimileAjax.DateTime.CENTURY        = 9;
+SimileAjax.DateTime.MILLENNIUM     = 10;
+SimileAjax.DateTime.EPOCH          = -1;
+SimileAjax.DateTime.ERA            = -2;
+/**
+* An array of unit lengths, expressed in milliseconds, of various lengths of
+* time.  The array indices are predefined and stored as properties of the
+* SimileAjax.DateTime object, e.g. SimileAjax.DateTime.YEAR.
+* @type Array
+*/
+SimileAjax.DateTime.gregorianUnitLengths = [];
+(function() {
+var d = SimileAjax.DateTime;
+var a = d.gregorianUnitLengths;
+a[d.MILLISECOND] = 1;
+a[d.SECOND]      = 1000;
+a[d.MINUTE]      = a[d.SECOND] * 60;
+a[d.HOUR]        = a[d.MINUTE] * 60;
+a[d.DAY]         = a[d.HOUR] * 24;
+a[d.WEEK]        = a[d.DAY] * 7;
+a[d.MONTH]       = a[d.DAY] * 31;
+a[d.YEAR]        = a[d.DAY] * 365;
+a[d.DECADE]      = a[d.YEAR] * 10;
+a[d.CENTURY]     = a[d.YEAR] * 100;
+a[d.MILLENNIUM]  = a[d.YEAR] * 1000;
+})();
+SimileAjax.DateTime._dateRegexp = new RegExp(
+"^(-?)([0-9]{4})(" + [
+"(-?([0-9]{2})(-?([0-9]{2}))?)", // -month-dayOfMonth
+"(-?([0-9]{3}))",                // -dayOfYear
+"(-?W([0-9]{2})(-?([1-7]))?)"    // -Wweek-dayOfWeek
+].join("|") + ")?$"
+);
+SimileAjax.DateTime._timezoneRegexp = new RegExp(
+"Z|(([-+])([0-9]{2})(:?([0-9]{2}))?)$"
+);
+SimileAjax.DateTime._timeRegexp = new RegExp(
+"^([0-9]{2})(:?([0-9]{2})(:?([0-9]{2})(\.([0-9]+))?)?)?$"
+);
+/**
+* Takes a date object and a string containing an ISO 8601 date and sets the
+* the date using information parsed from the string.  Note that this method
+* does not parse any time information.
+*
+* @param {Date} dateObject the date object to modify
+* @param {String} string an ISO 8601 string to parse
+* @return {Date} the modified date object
+*/
+SimileAjax.DateTime.setIso8601Date = function(dateObject, string) {
+/*
+*  This function has been adapted from dojo.date, v.0.3.0
+*  http://dojotoolkit.org/.
+*/
+var d = string.match(SimileAjax.DateTime._dateRegexp);
+if(!d) {
+throw new Error("Invalid date string: " + string);
+}
+var sign = (d[1] == "-") ? -1 : 1; // BC or AD
+var year = sign * d[2];
+var month = d[5];
+var date = d[7];
+var dayofyear = d[9];
+var week = d[11];
+var dayofweek = (d[13]) ? d[13] : 1;
+dateObject.setUTCFullYear(year);
+if (dayofyear) {
+dateObject.setUTCMonth(0);
+dateObject.setUTCDate(Number(dayofyear));
+} else if (week) {
+dateObject.setUTCMonth(0);
+dateObject.setUTCDate(1);
+var gd = dateObject.getUTCDay();
+var day =  (gd) ? gd : 7;
+var offset = Number(dayofweek) + (7 * Number(week));
+if (day <= 4) {
+dateObject.setUTCDate(offset + 1 - day);
+} else {
+dateObject.setUTCDate(offset + 8 - day);
+}
+} else {
+if (month) {
+dateObject.setUTCDate(1);
+dateObject.setUTCMonth(month - 1);
+}
+if (date) {
+dateObject.setUTCDate(date);
+}
+}
+return dateObject;
+};
+/**
+* Takes a date object and a string containing an ISO 8601 time and sets the
+* the time using information parsed from the string.  Note that this method
+* does not parse any date information.
+*
+* @param {Date} dateObject the date object to modify
+* @param {String} string an ISO 8601 string to parse
+* @return {Date} the modified date object
+*/
+SimileAjax.DateTime.setIso8601Time = function (dateObject, string) {
+/*
+*  This function has been adapted from dojo.date, v.0.3.0
+*  http://dojotoolkit.org/.
+*/
+var d = string.match(SimileAjax.DateTime._timeRegexp);
+if(!d) {
+SimileAjax.Debug.warn("Invalid time string: " + string);
+return false;
+}
+var hours = d[1];
+var mins = Number((d[3]) ? d[3] : 0);
+var secs = (d[5]) ? d[5] : 0;
+var ms = d[7] ? (Number("0." + d[7]) * 1000) : 0;
+dateObject.setUTCHours(hours);
+dateObject.setUTCMinutes(mins);
+dateObject.setUTCSeconds(secs);
+dateObject.setUTCMilliseconds(ms);
+return dateObject;
+};
+/**
+* The timezone offset in minutes in the user's browser.
+* @type Number
+*/
+SimileAjax.DateTime.timezoneOffset = new Date().getTimezoneOffset();
+/**
+* Takes a date object and a string containing an ISO 8601 date and time and
+* sets the date object using information parsed from the string.
+*
+* @param {Date} dateObject the date object to modify
+* @param {String} string an ISO 8601 string to parse
+* @return {Date} the modified date object
+*/
+SimileAjax.DateTime.setIso8601 = function (dateObject, string){
+/*
+*  This function has been adapted from dojo.date, v.0.3.0
+*  http://dojotoolkit.org/.
+*/
+var offset = null;
+var comps = (string.indexOf("T") == -1) ? string.split(" ") : string.split("T");
+SimileAjax.DateTime.setIso8601Date(dateObject, comps[0]);
+if (comps.length == 2) {
+// first strip timezone info from the end
+var d = comps[1].match(SimileAjax.DateTime._timezoneRegexp);
+if (d) {
+if (d[0] == 'Z') {
+offset = 0;
+} else {
+offset = (Number(d[3]) * 60) + Number(d[5]);
+offset *= ((d[2] == '-') ? 1 : -1);
+}
+comps[1] = comps[1].substr(0, comps[1].length - d[0].length);
+}
+SimileAjax.DateTime.setIso8601Time(dateObject, comps[1]);
+}
+if (offset == null) {
+offset = dateObject.getTimezoneOffset(); // local time zone if no tz info
+}
+dateObject.setTime(dateObject.getTime() + offset * 60000);
+return dateObject;
+};
+/**
+* Takes a string containing an ISO 8601 date and returns a newly instantiated
+* date object with the parsed date and time information from the string.
+*
+* @param {String} string an ISO 8601 string to parse
+* @return {Date} a new date object created from the string
+*/
+SimileAjax.DateTime.parseIso8601DateTime = function (string) {
+try {
+return SimileAjax.DateTime.setIso8601(new Date(0), string);
+} catch (e) {
+return null;
+}
+};
+/**
+* Takes a string containing a Gregorian date and time and returns a newly
+* instantiated date object with the parsed date and time information from the
+* string.  If the param is actually an instance of Date instead of a string,
+* simply returns the given date instead.
+*
+* @param {Object} o an object, to either return or parse as a string
+* @return {Date} the date object
+*/
+SimileAjax.DateTime.parseGregorianDateTime = function(o) {
+if (o == null) {
+return null;
+} else if (o instanceof Date) {
+return o;
+}
+var s = o.toString();
+if (s.length > 0 && s.length < 8) {
+var space = s.indexOf(" ");
+if (space > 0) {
+var year = parseInt(s.substr(0, space));
+var suffix = s.substr(space + 1);
+if (suffix.toLowerCase() == "bc") {
+year = 1 - year;
+}
+} else {
+var year = parseInt(s);
+}
+var d = new Date(0);
+d.setUTCFullYear(year);
+return d;
+}
+try {
+return new Date(Date.parse(s));
+} catch (e) {
+return null;
+}
+};
+/**
+* Rounds date objects down to the nearest interval or multiple of an interval.
+* This method modifies the given date object, converting it to the given
+* timezone if specified.
+*
+* @param {Date} date the date object to round
+* @param {Number} intervalUnit a constant, integer index specifying an
+*   interval, e.g. SimileAjax.DateTime.HOUR
+* @param {Number} timeZone a timezone shift, given in hours
+* @param {Number} multiple a multiple of the interval to round by
+* @param {Number} firstDayOfWeek an integer specifying the first day of the
+*   week, 0 corresponds to Sunday, 1 to Monday, etc.
+*/
+SimileAjax.DateTime.roundDownToInterval = function(date, intervalUnit, timeZone, multiple, firstDayOfWeek) {
+var timeShift = timeZone *
+SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.HOUR];
+var date2 = new Date(date.getTime() + timeShift);
+var clearInDay = function(d) {
+d.setUTCMilliseconds(0);
+d.setUTCSeconds(0);
+d.setUTCMinutes(0);
+d.setUTCHours(0);
+};
+var clearInYear = function(d) {
+clearInDay(d);
+d.setUTCDate(1);
+d.setUTCMonth(0);
+};
+switch(intervalUnit) {
+case SimileAjax.DateTime.MILLISECOND:
+var x = date2.getUTCMilliseconds();
+date2.setUTCMilliseconds(x - (x % multiple));
+break;
+case SimileAjax.DateTime.SECOND:
+date2.setUTCMilliseconds(0);
+var x = date2.getUTCSeconds();
+date2.setUTCSeconds(x - (x % multiple));
+break;
+case SimileAjax.DateTime.MINUTE:
+date2.setUTCMilliseconds(0);
+date2.setUTCSeconds(0);
+var x = date2.getUTCMinutes();
+date2.setTime(date2.getTime() -
+(x % multiple) * SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.MINUTE]);
+break;
+case SimileAjax.DateTime.HOUR:
+date2.setUTCMilliseconds(0);
+date2.setUTCSeconds(0);
+date2.setUTCMinutes(0);
+var x = date2.getUTCHours();
+date2.setUTCHours(x - (x % multiple));
+break;
+case SimileAjax.DateTime.DAY:
+clearInDay(date2);
+break;
+case SimileAjax.DateTime.WEEK:
+clearInDay(date2);
+var d = (date2.getUTCDay() + 7 - firstDayOfWeek) % 7;
+date2.setTime(date2.getTime() -
+d * SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.DAY]);
+break;
+case SimileAjax.DateTime.MONTH:
+clearInDay(date2);
+date2.setUTCDate(1);
+var x = date2.getUTCMonth();
+date2.setUTCMonth(x - (x % multiple));
+break;
+case SimileAjax.DateTime.YEAR:
+clearInYear(date2);
+var x = date2.getUTCFullYear();
+date2.setUTCFullYear(x - (x % multiple));
+break;
+case SimileAjax.DateTime.DECADE:
+clearInYear(date2);
+date2.setUTCFullYear(Math.floor(date2.getUTCFullYear() / 10) * 10);
+break;
+case SimileAjax.DateTime.CENTURY:
+clearInYear(date2);
+date2.setUTCFullYear(Math.floor(date2.getUTCFullYear() / 100) * 100);
+break;
+case SimileAjax.DateTime.MILLENNIUM:
+clearInYear(date2);
+date2.setUTCFullYear(Math.floor(date2.getUTCFullYear() / 1000) * 1000);
+break;
+}
+date.setTime(date2.getTime() - timeShift);
+};
+/**
+* Rounds date objects up to the nearest interval or multiple of an interval.
+* This method modifies the given date object, converting it to the given
+* timezone if specified.
+*
+* @param {Date} date the date object to round
+* @param {Number} intervalUnit a constant, integer index specifying an
+*   interval, e.g. SimileAjax.DateTime.HOUR
+* @param {Number} timeZone a timezone shift, given in hours
+* @param {Number} multiple a multiple of the interval to round by
+* @param {Number} firstDayOfWeek an integer specifying the first day of the
+*   week, 0 corresponds to Sunday, 1 to Monday, etc.
+* @see SimileAjax.DateTime.roundDownToInterval
+*/
+SimileAjax.DateTime.roundUpToInterval = function(date, intervalUnit, timeZone, multiple, firstDayOfWeek) {
+var originalTime = date.getTime();
+SimileAjax.DateTime.roundDownToInterval(date, intervalUnit, timeZone, multiple, firstDayOfWeek);
+if (date.getTime() < originalTime) {
+date.setTime(date.getTime() +
+SimileAjax.DateTime.gregorianUnitLengths[intervalUnit] * multiple);
+}
+};
+/**
+* Increments a date object by a specified interval, taking into
+* consideration the timezone.
+*
+* @param {Date} date the date object to increment
+* @param {Number} intervalUnit a constant, integer index specifying an
+*   interval, e.g. SimileAjax.DateTime.HOUR
+* @param {Number} timeZone the timezone offset in hours
+*/
+SimileAjax.DateTime.incrementByInterval = function(date, intervalUnit, timeZone) {
+timeZone = (typeof timeZone == 'undefined') ? 0 : timeZone;
+var timeShift = timeZone *
+SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.HOUR];
+var date2 = new Date(date.getTime() + timeShift);
+switch(intervalUnit) {
+case SimileAjax.DateTime.MILLISECOND:
+date2.setTime(date2.getTime() + 1)
+break;
+case SimileAjax.DateTime.SECOND:
+date2.setTime(date2.getTime() + 1000);
+break;
+case SimileAjax.DateTime.MINUTE:
+date2.setTime(date2.getTime() +
+SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.MINUTE]);
+break;
+case SimileAjax.DateTime.HOUR:
+date2.setTime(date2.getTime() +
+SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.HOUR]);
+break;
+case SimileAjax.DateTime.DAY:
+date2.setUTCDate(date2.getUTCDate() + 1);
+break;
+case SimileAjax.DateTime.WEEK:
+date2.setUTCDate(date2.getUTCDate() + 7);
+break;
+case SimileAjax.DateTime.MONTH:
+date2.setUTCMonth(date2.getUTCMonth() + 1);
+break;
+case SimileAjax.DateTime.YEAR:
+date2.setUTCFullYear(date2.getUTCFullYear() + 1);
+break;
+case SimileAjax.DateTime.DECADE:
+date2.setUTCFullYear(date2.getUTCFullYear() + 10);
+break;
+case SimileAjax.DateTime.CENTURY:
+date2.setUTCFullYear(date2.getUTCFullYear() + 100);
+break;
+case SimileAjax.DateTime.MILLENNIUM:
+date2.setUTCFullYear(date2.getUTCFullYear() + 1000);
+break;
+}
+date.setTime(date2.getTime() - timeShift);
+};
+/**
+* Returns a new date object with the given time offset removed.
+*
+* @param {Date} date the starting date
+* @param {Number} timeZone a timezone specified in an hour offset to remove
+* @return {Date} a new date object with the offset removed
+*/
+SimileAjax.DateTime.removeTimeZoneOffset = function(date, timeZone) {
+return new Date(date.getTime() +
+timeZone * SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.HOUR]);
+};
+/**
+* Returns the timezone of the user's browser.
+*
+* @return {Number} the timezone in the user's locale in hours
+*/
+SimileAjax.DateTime.getTimezone = function() {
+var d = new Date().getTimezoneOffset();
+return d / -60;
+};
+/*==================================================
+*  String Utility Functions and Constants
+*==================================================
+*/
+String.prototype.trim = function() {
+return this.replace(/^\s+|\s+$/g, '');
+};
+String.prototype.startsWith = function(prefix) {
+return this.length >= prefix.length && this.substr(0, prefix.length) == prefix;
+};
+String.prototype.endsWith = function(suffix) {
+return this.length >= suffix.length && this.substr(this.length - suffix.length) == suffix;
+};
+String.substitute = function(s, objects) {
+var result = "";
+var start = 0;
+while (start < s.length - 1) {
+var percent = s.indexOf("%", start);
+if (percent < 0 || percent == s.length - 1) {
+break;
+} else if (percent > start && s.charAt(percent - 1) == "\\") {
+result += s.substring(start, percent - 1) + "%";
+start = percent + 1;
+} else {
+var n = parseInt(s.charAt(percent + 1));
+if (isNaN(n) || n >= objects.length) {
+result += s.substring(start, percent + 2);
+} else {
+result += s.substring(start, percent) + objects[n].toString();
+}
+start = percent + 2;
+}
+}
+if (start < s.length) {
+result += s.substring(start);
+}
+return result;
+};
+/*==================================================
+*  HTML Utility Functions
+*==================================================
+*/
+SimileAjax.HTML = new Object();
+SimileAjax.HTML._e2uHash = {};
+(function() {
+var e2uHash = SimileAjax.HTML._e2uHash;
+e2uHash['nbsp']= '\u00A0[space]';
+e2uHash['iexcl']= '\u00A1';
+e2uHash['cent']= '\u00A2';
+e2uHash['pound']= '\u00A3';
+e2uHash['curren']= '\u00A4';
+e2uHash['yen']= '\u00A5';
+e2uHash['brvbar']= '\u00A6';
+e2uHash['sect']= '\u00A7';
+e2uHash['uml']= '\u00A8';
+e2uHash['copy']= '\u00A9';
+e2uHash['ordf']= '\u00AA';
+e2uHash['laquo']= '\u00AB';
+e2uHash['not']= '\u00AC';
+e2uHash['shy']= '\u00AD';
+e2uHash['reg']= '\u00AE';
+e2uHash['macr']= '\u00AF';
+e2uHash['deg']= '\u00B0';
+e2uHash['plusmn']= '\u00B1';
+e2uHash['sup2']= '\u00B2';
+e2uHash['sup3']= '\u00B3';
+e2uHash['acute']= '\u00B4';
+e2uHash['micro']= '\u00B5';
+e2uHash['para']= '\u00B6';
+e2uHash['middot']= '\u00B7';
+e2uHash['cedil']= '\u00B8';
+e2uHash['sup1']= '\u00B9';
+e2uHash['ordm']= '\u00BA';
+e2uHash['raquo']= '\u00BB';
+e2uHash['frac14']= '\u00BC';
+e2uHash['frac12']= '\u00BD';
+e2uHash['frac34']= '\u00BE';
+e2uHash['iquest']= '\u00BF';
+e2uHash['Agrave']= '\u00C0';
+e2uHash['Aacute']= '\u00C1';
+e2uHash['Acirc']= '\u00C2';
+e2uHash['Atilde']= '\u00C3';
+e2uHash['Auml']= '\u00C4';
+e2uHash['Aring']= '\u00C5';
+e2uHash['AElig']= '\u00C6';
+e2uHash['Ccedil']= '\u00C7';
+e2uHash['Egrave']= '\u00C8';
+e2uHash['Eacute']= '\u00C9';
+e2uHash['Ecirc']= '\u00CA';
+e2uHash['Euml']= '\u00CB';
+e2uHash['Igrave']= '\u00CC';
+e2uHash['Iacute']= '\u00CD';
+e2uHash['Icirc']= '\u00CE';
+e2uHash['Iuml']= '\u00CF';
+e2uHash['ETH']= '\u00D0';
+e2uHash['Ntilde']= '\u00D1';
+e2uHash['Ograve']= '\u00D2';
+e2uHash['Oacute']= '\u00D3';
+e2uHash['Ocirc']= '\u00D4';
+e2uHash['Otilde']= '\u00D5';
+e2uHash['Ouml']= '\u00D6';
+e2uHash['times']= '\u00D7';
+e2uHash['Oslash']= '\u00D8';
+e2uHash['Ugrave']= '\u00D9';
+e2uHash['Uacute']= '\u00DA';
+e2uHash['Ucirc']= '\u00DB';
+e2uHash['Uuml']= '\u00DC';
+e2uHash['Yacute']= '\u00DD';
+e2uHash['THORN']= '\u00DE';
+e2uHash['szlig']= '\u00DF';
+e2uHash['agrave']= '\u00E0';
+e2uHash['aacute']= '\u00E1';
+e2uHash['acirc']= '\u00E2';
+e2uHash['atilde']= '\u00E3';
+e2uHash['auml']= '\u00E4';
+e2uHash['aring']= '\u00E5';
+e2uHash['aelig']= '\u00E6';
+e2uHash['ccedil']= '\u00E7';
+e2uHash['egrave']= '\u00E8';
+e2uHash['eacute']= '\u00E9';
+e2uHash['ecirc']= '\u00EA';
+e2uHash['euml']= '\u00EB';
+e2uHash['igrave']= '\u00EC';
+e2uHash['iacute']= '\u00ED';
+e2uHash['icirc']= '\u00EE';
+e2uHash['iuml']= '\u00EF';
+e2uHash['eth']= '\u00F0';
+e2uHash['ntilde']= '\u00F1';
+e2uHash['ograve']= '\u00F2';
+e2uHash['oacute']= '\u00F3';
+e2uHash['ocirc']= '\u00F4';
+e2uHash['otilde']= '\u00F5';
+e2uHash['ouml']= '\u00F6';
+e2uHash['divide']= '\u00F7';
+e2uHash['oslash']= '\u00F8';
+e2uHash['ugrave']= '\u00F9';
+e2uHash['uacute']= '\u00FA';
+e2uHash['ucirc']= '\u00FB';
+e2uHash['uuml']= '\u00FC';
+e2uHash['yacute']= '\u00FD';
+e2uHash['thorn']= '\u00FE';
+e2uHash['yuml']= '\u00FF';
+e2uHash['quot']= '\u0022';
+e2uHash['amp']= '\u0026';
+e2uHash['lt']= '\u003C';
+e2uHash['gt']= '\u003E';
+e2uHash['OElig']= '';
+e2uHash['oelig']= '\u0153';
+e2uHash['Scaron']= '\u0160';
+e2uHash['scaron']= '\u0161';
+e2uHash['Yuml']= '\u0178';
+e2uHash['circ']= '\u02C6';
+e2uHash['tilde']= '\u02DC';
+e2uHash['ensp']= '\u2002';
+e2uHash['emsp']= '\u2003';
+e2uHash['thinsp']= '\u2009';
+e2uHash['zwnj']= '\u200C';
+e2uHash['zwj']= '\u200D';
+e2uHash['lrm']= '\u200E';
+e2uHash['rlm']= '\u200F';
+e2uHash['ndash']= '\u2013';
+e2uHash['mdash']= '\u2014';
+e2uHash['lsquo']= '\u2018';
+e2uHash['rsquo']= '\u2019';
+e2uHash['sbquo']= '\u201A';
+e2uHash['ldquo']= '\u201C';
+e2uHash['rdquo']= '\u201D';
+e2uHash['bdquo']= '\u201E';
+e2uHash['dagger']= '\u2020';
+e2uHash['Dagger']= '\u2021';
+e2uHash['permil']= '\u2030';
+e2uHash['lsaquo']= '\u2039';
+e2uHash['rsaquo']= '\u203A';
+e2uHash['euro']= '\u20AC';
+e2uHash['fnof']= '\u0192';
+e2uHash['Alpha']= '\u0391';
+e2uHash['Beta']= '\u0392';
+e2uHash['Gamma']= '\u0393';
+e2uHash['Delta']= '\u0394';
+e2uHash['Epsilon']= '\u0395';
+e2uHash['Zeta']= '\u0396';
+e2uHash['Eta']= '\u0397';
+e2uHash['Theta']= '\u0398';
+e2uHash['Iota']= '\u0399';
+e2uHash['Kappa']= '\u039A';
+e2uHash['Lambda']= '\u039B';
+e2uHash['Mu']= '\u039C';
+e2uHash['Nu']= '\u039D';
+e2uHash['Xi']= '\u039E';
+e2uHash['Omicron']= '\u039F';
+e2uHash['Pi']= '\u03A0';
+e2uHash['Rho']= '\u03A1';
+e2uHash['Sigma']= '\u03A3';
+e2uHash['Tau']= '\u03A4';
+e2uHash['Upsilon']= '\u03A5';
+e2uHash['Phi']= '\u03A6';
+e2uHash['Chi']= '\u03A7';
+e2uHash['Psi']= '\u03A8';
+e2uHash['Omega']= '\u03A9';
+e2uHash['alpha']= '\u03B1';
+e2uHash['beta']= '\u03B2';
+e2uHash['gamma']= '\u03B3';
+e2uHash['delta']= '\u03B4';
+e2uHash['epsilon']= '\u03B5';
+e2uHash['zeta']= '\u03B6';
+e2uHash['eta']= '\u03B7';
+e2uHash['theta']= '\u03B8';
+e2uHash['iota']= '\u03B9';
+e2uHash['kappa']= '\u03BA';
+e2uHash['lambda']= '\u03BB';
+e2uHash['mu']= '\u03BC';
+e2uHash['nu']= '\u03BD';
+e2uHash['xi']= '\u03BE';
+e2uHash['omicron']= '\u03BF';
+e2uHash['pi']= '\u03C0';
+e2uHash['rho']= '\u03C1';
+e2uHash['sigmaf']= '\u03C2';
+e2uHash['sigma']= '\u03C3';
+e2uHash['tau']= '\u03C4';
+e2uHash['upsilon']= '\u03C5';
+e2uHash['phi']= '\u03C6';
+e2uHash['chi']= '\u03C7';
+e2uHash['psi']= '\u03C8';
+e2uHash['omega']= '\u03C9';
+e2uHash['thetasym']= '\u03D1';
+e2uHash['upsih']= '\u03D2';
+e2uHash['piv']= '\u03D6';
+e2uHash['bull']= '\u2022';
+e2uHash['hellip']= '\u2026';
+e2uHash['prime']= '\u2032';
+e2uHash['Prime']= '\u2033';
+e2uHash['oline']= '\u203E';
+e2uHash['frasl']= '\u2044';
+e2uHash['weierp']= '\u2118';
+e2uHash['image']= '\u2111';
+e2uHash['real']= '\u211C';
+e2uHash['trade']= '\u2122';
+e2uHash['alefsym']= '\u2135';
+e2uHash['larr']= '\u2190';
+e2uHash['uarr']= '\u2191';
+e2uHash['rarr']= '\u2192';
+e2uHash['darr']= '\u2193';
+e2uHash['harr']= '\u2194';
+e2uHash['crarr']= '\u21B5';
+e2uHash['lArr']= '\u21D0';
+e2uHash['uArr']= '\u21D1';
+e2uHash['rArr']= '\u21D2';
+e2uHash['dArr']= '\u21D3';
+e2uHash['hArr']= '\u21D4';
+e2uHash['forall']= '\u2200';
+e2uHash['part']= '\u2202';
+e2uHash['exist']= '\u2203';
+e2uHash['empty']= '\u2205';
+e2uHash['nabla']= '\u2207';
+e2uHash['isin']= '\u2208';
+e2uHash['notin']= '\u2209';
+e2uHash['ni']= '\u220B';
+e2uHash['prod']= '\u220F';
+e2uHash['sum']= '\u2211';
+e2uHash['minus']= '\u2212';
+e2uHash['lowast']= '\u2217';
+e2uHash['radic']= '\u221A';
+e2uHash['prop']= '\u221D';
+e2uHash['infin']= '\u221E';
+e2uHash['ang']= '\u2220';
+e2uHash['and']= '\u2227';
+e2uHash['or']= '\u2228';
+e2uHash['cap']= '\u2229';
+e2uHash['cup']= '\u222A';
+e2uHash['int']= '\u222B';
+e2uHash['there4']= '\u2234';
+e2uHash['sim']= '\u223C';
+e2uHash['cong']= '\u2245';
+e2uHash['asymp']= '\u2248';
+e2uHash['ne']= '\u2260';
+e2uHash['equiv']= '\u2261';
+e2uHash['le']= '\u2264';
+e2uHash['ge']= '\u2265';
+e2uHash['sub']= '\u2282';
+e2uHash['sup']= '\u2283';
+e2uHash['nsub']= '\u2284';
+e2uHash['sube']= '\u2286';
+e2uHash['supe']= '\u2287';
+e2uHash['oplus']= '\u2295';
+e2uHash['otimes']= '\u2297';
+e2uHash['perp']= '\u22A5';
+e2uHash['sdot']= '\u22C5';
+e2uHash['lceil']= '\u2308';
+e2uHash['rceil']= '\u2309';
+e2uHash['lfloor']= '\u230A';
+e2uHash['rfloor']= '\u230B';
+e2uHash['lang']= '\u2329';
+e2uHash['rang']= '\u232A';
+e2uHash['loz']= '\u25CA';
+e2uHash['spades']= '\u2660';
+e2uHash['clubs']= '\u2663';
+e2uHash['hearts']= '\u2665';
+e2uHash['diams']= '\u2666';
 })();
-SimileAjax.HTML.deEntify=function(C){var D=SimileAjax.HTML._e2uHash;
-var B=/&(\w+?);/;
+SimileAjax.HTML.deEntify = function(s) {
-while(B.test(C)){var A=C.match(B);
+var e2uHash = SimileAjax.HTML._e2uHash;
-C=C.replace(B,D[A[1]]);
-}return C;
+var re = /&(\w+?);/;
-};
+while (re.test(s)) {
+var m = s.match(re);
+s = s.replace(re, e2uHash[m[1]]);
-/* json.js */
+}
-SimileAjax.JSON=new Object();
+return s;
-(function(){var m={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"};
+};/**
-var s={array:function(x){var a=["["],b,f,i,l=x.length,v;
+* A basic set (in the mathematical sense) data structure
-for(i=0;
+*
-i<l;
+* @constructor
-i+=1){v=x[i];
+* @param {Array or SimileAjax.Set} [a] an initial collection
-f=s[typeof v];
+*/
-if(f){v=f(v);
+SimileAjax.Set = function(a) {
-if(typeof v=="string"){if(b){a[a.length]=",";
+this._hash = {};
-}a[a.length]=v;
+this._count = 0;
-b=true;
-}}}a[a.length]="]";
+if (a instanceof Array) {
-return a.join("");
+for (var i = 0; i < a.length; i++) {
-},"boolean":function(x){return String(x);
+this.add(a[i]);
-},"null":function(x){return"null";
+}
-},number:function(x){return isFinite(x)?String(x):"null";
+} else if (a instanceof SimileAjax.Set) {
-},object:function(x){if(x){if(x instanceof Array){return s.array(x);
+this.addSet(a);
-}var a=["{"],b,f,i,v;
+}
-for(i in x){v=x[i];
+}
-f=s[typeof v];
-if(f){v=f(v);
+/**
-if(typeof v=="string"){if(b){a[a.length]=",";
+* Adds the given object to this set, assuming there it does not already exist
-}a.push(s.string(i),":",v);
+*
-b=true;
+* @param {Object} o the object to add
-}}}a[a.length]="}";
+* @return {Boolean} true if the object was added, false if not
-return a.join("");
+*/
-}return"null";
+SimileAjax.Set.prototype.add = function(o) {
-},string:function(x){if(/["\\\x00-\x1f]/.test(x)){x=x.replace(/([\x00-\x1f\\"])/g,function(a,b){var c=m[b];
+if (!(o in this._hash)) {
-if(c){return c;
+this._hash[o] = true;
-}c=b.charCodeAt();
+this._count++;
-return"\\u00"+Math.floor(c/16).toString(16)+(c%16).toString(16);
+return true;
-});
+}
-}return'"'+x+'"';
+return false;
-}};
+}
-SimileAjax.JSON.toJSONString=function(o){if(o instanceof Object){return s.object(o);
-}else{if(o instanceof Array){return s.array(o);
+/**
-}else{return o.toString();
+* Adds each element in the given set to this set
-}}};
+*
-SimileAjax.JSON.parseJSON=function(){try{return !(/[^,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test(this.replace(/"(\\.|[^"\\])*"/g,"")))&&eval("("+this+")");
+* @param {SimileAjax.Set} set the set of elements to add
-}catch(e){return false;
+*/
-}};
+SimileAjax.Set.prototype.addSet = function(set) {
+for (var o in set._hash) {
+this.add(o);
+}
+}
+/**
+* Removes the given element from this set
+*
+* @param {Object} o the object to remove
+* @return {Boolean} true if the object was successfully removed,
+*   false otherwise
+*/
+SimileAjax.Set.prototype.remove = function(o) {
+if (o in this._hash) {
+delete this._hash[o];
+this._count--;
+return true;
+}
+return false;
+}
+/**
+* Removes the elements in this set that correspond to the elements in the
+* given set
+*
+* @param {SimileAjax.Set} set the set of elements to remove
+*/
+SimileAjax.Set.prototype.removeSet = function(set) {
+for (var o in set._hash) {
+this.remove(o);
+}
+}
+/**
+* Removes all elements in this set that are not present in the given set, i.e.
+* modifies this set to the intersection of the two sets
+*
+* @param {SimileAjax.Set} set the set to intersect
+*/
+SimileAjax.Set.prototype.retainSet = function(set) {
+for (var o in this._hash) {
+if (!set.contains(o)) {
+delete this._hash[o];
+this._count--;
+}
+}
+}
+/**
+* Returns whether or not the given element exists in this set
+*
+* @param {SimileAjax.Set} o the object to test for
+* @return {Boolean} true if the object is present, false otherwise
+*/
+SimileAjax.Set.prototype.contains = function(o) {
+return (o in this._hash);
+}
+/**
+* Returns the number of elements in this set
+*
+* @return {Number} the number of elements in this set
+*/
+SimileAjax.Set.prototype.size = function() {
+return this._count;
+}
+/**
+* Returns the elements of this set as an array
+*
+* @return {Array} a new array containing the elements of this set
+*/
+SimileAjax.Set.prototype.toArray = function() {
+var a = [];
+for (var o in this._hash) {
+a.push(o);
+}
+return a;
+}
+/**
+* Iterates through the elements of this set, order unspecified, executing the
+* given function on each element until the function returns true
+*
+* @param {Function} f a function of form f(element)
+*/
+SimileAjax.Set.prototype.visit = function(f) {
+for (var o in this._hash) {
+if (f(o) == true) {
+break;
+}
+}
+}
+/**
+* A sorted array data structure
+*
+* @constructor
+*/
+SimileAjax.SortedArray = function(compare, initialArray) {
+this._a = (initialArray instanceof Array) ? initialArray : [];
+this._compare = compare;
+};
+SimileAjax.SortedArray.prototype.add = function(elmt) {
+var sa = this;
+var index = this.find(function(elmt2) {
+return sa._compare(elmt2, elmt);
+});
+if (index < this._a.length) {
+this._a.splice(index, 0, elmt);
+} else {
+this._a.push(elmt);
+}
+};
+SimileAjax.SortedArray.prototype.remove = function(elmt) {
+var sa = this;
+var index = this.find(function(elmt2) {
+return sa._compare(elmt2, elmt);
+});
+while (index < this._a.length && this._compare(this._a[index], elmt) == 0) {
+if (this._a[index] == elmt) {
+this._a.splice(index, 1);
+return true;
+} else {
+index++;
+}
+}
+return false;
+};
+SimileAjax.SortedArray.prototype.removeAll = function() {
+this._a = [];
+};
+SimileAjax.SortedArray.prototype.elementAt = function(index) {
+return this._a[index];
+};
+SimileAjax.SortedArray.prototype.length = function() {
+return this._a.length;
+};
+SimileAjax.SortedArray.prototype.find = function(compare) {
+var a = 0;
+var b = this._a.length;
+while (a < b) {
+var mid = Math.floor((a + b) / 2);
+var c = compare(this._a[mid]);
+if (mid == a) {
+return c < 0 ? a+1 : a;
+} else if (c < 0) {
+a = mid;
+} else {
+b = mid;
+}
+}
+return a;
+};
+SimileAjax.SortedArray.prototype.getFirst = function() {
+return (this._a.length > 0) ? this._a[0] : null;
+};
+SimileAjax.SortedArray.prototype.getLast = function() {
+return (this._a.length > 0) ? this._a[this._a.length - 1] : null;
+};
+/*==================================================
+*  Event Index
+*==================================================
+*/
+SimileAjax.EventIndex = function(unit) {
+var eventIndex = this;
+this._unit = (unit != null) ? unit : SimileAjax.NativeDateUnit;
+this._events = new SimileAjax.SortedArray(
+function(event1, event2) {
+return eventIndex._unit.compare(event1.getStart(), event2.getStart());
+}
+);
+this._idToEvent = {};
+this._indexed = true;
+};
+SimileAjax.EventIndex.prototype.getUnit = function() {
+return this._unit;
+};
+SimileAjax.EventIndex.prototype.getEvent = function(id) {
+return this._idToEvent[id];
+};
+SimileAjax.EventIndex.prototype.add = function(evt) {
+this._events.add(evt);
+this._idToEvent[evt.getID()] = evt;
+this._indexed = false;
+};
+SimileAjax.EventIndex.prototype.removeAll = function() {
+this._events.removeAll();
+this._idToEvent = {};
+this._indexed = false;
+};
+SimileAjax.EventIndex.prototype.getCount = function() {
+return this._events.length();
+};
+SimileAjax.EventIndex.prototype.getIterator = function(startDate, endDate) {
+if (!this._indexed) {
+this._index();
+}
+return new SimileAjax.EventIndex._Iterator(this._events, startDate, endDate, this._unit);
+};
+SimileAjax.EventIndex.prototype.getReverseIterator = function(startDate, endDate) {
+if (!this._indexed) {
+this._index();
+}
+return new SimileAjax.EventIndex._ReverseIterator(this._events, startDate, endDate, this._unit);
+};
+SimileAjax.EventIndex.prototype.getAllIterator = function() {
+return new SimileAjax.EventIndex._AllIterator(this._events);
+};
+SimileAjax.EventIndex.prototype.getEarliestDate = function() {
+var evt = this._events.getFirst();
+return (evt == null) ? null : evt.getStart();
+};
+SimileAjax.EventIndex.prototype.getLatestDate = function() {
+var evt = this._events.getLast();
+if (evt == null) {
+return null;
+}
+if (!this._indexed) {
+this._index();
+}
+var index = evt._earliestOverlapIndex;
+var date = this._events.elementAt(index).getEnd();
+for (var i = index + 1; i < this._events.length(); i++) {
+date = this._unit.later(date, this._events.elementAt(i).getEnd());
+}
+return date;
+};
+SimileAjax.EventIndex.prototype._index = function() {
+/*
+*  For each event, we want to find the earliest preceding
+*  event that overlaps with it, if any.
+*/
+var l = this._events.length();
+for (var i = 0; i < l; i++) {
+var evt = this._events.elementAt(i);
+evt._earliestOverlapIndex = i;
+}
+var toIndex = 1;
+for (var i = 0; i < l; i++) {
+var evt = this._events.elementAt(i);
+var end = evt.getEnd();
+toIndex = Math.max(toIndex, i + 1);
+while (toIndex < l) {
+var evt2 = this._events.elementAt(toIndex);
+var start2 = evt2.getStart();
+if (this._unit.compare(start2, end) < 0) {
+evt2._earliestOverlapIndex = i;
+toIndex++;
+} else {
+break;
+}
+}
+}
+this._indexed = true;
+};
+SimileAjax.EventIndex._Iterator = function(events, startDate, endDate, unit) {
+this._events = events;
+this._startDate = startDate;
+this._endDate = endDate;
+this._unit = unit;
+this._currentIndex = events.find(function(evt) {
+return unit.compare(evt.getStart(), startDate);
+});
+if (this._currentIndex - 1 >= 0) {
+this._currentIndex = this._events.elementAt(this._currentIndex - 1)._earliestOverlapIndex;
+}
+this._currentIndex--;
+this._maxIndex = events.find(function(evt) {
+return unit.compare(evt.getStart(), endDate);
+});
+this._hasNext = false;
+this._next = null;
+this._findNext();
+};
+SimileAjax.EventIndex._Iterator.prototype = {
+hasNext: function() { return this._hasNext; },
+next: function() {
+if (this._hasNext) {
+var next = this._next;
+this._findNext();
+return next;
+} else {
+return null;
+}
+},
+_findNext: function() {
+var unit = this._unit;
+while ((++this._currentIndex) < this._maxIndex) {
+var evt = this._events.elementAt(this._currentIndex);
+if (unit.compare(evt.getStart(), this._endDate) < 0 &&
+unit.compare(evt.getEnd(), this._startDate) > 0) {
+this._next = evt;
+this._hasNext = true;
+return;
+}
+}
+this._next = null;
+this._hasNext = false;
+}
+};
+SimileAjax.EventIndex._ReverseIterator = function(events, startDate, endDate, unit) {
+this._events = events;
+this._startDate = startDate;
+this._endDate = endDate;
+this._unit = unit;
+this._minIndex = events.find(function(evt) {
+return unit.compare(evt.getStart(), startDate);
+});
+if (this._minIndex - 1 >= 0) {
+this._minIndex = this._events.elementAt(this._minIndex - 1)._earliestOverlapIndex;
+}
+this._maxIndex = events.find(function(evt) {
+return unit.compare(evt.getStart(), endDate);
+});
+this._currentIndex = this._maxIndex;
+this._hasNext = false;
+this._next = null;
+this._findNext();
+};
+SimileAjax.EventIndex._ReverseIterator.prototype = {
+hasNext: function() { return this._hasNext; },
+next: function() {
+if (this._hasNext) {
+var next = this._next;
+this._findNext();
+return next;
+} else {
+return null;
+}
+},
+_findNext: function() {
+var unit = this._unit;
+while ((--this._currentIndex) >= this._minIndex) {
+var evt = this._events.elementAt(this._currentIndex);
+if (unit.compare(evt.getStart(), this._endDate) < 0 &&
+unit.compare(evt.getEnd(), this._startDate) > 0) {
+this._next = evt;
+this._hasNext = true;
+return;
+}
+}
+this._next = null;
+this._hasNext = false;
+}
+};
+SimileAjax.EventIndex._AllIterator = function(events) {
+this._events = events;
+this._index = 0;
+};
+SimileAjax.EventIndex._AllIterator.prototype = {
+hasNext: function() {
+return this._index < this._events.length();
+},
+next: function() {
+return this._index < this._events.length() ?
+this._events.elementAt(this._index++) : null;
+}
+};/*==================================================
+*  Default Unit
+*==================================================
+*/
+SimileAjax.NativeDateUnit = new Object();
+SimileAjax.NativeDateUnit.makeDefaultValue = function() {
+return new Date();
+};
+SimileAjax.NativeDateUnit.cloneValue = function(v) {
+return new Date(v.getTime());
+};
+SimileAjax.NativeDateUnit.getParser = function(format) {
+if (typeof format == "string") {
+format = format.toLowerCase();
+}
+return (format == "iso8601" || format == "iso 8601") ?
+SimileAjax.DateTime.parseIso8601DateTime :
+SimileAjax.DateTime.parseGregorianDateTime;
+};
+SimileAjax.NativeDateUnit.parseFromObject = function(o) {
+return SimileAjax.DateTime.parseGregorianDateTime(o);
+};
+SimileAjax.NativeDateUnit.toNumber = function(v) {
+return v.getTime();
+};
+SimileAjax.NativeDateUnit.fromNumber = function(n) {
+return new Date(n);
+};
+SimileAjax.NativeDateUnit.compare = function(v1, v2) {
+var n1, n2;
+if (typeof v1 == "object") {
+n1 = v1.getTime();
+} else {
+n1 = Number(v1);
+}
+if (typeof v2 == "object") {
+n2 = v2.getTime();
+} else {
+n2 = Number(v2);
+}
+return n1 - n2;
+};
+SimileAjax.NativeDateUnit.earlier = function(v1, v2) {
+return SimileAjax.NativeDateUnit.compare(v1, v2) < 0 ? v1 : v2;
+};
+SimileAjax.NativeDateUnit.later = function(v1, v2) {
+return SimileAjax.NativeDateUnit.compare(v1, v2) > 0 ? v1 : v2;
+};
+SimileAjax.NativeDateUnit.change = function(v, n) {
+return new Date(v.getTime() + n);
+};
+/*==================================================
+*  General, miscellaneous SimileAjax stuff
+*==================================================
+*/
+SimileAjax.ListenerQueue = function(wildcardHandlerName) {
+this._listeners = [];
+this._wildcardHandlerName = wildcardHandlerName;
+};
+SimileAjax.ListenerQueue.prototype.add = function(listener) {
+this._listeners.push(listener);
+};
+SimileAjax.ListenerQueue.prototype.remove = function(listener) {
+var listeners = this._listeners;
+for (var i = 0; i < listeners.length; i++) {
+if (listeners[i] == listener) {
+listeners.splice(i, 1);
+break;
+}
+}
+};
+SimileAjax.ListenerQueue.prototype.fire = function(handlerName, args) {
+var listeners = [].concat(this._listeners);
+for (var i = 0; i < listeners.length; i++) {
+var listener = listeners[i];
+if (handlerName in listener) {
+try {
+listener[handlerName].apply(listener, args);
+} catch (e) {
+SimileAjax.Debug.exception("Error firing event of name " + handlerName, e);
+}
+} else if (this._wildcardHandlerName != null &&
+this._wildcardHandlerName in listener) {
+try {
+listener[this._wildcardHandlerName].apply(listener, [ handlerName ]);
+} catch (e) {
+SimileAjax.Debug.exception("Error firing event of name " + handlerName + " to wildcard handler", e);
+}
+}
+}
+};
+/*======================================================================
+*  History
+*
+*  This is a singleton that keeps track of undoable user actions and
+*  performs undos and redos in response to the browser's Back and
+*  Forward buttons.
+*
+*  Call addAction(action) to register an undoable user action. action
+*  must have 4 fields:
+*
+*      perform: an argument-less function that carries out the action
+*      undo:    an argument-less function that undos the action
+*      label:   a short, user-friendly string describing the action
+*      uiLayer: the UI layer on which the action takes place
+*
+*  By default, the history keeps track of upto 10 actions. You can
+*  configure this behavior by setting
+*      SimileAjax.History.maxHistoryLength
+*  to a different number.
+*
+*  An iframe is inserted into the document's body element to track
+*  onload events.
+*======================================================================
+*/
+SimileAjax.History = {
+maxHistoryLength:       10,
+historyFile:            "__history__.html",
+enabled:               true,
+_initialized:           false,
+_listeners:             new SimileAjax.ListenerQueue(),
+_actions:               [],
+_baseIndex:             0,
+_currentIndex:          0,
+_plainDocumentTitle:    document.title
+};
+SimileAjax.History.formatHistoryEntryTitle = function(actionLabel) {
+return SimileAjax.History._plainDocumentTitle + " {" + actionLabel + "}";
+};
+SimileAjax.History.initialize = function() {
+if (SimileAjax.History._initialized) {
+return;
+}
+if (SimileAjax.History.enabled) {
+var iframe = document.createElement("iframe");
+iframe.id = "simile-ajax-history";
+iframe.style.position = "absolute";
+iframe.style.width = "10px";
+iframe.style.height = "10px";
+iframe.style.top = "0px";
+iframe.style.left = "0px";
+iframe.style.visibility = "hidden";
+iframe.src = SimileAjax.History.historyFile + "?0";
+document.body.appendChild(iframe);
+SimileAjax.DOM.registerEvent(iframe, "load", SimileAjax.History._handleIFrameOnLoad);
+SimileAjax.History._iframe = iframe;
+}
+SimileAjax.History._initialized = true;
+};
+SimileAjax.History.addListener = function(listener) {
+SimileAjax.History.initialize();
+SimileAjax.History._listeners.add(listener);
+};
+SimileAjax.History.removeListener = function(listener) {
+SimileAjax.History.initialize();
+SimileAjax.History._listeners.remove(listener);
+};
+SimileAjax.History.addAction = function(action) {
+SimileAjax.History.initialize();
+SimileAjax.History._listeners.fire("onBeforePerform", [ action ]);
+window.setTimeout(function() {
+try {
+action.perform();
+SimileAjax.History._listeners.fire("onAfterPerform", [ action ]);
+if (SimileAjax.History.enabled) {
+SimileAjax.History._actions = SimileAjax.History._actions.slice(
+0, SimileAjax.History._currentIndex - SimileAjax.History._baseIndex);
+SimileAjax.History._actions.push(action);
+SimileAjax.History._currentIndex++;
+var diff = SimileAjax.History._actions.length - SimileAjax.History.maxHistoryLength;
+if (diff > 0) {
+SimileAjax.History._actions = SimileAjax.History._actions.slice(diff);
+SimileAjax.History._baseIndex += diff;
+}
+try {
+SimileAjax.History._iframe.contentWindow.location.search =
+"?" + SimileAjax.History._currentIndex;
+} catch (e) {
+/*
+*  We can't modify location.search most probably because it's a file:// url.
+*  We'll just going to modify the document's title.
+*/
+var title = SimileAjax.History.formatHistoryEntryTitle(action.label);
+document.title = title;
+}
+}
+} catch (e) {
+SimileAjax.Debug.exception(e, "Error adding action {" + action.label + "} to history");
+}
+}, 0);
+};
+SimileAjax.History.addLengthyAction = function(perform, undo, label) {
+SimileAjax.History.addAction({
+perform:    perform,
+undo:       undo,
+label:      label,
+uiLayer:    SimileAjax.WindowManager.getBaseLayer(),
+lengthy:    true
+});
+};
+SimileAjax.History._handleIFrameOnLoad = function() {
+/*
+*  This function is invoked when the user herself
+*  navigates backward or forward. We need to adjust
+*  the application's state accordingly.
+*/
+try {
+var q = SimileAjax.History._iframe.contentWindow.location.search;
+var c = (q.length == 0) ? 0 : Math.max(0, parseInt(q.substr(1)));
+var finishUp = function() {
+var diff = c - SimileAjax.History._currentIndex;
+SimileAjax.History._currentIndex += diff;
+SimileAjax.History._baseIndex += diff;
+SimileAjax.History._iframe.contentWindow.location.search = "?" + c;
+};
+if (c < SimileAjax.History._currentIndex) { // need to undo
+SimileAjax.History._listeners.fire("onBeforeUndoSeveral", []);
+window.setTimeout(function() {
+while (SimileAjax.History._currentIndex > c &&
+SimileAjax.History._currentIndex > SimileAjax.History._baseIndex) {
+SimileAjax.History._currentIndex--;
+var action = SimileAjax.History._actions[SimileAjax.History._currentIndex - SimileAjax.History._baseIndex];
+try {
+action.undo();
+} catch (e) {
+SimileAjax.Debug.exception(e, "History: Failed to undo action {" + action.label + "}");
+}
+}
+SimileAjax.History._listeners.fire("onAfterUndoSeveral", []);
+finishUp();
+}, 0);
+} else if (c > SimileAjax.History._currentIndex) { // need to redo
+SimileAjax.History._listeners.fire("onBeforeRedoSeveral", []);
+window.setTimeout(function() {
+while (SimileAjax.History._currentIndex < c &&
+SimileAjax.History._currentIndex - SimileAjax.History._baseIndex < SimileAjax.History._actions.length) {
+var action = SimileAjax.History._actions[SimileAjax.History._currentIndex - SimileAjax.History._baseIndex];
+try {
+action.perform();
+} catch (e) {
+SimileAjax.Debug.exception(e, "History: Failed to redo action {" + action.label + "}");
+}
+SimileAjax.History._currentIndex++;
+}
+SimileAjax.History._listeners.fire("onAfterRedoSeveral", []);
+finishUp();
+}, 0);
+} else {
+var index = SimileAjax.History._currentIndex - SimileAjax.History._baseIndex - 1;
+var title = (index >= 0 && index < SimileAjax.History._actions.length) ?
+SimileAjax.History.formatHistoryEntryTitle(SimileAjax.History._actions[index].label) :
+SimileAjax.History._plainDocumentTitle;
+SimileAjax.History._iframe.contentWindow.document.title = title;
+document.title = title;
+}
+} catch (e) {
+// silent
+}
+};
+SimileAjax.History.getNextUndoAction = function() {
+try {
+var index = SimileAjax.History._currentIndex - SimileAjax.History._baseIndex - 1;
+return SimileAjax.History._actions[index];
+} catch (e) {
+return null;
+}
+};
+SimileAjax.History.getNextRedoAction = function() {
+try {
+var index = SimileAjax.History._currentIndex - SimileAjax.History._baseIndex;
+return SimileAjax.History._actions[index];
+} catch (e) {
+return null;
+}
+};
+/**
+* @fileOverview UI layers and window-wide dragging
+* @name SimileAjax.WindowManager
+*/
+/**
+*  This is a singleton that keeps track of UI layers (modal and
+*  modeless) and enables/disables UI elements based on which layers
+*  they belong to. It also provides window-wide dragging
+*  implementation.
+*/
+SimileAjax.WindowManager = {
+_initialized:       false,
+_listeners:         [],
+_draggedElement:                null,
+_draggedElementCallback:        null,
+_dropTargetHighlightElement:    null,
+_lastCoords:                    null,
+_ghostCoords:                   null,
+_draggingMode:                  "",
+_dragging:                      false,
+_layers:            []
+};
+SimileAjax.WindowManager.initialize = function() {
+if (SimileAjax.WindowManager._initialized) {
+return;
+}
+SimileAjax.DOM.registerEvent(document.body, "mousedown", SimileAjax.WindowManager._onBodyMouseDown);
+SimileAjax.DOM.registerEvent(document.body, "mousemove", SimileAjax.WindowManager._onBodyMouseMove);
+SimileAjax.DOM.registerEvent(document.body, "mouseup",   SimileAjax.WindowManager._onBodyMouseUp);
+SimileAjax.DOM.registerEvent(document, "keydown",       SimileAjax.WindowManager._onBodyKeyDown);
+SimileAjax.DOM.registerEvent(document, "keyup",         SimileAjax.WindowManager._onBodyKeyUp);
+SimileAjax.WindowManager._layers.push({index: 0});
+SimileAjax.WindowManager._historyListener = {
+onBeforeUndoSeveral:    function() {},
+onAfterUndoSeveral:     function() {},
+onBeforeUndo:           function() {},
+onAfterUndo:            function() {},
+onBeforeRedoSeveral:    function() {},
+onAfterRedoSeveral:     function() {},
+onBeforeRedo:           function() {},
+onAfterRedo:            function() {}
+};
+SimileAjax.History.addListener(SimileAjax.WindowManager._historyListener);
+SimileAjax.WindowManager._initialized = true;
+};
+SimileAjax.WindowManager.getBaseLayer = function() {
+SimileAjax.WindowManager.initialize();
+return SimileAjax.WindowManager._layers[0];
+};
+SimileAjax.WindowManager.getHighestLayer = function() {
+SimileAjax.WindowManager.initialize();
+return SimileAjax.WindowManager._layers[SimileAjax.WindowManager._layers.length - 1];
+};
+SimileAjax.WindowManager.registerEventWithObject = function(elmt, eventName, obj, handlerName, layer) {
+SimileAjax.WindowManager.registerEvent(
+elmt,
+eventName,
+function(elmt2, evt, target) {
+return obj[handlerName].call(obj, elmt2, evt, target);
+},
+layer
+);
+};
+SimileAjax.WindowManager.registerEvent = function(elmt, eventName, handler, layer) {
+if (layer == null) {
+layer = SimileAjax.WindowManager.getHighestLayer();
+}
+var handler2 = function(elmt, evt, target) {
+if (SimileAjax.WindowManager._canProcessEventAtLayer(layer)) {
+SimileAjax.WindowManager._popToLayer(layer.index);
+try {
+handler(elmt, evt, target);
+} catch (e) {
+SimileAjax.Debug.exception(e);
+}
+}
+SimileAjax.DOM.cancelEvent(evt);
+return false;
+}
+SimileAjax.DOM.registerEvent(elmt, eventName, handler2);
+};
+SimileAjax.WindowManager.pushLayer = function(f, ephemeral, elmt) {
+var layer = { onPop: f, index: SimileAjax.WindowManager._layers.length, ephemeral: (ephemeral), elmt: elmt };
+SimileAjax.WindowManager._layers.push(layer);
+return layer;
+};
+SimileAjax.WindowManager.popLayer = function(layer) {
+for (var i = 1; i < SimileAjax.WindowManager._layers.length; i++) {
+if (SimileAjax.WindowManager._layers[i] == layer) {
+SimileAjax.WindowManager._popToLayer(i - 1);
+break;
+}
+}
+};
+SimileAjax.WindowManager.popAllLayers = function() {
+SimileAjax.WindowManager._popToLayer(0);
+};
+SimileAjax.WindowManager.registerForDragging = function(elmt, callback, layer) {
+SimileAjax.WindowManager.registerEvent(
+elmt,
+"mousedown",
+function(elmt, evt, target) {
+SimileAjax.WindowManager._handleMouseDown(elmt, evt, callback);
+},
+layer
+);
+};
+SimileAjax.WindowManager._popToLayer = function(level) {
+while (level+1 < SimileAjax.WindowManager._layers.length) {
+try {
+var layer = SimileAjax.WindowManager._layers.pop();
+if (layer.onPop != null) {
+layer.onPop();
+}
+} catch (e) {
+}
+}
+};
+SimileAjax.WindowManager._canProcessEventAtLayer = function(layer) {
+if (layer.index == (SimileAjax.WindowManager._layers.length - 1)) {
+return true;
+}
+for (var i = layer.index + 1; i < SimileAjax.WindowManager._layers.length; i++) {
+if (!SimileAjax.WindowManager._layers[i].ephemeral) {
+return false;
+}
+}
+return true;
+};
+SimileAjax.WindowManager.cancelPopups = function(evt) {
+var evtCoords = (evt) ? SimileAjax.DOM.getEventPageCoordinates(evt) : { x: -1, y: -1 };
+var i = SimileAjax.WindowManager._layers.length - 1;
+while (i > 0 && SimileAjax.WindowManager._layers[i].ephemeral) {
+var layer = SimileAjax.WindowManager._layers[i];
+if (layer.elmt != null) { // if event falls within main element of layer then don't cancel
+var elmt = layer.elmt;
+var elmtCoords = SimileAjax.DOM.getPageCoordinates(elmt);
+if (evtCoords.x >= elmtCoords.left && evtCoords.x < (elmtCoords.left + elmt.offsetWidth) &&
+evtCoords.y >= elmtCoords.top && evtCoords.y < (elmtCoords.top + elmt.offsetHeight)) {
+break;
+}
+}
+i--;
+}
+SimileAjax.WindowManager._popToLayer(i);
+};
+SimileAjax.WindowManager._onBodyMouseDown = function(elmt, evt, target) {
+if (!("eventPhase" in evt) || evt.eventPhase == evt.BUBBLING_PHASE) {
+SimileAjax.WindowManager.cancelPopups(evt);
+}
+};
+SimileAjax.WindowManager._handleMouseDown = function(elmt, evt, callback) {
+SimileAjax.WindowManager._draggedElement = elmt;
+SimileAjax.WindowManager._draggedElementCallback = callback;
+SimileAjax.WindowManager._lastCoords = { x: evt.clientX, y: evt.clientY };
+SimileAjax.DOM.cancelEvent(evt);
+return false;
+};
+SimileAjax.WindowManager._onBodyKeyDown = function(elmt, evt, target) {
+if (SimileAjax.WindowManager._dragging) {
+if (evt.keyCode == 27) { // esc
+SimileAjax.WindowManager._cancelDragging();
+} else if ((evt.keyCode == 17 || evt.keyCode == 16) && SimileAjax.WindowManager._draggingMode != "copy") {
+SimileAjax.WindowManager._draggingMode = "copy";
+var img = SimileAjax.Graphics.createTranslucentImage(SimileAjax.urlPrefix + "images/copy.png");
+img.style.position = "absolute";
+img.style.left = (SimileAjax.WindowManager._ghostCoords.left - 16) + "px";
+img.style.top = (SimileAjax.WindowManager._ghostCoords.top) + "px";
+document.body.appendChild(img);
+SimileAjax.WindowManager._draggingModeIndicatorElmt = img;
+}
+}
+};
+SimileAjax.WindowManager._onBodyKeyUp = function(elmt, evt, target) {
+if (SimileAjax.WindowManager._dragging) {
+if (evt.keyCode == 17 || evt.keyCode == 16) {
+SimileAjax.WindowManager._draggingMode = "";
+if (SimileAjax.WindowManager._draggingModeIndicatorElmt != null) {
+document.body.removeChild(SimileAjax.WindowManager._draggingModeIndicatorElmt);
+SimileAjax.WindowManager._draggingModeIndicatorElmt = null;
+}
+}
+}
+};
+SimileAjax.WindowManager._onBodyMouseMove = function(elmt, evt, target) {
+if (SimileAjax.WindowManager._draggedElement != null) {
+var callback = SimileAjax.WindowManager._draggedElementCallback;
+var lastCoords = SimileAjax.WindowManager._lastCoords;
+var diffX = evt.clientX - lastCoords.x;
+var diffY = evt.clientY - lastCoords.y;
+if (!SimileAjax.WindowManager._dragging) {
+if (Math.abs(diffX) > 5 || Math.abs(diffY) > 5) {
+try {
+if ("onDragStart" in callback) {
+callback.onDragStart();
+}
+if ("ghost" in callback && callback.ghost) {
+var draggedElmt = SimileAjax.WindowManager._draggedElement;
+SimileAjax.WindowManager._ghostCoords = SimileAjax.DOM.getPageCoordinates(draggedElmt);
+SimileAjax.WindowManager._ghostCoords.left += diffX;
+SimileAjax.WindowManager._ghostCoords.top += diffY;
+var ghostElmt = draggedElmt.cloneNode(true);
+ghostElmt.style.position = "absolute";
+ghostElmt.style.left = SimileAjax.WindowManager._ghostCoords.left + "px";
+ghostElmt.style.top = SimileAjax.WindowManager._ghostCoords.top + "px";
+ghostElmt.style.zIndex = 1000;
+SimileAjax.Graphics.setOpacity(ghostElmt, 50);
+document.body.appendChild(ghostElmt);
+callback._ghostElmt = ghostElmt;
+}
+SimileAjax.WindowManager._dragging = true;
+SimileAjax.WindowManager._lastCoords = { x: evt.clientX, y: evt.clientY };
+document.body.focus();
+} catch (e) {
+SimileAjax.Debug.exception("WindowManager: Error handling mouse down", e);
+SimileAjax.WindowManager._cancelDragging();
+}
+}
+} else {
+try {
+SimileAjax.WindowManager._lastCoords = { x: evt.clientX, y: evt.clientY };
+if ("onDragBy" in callback) {
+callback.onDragBy(diffX, diffY);
+}
+if ("_ghostElmt" in callback) {
+var ghostElmt = callback._ghostElmt;
+SimileAjax.WindowManager._ghostCoords.left += diffX;
+SimileAjax.WindowManager._ghostCoords.top += diffY;
+ghostElmt.style.left = SimileAjax.WindowManager._ghostCoords.left + "px";
+ghostElmt.style.top = SimileAjax.WindowManager._ghostCoords.top + "px";
+if (SimileAjax.WindowManager._draggingModeIndicatorElmt != null) {
+var indicatorElmt = SimileAjax.WindowManager._draggingModeIndicatorElmt;
+indicatorElmt.style.left = (SimileAjax.WindowManager._ghostCoords.left - 16) + "px";
+indicatorElmt.style.top = SimileAjax.WindowManager._ghostCoords.top + "px";
+}
+if ("droppable" in callback && callback.droppable) {
+var coords = SimileAjax.DOM.getEventPageCoordinates(evt);
+var target = SimileAjax.DOM.hittest(
+coords.x, coords.y,
+[   SimileAjax.WindowManager._ghostElmt,
+SimileAjax.WindowManager._dropTargetHighlightElement
+]
+);
+target = SimileAjax.WindowManager._findDropTarget(target);
+if (target != SimileAjax.WindowManager._potentialDropTarget) {
+if (SimileAjax.WindowManager._dropTargetHighlightElement != null) {
+document.body.removeChild(SimileAjax.WindowManager._dropTargetHighlightElement);
+SimileAjax.WindowManager._dropTargetHighlightElement = null;
+SimileAjax.WindowManager._potentialDropTarget = null;
+}
+var droppable = false;
+if (target != null) {
+if ((!("canDropOn" in callback) || callback.canDropOn(target)) &&
+(!("canDrop" in target) || target.canDrop(SimileAjax.WindowManager._draggedElement))) {
+droppable = true;
+}
+}
+if (droppable) {
+var border = 4;
+var targetCoords = SimileAjax.DOM.getPageCoordinates(target);
+var highlight = document.createElement("div");
+highlight.style.border = border + "px solid yellow";
+highlight.style.backgroundColor = "yellow";
+highlight.style.position = "absolute";
+highlight.style.left = targetCoords.left + "px";
+highlight.style.top = targetCoords.top + "px";
+highlight.style.width = (target.offsetWidth - border * 2) + "px";
+highlight.style.height = (target.offsetHeight - border * 2) + "px";
+SimileAjax.Graphics.setOpacity(highlight, 30);
+document.body.appendChild(highlight);
+SimileAjax.WindowManager._potentialDropTarget = target;
+SimileAjax.WindowManager._dropTargetHighlightElement = highlight;
+}
+}
+}
+}
+} catch (e) {
+SimileAjax.Debug.exception("WindowManager: Error handling mouse move", e);
+SimileAjax.WindowManager._cancelDragging();
+}
+}
+SimileAjax.DOM.cancelEvent(evt);
+return false;
+}
+};
+SimileAjax.WindowManager._onBodyMouseUp = function(elmt, evt, target) {
+if (SimileAjax.WindowManager._draggedElement != null) {
+try {
+if (SimileAjax.WindowManager._dragging) {
+var callback = SimileAjax.WindowManager._draggedElementCallback;
+if ("onDragEnd" in callback) {
+callback.onDragEnd();
+}
+if ("droppable" in callback && callback.droppable) {
+var dropped = false;
+var target = SimileAjax.WindowManager._potentialDropTarget;
+if (target != null) {
+if ((!("canDropOn" in callback) || callback.canDropOn(target)) &&
+(!("canDrop" in target) || target.canDrop(SimileAjax.WindowManager._draggedElement))) {
+if ("onDropOn" in callback) {
+callback.onDropOn(target);
+}
+target.ondrop(SimileAjax.WindowManager._draggedElement, SimileAjax.WindowManager._draggingMode);
+dropped = true;
+}
+}
+if (!dropped) {
+// TODO: do holywood explosion here
+}
+}
+}
+} finally {
+SimileAjax.WindowManager._cancelDragging();
+}
+SimileAjax.DOM.cancelEvent(evt);
+return false;
+}
+};
+SimileAjax.WindowManager._cancelDragging = function() {
+var callback = SimileAjax.WindowManager._draggedElementCallback;
+if ("_ghostElmt" in callback) {
+var ghostElmt = callback._ghostElmt;
+document.body.removeChild(ghostElmt);
+delete callback._ghostElmt;
+}
+if (SimileAjax.WindowManager._dropTargetHighlightElement != null) {
+document.body.removeChild(SimileAjax.WindowManager._dropTargetHighlightElement);
+SimileAjax.WindowManager._dropTargetHighlightElement = null;
+}
+if (SimileAjax.WindowManager._draggingModeIndicatorElmt != null) {
+document.body.removeChild(SimileAjax.WindowManager._draggingModeIndicatorElmt);
+SimileAjax.WindowManager._draggingModeIndicatorElmt = null;
+}
+SimileAjax.WindowManager._draggedElement = null;
+SimileAjax.WindowManager._draggedElementCallback = null;
+SimileAjax.WindowManager._potentialDropTarget = null;
+SimileAjax.WindowManager._dropTargetHighlightElement = null;
+SimileAjax.WindowManager._lastCoords = null;
+SimileAjax.WindowManager._ghostCoords = null;
+SimileAjax.WindowManager._draggingMode = "";
+SimileAjax.WindowManager._dragging = false;
+};
+SimileAjax.WindowManager._findDropTarget = function(elmt) {
+while (elmt != null) {
+if ("ondrop" in elmt && (typeof elmt.ondrop) == "function") {
+break;
+}
+elmt = elmt.parentNode;
+}
+return elmt;
+};
+/*==================================================
+*  Timeline API
+*
+*  This file will load all the Javascript files
+*  necessary to make the standard timeline work.
+*  It also detects the default locale.
+*
+*  To run from the MIT copy of Timeline:
+*  Include this file in your HTML file as follows:
+*
+*    <script src="http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js"
+*     type="text/javascript"></script>
+*
+*
+* To host the Timeline files on your own server:
+*   1) Install the Timeline and Simile-Ajax files onto your webserver using
+*      timeline_libraries.zip or timeline_source.zip
+*
+*   2) Set global js variables used to send parameters to this script:
+*        var Timeline_ajax_url -- url for simile-ajax-api.js
+*        var Timeline_urlPrefix -- url for the *directory* that contains timeline-api.js
+*            Include trailing slash
+*        var Timeline_parameters='bundle=true'; // you must set bundle to true if you are using
+*                                               // timeline_libraries.zip since only the
+*                                               // bundled libraries are included
+*
+* eg your html page would include
+*
+*   <script>
+*     var Timeline_ajax_url="http://YOUR_SERVER/javascripts/timeline/timeline_ajax/simile-ajax-api.js";
+*     var Timeline_urlPrefix='http://YOUR_SERVER/javascripts/timeline/timeline_js/';
+*     var Timeline_parameters='bundle=true';
+*   </script>
+*   <script src="http://YOUR_SERVER/javascripts/timeline/timeline_js/timeline-api.js"
+*     type="text/javascript">
+*   </script>
+*
+* SCRIPT PARAMETERS
+* This script auto-magically figures out locale and has defaults for other parameters
+* To set parameters explicity, set js global variable Timeline_parameters or include as
+* parameters on the url using GET style. Eg the two next lines pass the same parameters:
+*     Timeline_parameters='bundle=true';                    // pass parameter via js variable
+*     <script src="http://....timeline-api.js?bundle=true"  // pass parameter via url
+*
+* Parameters
+*   timeline-use-local-resources --
+*   bundle -- true: use the single js bundle file; false: load individual files (for debugging)
+*   locales --
+*   defaultLocale --
+*   forceLocale -- force locale to be a particular value--used for debugging. Normally locale is determined
+*                  by browser's and server's locale settings.
+*
+* DEBUGGING
+* If you have a problem with Timeline, the first step is to use the unbundled Javascript files. To do so:
+* To use the unbundled Timeline and Ajax libraries
+* Change
+*   <script src="http://api.simile-widgets.org/timeline/2.3.1/api/timeline-api.js?bundle=true" type="text/javascript"></script>
+* To
+*   <script>var Timeline_ajax_url = "http://api.simile-widgets.org/ajax/2.2.1/simile-ajax-api.js?bundle=false"</script>
+*   <script src="http://api.simile-widgets.org/timeline/2.3.1/api/timeline-api.js?bundle=false" type="text/javascript"></script>
+*
+* Note that the Ajax version is usually NOT the same as the Timeline version.
+* See variable simile_ajax_ver below for the current version
+*
+*==================================================
+*/
+(function() {
+var simile_ajax_ver = "2.2.1"; // ===========>>>  current Simile-Ajax version
+var useLocalResources = false;
+if (document.location.search.length > 0) {
+var params = document.location.search.substr(1).split("&");
+for (var i = 0; i < params.length; i++) {
+if (params[i] == "timeline-use-local-resources") {
+useLocalResources = true;
+}
+}
+};
+var loadMe = function() {
+if ("Timeline" in window) {
+return;
+}
+window.Timeline = new Object();
+window.Timeline.DateTime = window.SimileAjax.DateTime; // for backward compatibility
+var bundle = false;
+var javascriptFiles = [
+"timeline.js",
+"band.js",
+"themes.js",
+"ethers.js",
+"ether-painters.js",
+"event-utils.js",
+"labellers.js",
+"sources.js",
+"original-painter.js",
+"detailed-painter.js",
+"overview-painter.js",
+"compact-painter.js",
+"decorators.js",
+"units.js"
+];
+var cssFiles = [
+"timeline.css",
+"ethers.css",
+"events.css"
+];
+var localizedJavascriptFiles = [
+"timeline.js",
+"labellers.js"
+];
+var localizedCssFiles = [
+];
+// ISO-639 language codes, ISO-3166 country codes (2 characters)
+var supportedLocales = [
+"cs",       // Czech
+"de",       // German
+"en",       // English
+"es",       // Spanish
+"fr",       // French
+"it",       // Italian
+"nl",       // Dutch (The Netherlands)
+"ru",       // Russian
+"se",       // Swedish
+"tr",       // Turkish
+"vi",       // Vietnamese
+"zh"        // Chinese
+];
+try {
+var desiredLocales = [ "en" ],
+defaultServerLocale = "en",
+forceLocale = null;
+var parseURLParameters = function(parameters) {
+var params = parameters.split("&");
+for (var p = 0; p < params.length; p++) {
+var pair = params[p].split("=");
+if (pair[0] == "locales") {
+desiredLocales = desiredLocales.concat(pair[1].split(","));
+} else if (pair[0] == "defaultLocale") {
+defaultServerLocale = pair[1];
+} else if (pair[0] == "forceLocale") {
+forceLocale = pair[1];
+desiredLocales = desiredLocales.concat(pair[1].split(","));
+} else if (pair[0] == "bundle") {
+bundle = pair[1] != "false";
+}
+}
+};
+(function() {
+if (typeof Timeline_urlPrefix == "string") {
+Timeline.urlPrefix = Timeline_urlPrefix;
+if (typeof Timeline_parameters == "string") {
+parseURLParameters(Timeline_parameters);
+}
+} else {
+var heads = document.documentElement.getElementsByTagName("head");
+for (var h = 0; h < heads.length; h++) {
+var scripts = heads[h].getElementsByTagName("script");
+for (var s = 0; s < scripts.length; s++) {
+var url = scripts[s].src;
+var i = url.indexOf("timeline-api.js");
+if (i >= 0) {
+Timeline.urlPrefix = url.substr(0, i);
+var q = url.indexOf("?");
+if (q > 0) {
+parseURLParameters(url.substr(q + 1));
+}
+return;
+}
+}
+}
+throw new Error("Failed to derive URL prefix for Timeline API code files");
+}
+})();
+var includeJavascriptFiles = function(urlPrefix, filenames) {
+SimileAjax.includeJavascriptFiles(document, urlPrefix, filenames);
+}
+var includeCssFiles = function(urlPrefix, filenames) {
+SimileAjax.includeCssFiles(document, urlPrefix, filenames);
+}
+/*
+*  Include non-localized files
+*/
+if (bundle) {
+includeJavascriptFiles(Timeline.urlPrefix, [ "timeline-bundle.js" ]);
+includeCssFiles(Timeline.urlPrefix, [ "timeline-bundle.css" ]);
+} else {
+includeJavascriptFiles(Timeline.urlPrefix + "scripts/", javascriptFiles);
+includeCssFiles(Timeline.urlPrefix + "styles/", cssFiles);
+}
+/*
+*  Include localized files
+*/
+var loadLocale = [];
+loadLocale[defaultServerLocale] = true;
+var tryExactLocale = function(locale) {
+for (var l = 0; l < supportedLocales.length; l++) {
+if (locale == supportedLocales[l]) {
+loadLocale[locale] = true;
+return true;
+}
+}
+return false;
+}
+var tryLocale = function(locale) {
+if (tryExactLocale(locale)) {
+return locale;
+}
+var dash = locale.indexOf("-");
+if (dash > 0 && tryExactLocale(locale.substr(0, dash))) {
+return locale.substr(0, dash);
+}
+return null;
+}
+for (var l = 0; l < desiredLocales.length; l++) {
+tryLocale(desiredLocales[l]);
+}
+var defaultClientLocale = defaultServerLocale;
+var defaultClientLocales = ("language" in navigator ? navigator.language : navigator.browserLanguage).split(";");
+for (var l = 0; l < defaultClientLocales.length; l++) {
+var locale = tryLocale(defaultClientLocales[l]);
+if (locale != null) {
+defaultClientLocale = locale;
+break;
+}
+}
+for (var l = 0; l < supportedLocales.length; l++) {
+var locale = supportedLocales[l];
+if (loadLocale[locale]) {
+includeJavascriptFiles(Timeline.urlPrefix + "scripts/l10n/" + locale + "/", localizedJavascriptFiles);
+includeCssFiles(Timeline.urlPrefix + "styles/l10n/" + locale + "/", localizedCssFiles);
+}
+}
+if (forceLocale == null) {
+Timeline.serverLocale = defaultServerLocale;
+Timeline.clientLocale = defaultClientLocale;
+} else {
+Timeline.serverLocale = forceLocale;
+Timeline.clientLocale = forceLocale;
+}
+} catch (e) {
+alert(e);
+}
+};
+/*
+*  Load SimileAjax if it's not already loaded
+*/
+if (typeof SimileAjax == "undefined") {
+window.SimileAjax_onLoad = loadMe;
+var url = useLocalResources ?
+"http://127.0.0.1:9999/ajax/api/simile-ajax-api.js?bundle=false" :
+"http://api.simile-widgets.org/ajax/" + simile_ajax_ver + "/simile-ajax-api.js";
+if (typeof Timeline_ajax_url == "string") {
+url = Timeline_ajax_url;
+}
+var createScriptElement = function() {
+var script = document.createElement("script");
+script.type = "text/javascript";
+script.language = "JavaScript";
+script.src = url;
+document.getElementsByTagName("head")[0].appendChild(script);
+}
+if (document.body == null) {
+try {
+document.write("<script src='" + url + "' type='text/javascript'></script>");
+} catch (e) {
+createScriptElement();
+}
+} else {
+createScriptElement();
+}
+} else {
+loadMe();
+}
 })();
+/*=================================================
+*
-/* string.js */
+* Coding standards:
-String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"");
+*
-};
+* We aim towards Douglas Crockford's Javascript conventions.
-String.prototype.startsWith=function(A){return this.length>=A.length&&this.substr(0,A.length)==A;
+* See:  http://javascript.crockford.com/code.html
-};
+* See also: http://www.crockford.com/javascript/javascript.html
-String.prototype.endsWith=function(A){return this.length>=A.length&&this.substr(this.length-A.length)==A;
+*
-};
+* That said, this JS code was written before some recent JS
-String.substitute=function(B,D){var A="";
+* support libraries became widely used or available.
-var F=0;
+* In particular, the _ character is used to indicate a class function or
-while(F<B.length-1){var C=B.indexOf("%",F);
+* variable that should be considered private to the class.
-if(C<0||C==B.length-1){break;
+*
-}else{if(C>F&&B.charAt(C-1)=="\\"){A+=B.substring(F,C-1)+"%";
+* The code mostly uses accessor methods for getting/setting the private
-F=C+1;
+* class variables.
-}else{var E=parseInt(B.charAt(C+1));
+*
-if(isNaN(E)||E>=D.length){A+=B.substring(F,C+2);
+* Over time, we'd like to formalize the convention by using support libraries
-}else{A+=B.substring(F,C)+D[E].toString();
+* which enforce privacy in objects.
-}F=C+2;
+*
-}}}if(F<B.length){A+=B.substring(F);
+* We also want to use jslint:  http://www.jslint.com/
-}return A;
+*
-};
+*
+*==================================================
+*/
-/* units.js */
-SimileAjax.NativeDateUnit=new Object();
-SimileAjax.NativeDateUnit.makeDefaultValue=function(){return new Date();
-};
+/*==================================================
-SimileAjax.NativeDateUnit.cloneValue=function(A){return new Date(A.getTime());
+*  Timeline VERSION
-};
+*==================================================
-SimileAjax.NativeDateUnit.getParser=function(A){if(typeof A=="string"){A=A.toLowerCase();
+*/
-}return(A=="iso8601"||A=="iso 8601")?SimileAjax.DateTime.parseIso8601DateTime:SimileAjax.DateTime.parseGregorianDateTime;
+// Note: version is also stored in the build.xml file
-};
+Timeline.version = 'pre 2.4.0';  // use format 'pre 1.2.3' for trunk versions
-SimileAjax.NativeDateUnit.parseFromObject=function(A){return SimileAjax.DateTime.parseGregorianDateTime(A);
+Timeline.ajax_lib_version = SimileAjax.version;
-};
+Timeline.display_version = Timeline.version + ' (with Ajax lib ' + Timeline.ajax_lib_version + ')';
-SimileAjax.NativeDateUnit.toNumber=function(A){return A.getTime();
+// cf method Timeline.writeVersion
-};
-SimileAjax.NativeDateUnit.fromNumber=function(A){return new Date(A);
+/*==================================================
-};
+*  Timeline
-SimileAjax.NativeDateUnit.compare=function(D,C){var B,A;
+*==================================================
-if(typeof D=="object"){B=D.getTime();
+*/
-}else{B=Number(D);
+Timeline.strings = {}; // localization string tables
-}if(typeof C=="object"){A=C.getTime();
+Timeline.HORIZONTAL = 0;
-}else{A=Number(C);
+Timeline.VERTICAL = 1;
-}return B-A;
+Timeline._defaultTheme = null;
-};
-SimileAjax.NativeDateUnit.earlier=function(B,A){return SimileAjax.NativeDateUnit.compare(B,A)<0?B:A;
+Timeline.getDefaultLocale = function() {
-};
+return Timeline.clientLocale;
-SimileAjax.NativeDateUnit.later=function(B,A){return SimileAjax.NativeDateUnit.compare(B,A)>0?B:A;
+};
-};
-SimileAjax.NativeDateUnit.change=function(A,B){return new Date(A.getTime()+B);
+Timeline.create = function(elmt, bandInfos, orientation, unit) {
-};
+if (Timeline.timelines == null) {
+Timeline.timelines = [];
+// Timeline.timelines array can have null members--Timelines that
-/* window-manager.js */
+// once existed on the page, but were later disposed of.
-SimileAjax.WindowManager={_initialized:false,_listeners:[],_draggedElement:null,_draggedElementCallback:null,_dropTargetHighlightElement:null,_lastCoords:null,_ghostCoords:null,_draggingMode:"",_dragging:false,_layers:[]};
+}
-SimileAjax.WindowManager.initialize=function(){if(SimileAjax.WindowManager._initialized){return ;
-}SimileAjax.DOM.registerEvent(document.body,"mousedown",SimileAjax.WindowManager._onBodyMouseDown);
+var timelineID = Timeline.timelines.length;
-SimileAjax.DOM.registerEvent(document.body,"mousemove",SimileAjax.WindowManager._onBodyMouseMove);
+Timeline.timelines[timelineID] = null; // placeholder until we have the object
-SimileAjax.DOM.registerEvent(document.body,"mouseup",SimileAjax.WindowManager._onBodyMouseUp);
+var new_tl = new Timeline._Impl(elmt, bandInfos, orientation, unit,
-SimileAjax.DOM.registerEvent(document,"keydown",SimileAjax.WindowManager._onBodyKeyDown);
+timelineID);
-SimileAjax.DOM.registerEvent(document,"keyup",SimileAjax.WindowManager._onBodyKeyUp);
+Timeline.timelines[timelineID] = new_tl;
-SimileAjax.WindowManager._layers.push({index:0});
+return new_tl;
-SimileAjax.WindowManager._historyListener={onBeforeUndoSeveral:function(){},onAfterUndoSeveral:function(){},onBeforeUndo:function(){},onAfterUndo:function(){},onBeforeRedoSeveral:function(){},onAfterRedoSeveral:function(){},onBeforeRedo:function(){},onAfterRedo:function(){}};
+};
-SimileAjax.History.addListener(SimileAjax.WindowManager._historyListener);
-SimileAjax.WindowManager._initialized=true;
+Timeline.createBandInfo = function(params) {
-};
+var theme = ("theme" in params) ? params.theme : Timeline.getDefaultTheme();
-SimileAjax.WindowManager.getBaseLayer=function(){SimileAjax.WindowManager.initialize();
-return SimileAjax.WindowManager._layers[0];
+var eventSource = ("eventSource" in params) ? params.eventSource : null;
-};
-SimileAjax.WindowManager.getHighestLayer=function(){SimileAjax.WindowManager.initialize();
+var etherParams = {
-return SimileAjax.WindowManager._layers[SimileAjax.WindowManager._layers.length-1];
+interval:           SimileAjax.DateTime.gregorianUnitLengths[params.intervalUnit],
-};
+pixelsPerInterval: params.intervalPixels,
-SimileAjax.WindowManager.registerEventWithObject=function(D,A,E,B,C){SimileAjax.WindowManager.registerEvent(D,A,function(G,F,H){return E[B].call(E,G,F,H);
+	theme: theme
-},C);
+};
-};
+if ('startsOn' in params || 'endsOn' in params) {
-SimileAjax.WindowManager.registerEvent=function(D,B,E,C){if(C==null){C=SimileAjax.WindowManager.getHighestLayer();
+	if ('startsOn' in params) {
-}var A=function(G,F,I){if(SimileAjax.WindowManager._canProcessEventAtLayer(C)){SimileAjax.WindowManager._popToLayer(C.index);
+	    etherParams.startsOn = params.startsOn;
-try{E(G,F,I);
+	}
-}catch(H){SimileAjax.Debug.exception(H);
+	if ('endsOn' in params) {
-}}SimileAjax.DOM.cancelEvent(F);
+	    etherParams.endsOn = params.endsOn;
-return false;
+	}
-};
+} else {
-SimileAjax.DOM.registerEvent(D,B,A);
+	etherParams.centersOn = ("date" in params) ? params.date : new Date();
-};
+}
-SimileAjax.WindowManager.pushLayer=function(C,D,B){var A={onPop:C,index:SimileAjax.WindowManager._layers.length,ephemeral:(D),elmt:B};
+var ether = new Timeline.LinearEther(etherParams);
-SimileAjax.WindowManager._layers.push(A);
-return A;
+var etherPainter = new Timeline.GregorianEtherPainter({
-};
+unit:       params.intervalUnit,
-SimileAjax.WindowManager.popLayer=function(B){for(var A=1;
+multiple:   ("multiple" in params) ? params.multiple : 1,
-A<SimileAjax.WindowManager._layers.length;
+theme:      theme,
-A++){if(SimileAjax.WindowManager._layers[A]==B){SimileAjax.WindowManager._popToLayer(A-1);
+align:      ("align" in params) ? params.align : undefined
-break;
+});
-}}};
-SimileAjax.WindowManager.popAllLayers=function(){SimileAjax.WindowManager._popToLayer(0);
+var eventPainterParams = {
-};
+showText:   ("showEventText" in params) ? params.showEventText : true,
-SimileAjax.WindowManager.registerForDragging=function(B,C,A){SimileAjax.WindowManager.registerEvent(B,"mousedown",function(E,D,F){SimileAjax.WindowManager._handleMouseDown(E,D,C);
+theme:      theme
-},A);
+};
-};
+// pass in custom parameters for the event painter
-SimileAjax.WindowManager._popToLayer=function(C){while(C+1<SimileAjax.WindowManager._layers.length){try{var A=SimileAjax.WindowManager._layers.pop();
+if ("eventPainterParams" in params) {
-if(A.onPop!=null){A.onPop();
+for (var prop in params.eventPainterParams) {
-}}catch(B){}}};
+eventPainterParams[prop] = params.eventPainterParams[prop];
-SimileAjax.WindowManager._canProcessEventAtLayer=function(B){if(B.index==(SimileAjax.WindowManager._layers.length-1)){return true;
+}
-}for(var A=B.index+1;
+}
-A<SimileAjax.WindowManager._layers.length;
-A++){if(!SimileAjax.WindowManager._layers[A].ephemeral){return false;
+if ("trackHeight" in params) {
-}}return true;
+eventPainterParams.trackHeight = params.trackHeight;
-};
+}
-SimileAjax.WindowManager.cancelPopups=function(A){var F=(A)?SimileAjax.DOM.getEventPageCoordinates(A):{x:-1,y:-1};
+if ("trackGap" in params) {
-var E=SimileAjax.WindowManager._layers.length-1;
+eventPainterParams.trackGap = params.trackGap;
-while(E>0&&SimileAjax.WindowManager._layers[E].ephemeral){var D=SimileAjax.WindowManager._layers[E];
+}
-if(D.elmt!=null){var C=D.elmt;
-var B=SimileAjax.DOM.getPageCoordinates(C);
+var layout = ("overview" in params && params.overview) ? "overview" : ("layout" in params ? params.layout : "original");
-if(F.x>=B.left&&F.x<(B.left+C.offsetWidth)&&F.y>=B.top&&F.y<(B.top+C.offsetHeight)){break;
+var eventPainter;
-}}E--;
+if ("eventPainter" in params) {
-}SimileAjax.WindowManager._popToLayer(E);
+eventPainter = new params.eventPainter(eventPainterParams);
-};
+} else {
-SimileAjax.WindowManager._onBodyMouseDown=function(B,A,C){if(!("eventPhase" in A)||A.eventPhase==A.BUBBLING_PHASE){SimileAjax.WindowManager.cancelPopups(A);
+switch (layout) {
-}};
+case "overview" :
-SimileAjax.WindowManager._handleMouseDown=function(B,A,C){SimileAjax.WindowManager._draggedElement=B;
+eventPainter = new Timeline.OverviewEventPainter(eventPainterParams);
-SimileAjax.WindowManager._draggedElementCallback=C;
+break;
-SimileAjax.WindowManager._lastCoords={x:A.clientX,y:A.clientY};
+case "detailed" :
-SimileAjax.DOM.cancelEvent(A);
+eventPainter = new Timeline.DetailedEventPainter(eventPainterParams);
-return false;
+break;
-};
+default:
-SimileAjax.WindowManager._onBodyKeyDown=function(C,A,D){if(SimileAjax.WindowManager._dragging){if(A.keyCode==27){SimileAjax.WindowManager._cancelDragging();
+eventPainter = new Timeline.OriginalEventPainter(eventPainterParams);
-}else{if((A.keyCode==17||A.keyCode==16)&&SimileAjax.WindowManager._draggingMode!="copy"){SimileAjax.WindowManager._draggingMode="copy";
+}
-var B=SimileAjax.Graphics.createTranslucentImage(SimileAjax.urlPrefix+"data/timeline/copy.png");
+}
-B.style.position="absolute";
-B.style.left=(SimileAjax.WindowManager._ghostCoords.left-16)+"px";
+return {
-B.style.top=(SimileAjax.WindowManager._ghostCoords.top)+"px";
+width:          params.width,
-document.body.appendChild(B);
+eventSource:    eventSource,
-SimileAjax.WindowManager._draggingModeIndicatorElmt=B;
+timeZone:       ("timeZone" in params) ? params.timeZone : 0,
-}}}};
+ether:          ether,
-SimileAjax.WindowManager._onBodyKeyUp=function(B,A,C){if(SimileAjax.WindowManager._dragging){if(A.keyCode==17||A.keyCode==16){SimileAjax.WindowManager._draggingMode="";
+etherPainter:   etherPainter,
-if(SimileAjax.WindowManager._draggingModeIndicatorElmt!=null){document.body.removeChild(SimileAjax.WindowManager._draggingModeIndicatorElmt);
+eventPainter:   eventPainter,
-SimileAjax.WindowManager._draggingModeIndicatorElmt=null;
+theme:          theme,
-}}}};
+zoomIndex:      ("zoomIndex" in params) ? params.zoomIndex : 0,
-SimileAjax.WindowManager._onBodyMouseMove=function(A,N,H){if(SimileAjax.WindowManager._draggedElement!=null){var P=SimileAjax.WindowManager._draggedElementCallback;
+zoomSteps:      ("zoomSteps" in params) ? params.zoomSteps : null
-var E=SimileAjax.WindowManager._lastCoords;
+};
-var M=N.clientX-E.x;
+};
-var J=N.clientY-E.y;
-if(!SimileAjax.WindowManager._dragging){if(Math.abs(M)>5||Math.abs(J)>5){try{if("onDragStart" in P){P.onDragStart();
+Timeline.createHotZoneBandInfo = function(params) {
-}if("ghost" in P&&P.ghost){var K=SimileAjax.WindowManager._draggedElement;
+var theme = ("theme" in params) ? params.theme : Timeline.getDefaultTheme();
-SimileAjax.WindowManager._ghostCoords=SimileAjax.DOM.getPageCoordinates(K);
-SimileAjax.WindowManager._ghostCoords.left+=M;
+var eventSource = ("eventSource" in params) ? params.eventSource : null;
-SimileAjax.WindowManager._ghostCoords.top+=J;
-var O=K.cloneNode(true);
+var ether = new Timeline.HotZoneEther({
-O.style.position="absolute";
+centersOn:          ("date" in params) ? params.date : new Date(),
-O.style.left=SimileAjax.WindowManager._ghostCoords.left+"px";
+interval:           SimileAjax.DateTime.gregorianUnitLengths[params.intervalUnit],
-O.style.top=SimileAjax.WindowManager._ghostCoords.top+"px";
+pixelsPerInterval:  params.intervalPixels,
-O.style.zIndex=1000;
+zones:              params.zones,
-SimileAjax.Graphics.setOpacity(O,50);
+theme:              theme
-document.body.appendChild(O);
+});
-P._ghostElmt=O;
-}SimileAjax.WindowManager._dragging=true;
+var etherPainter = new Timeline.HotZoneGregorianEtherPainter({
-SimileAjax.WindowManager._lastCoords={x:N.clientX,y:N.clientY};
+unit:       params.intervalUnit,
-document.body.focus();
+zones:      params.zones,
-}catch(G){SimileAjax.Debug.exception("WindowManager: Error handling mouse down",G);
+theme:      theme,
-SimileAjax.WindowManager._cancelDragging();
+align:      ("align" in params) ? params.align : undefined
-}}}else{try{SimileAjax.WindowManager._lastCoords={x:N.clientX,y:N.clientY};
+});
-if("onDragBy" in P){P.onDragBy(M,J);
-}if("_ghostElmt" in P){var O=P._ghostElmt;
+var eventPainterParams = {
-SimileAjax.WindowManager._ghostCoords.left+=M;
+showText:   ("showEventText" in params) ? params.showEventText : true,
-SimileAjax.WindowManager._ghostCoords.top+=J;
+theme:      theme
-O.style.left=SimileAjax.WindowManager._ghostCoords.left+"px";
+};
-O.style.top=SimileAjax.WindowManager._ghostCoords.top+"px";
+// pass in custom parameters for the event painter
-if(SimileAjax.WindowManager._draggingModeIndicatorElmt!=null){var I=SimileAjax.WindowManager._draggingModeIndicatorElmt;
+if ("eventPainterParams" in params) {
-I.style.left=(SimileAjax.WindowManager._ghostCoords.left-16)+"px";
+for (var prop in params.eventPainterParams) {
-I.style.top=SimileAjax.WindowManager._ghostCoords.top+"px";
+eventPainterParams[prop] = params.eventPainterParams[prop];
-}if("droppable" in P&&P.droppable){var L=SimileAjax.DOM.getEventPageCoordinates(N);
+}
-var H=SimileAjax.DOM.hittest(L.x,L.y,[SimileAjax.WindowManager._ghostElmt,SimileAjax.WindowManager._dropTargetHighlightElement]);
+}
-H=SimileAjax.WindowManager._findDropTarget(H);
+if ("trackHeight" in params) {
-if(H!=SimileAjax.WindowManager._potentialDropTarget){if(SimileAjax.WindowManager._dropTargetHighlightElement!=null){document.body.removeChild(SimileAjax.WindowManager._dropTargetHighlightElement);
+eventPainterParams.trackHeight = params.trackHeight;
-SimileAjax.WindowManager._dropTargetHighlightElement=null;
+}
-SimileAjax.WindowManager._potentialDropTarget=null;
+if ("trackGap" in params) {
-}var F=false;
+eventPainterParams.trackGap = params.trackGap;
-if(H!=null){if((!("canDropOn" in P)||P.canDropOn(H))&&(!("canDrop" in H)||H.canDrop(SimileAjax.WindowManager._draggedElement))){F=true;
+}
-}}if(F){var C=4;
-var D=SimileAjax.DOM.getPageCoordinates(H);
+var layout = ("overview" in params && params.overview) ? "overview" : ("layout" in params ? params.layout : "original");
-var B=document.createElement("div");
+var eventPainter;
-B.style.border=C+"px solid yellow";
+if ("eventPainter" in params) {
-B.style.backgroundColor="yellow";
+eventPainter = new params.eventPainter(eventPainterParams);
-B.style.position="absolute";
+} else {
-B.style.left=D.left+"px";
+switch (layout) {
-B.style.top=D.top+"px";
+case "overview" :
-B.style.width=(H.offsetWidth-C*2)+"px";
+eventPainter = new Timeline.OverviewEventPainter(eventPainterParams);
-B.style.height=(H.offsetHeight-C*2)+"px";
+break;
-SimileAjax.Graphics.setOpacity(B,30);
+case "detailed" :
-document.body.appendChild(B);
+eventPainter = new Timeline.DetailedEventPainter(eventPainterParams);
-SimileAjax.WindowManager._potentialDropTarget=H;
+break;
-SimileAjax.WindowManager._dropTargetHighlightElement=B;
+default:
-}}}}}catch(G){SimileAjax.Debug.exception("WindowManager: Error handling mouse move",G);
+eventPainter = new Timeline.OriginalEventPainter(eventPainterParams);
-SimileAjax.WindowManager._cancelDragging();
+}
-}}SimileAjax.DOM.cancelEvent(N);
+}
-return false;
+return {
-}};
+width:          params.width,
-SimileAjax.WindowManager._onBodyMouseUp=function(B,A,C){if(SimileAjax.WindowManager._draggedElement!=null){try{if(SimileAjax.WindowManager._dragging){var E=SimileAjax.WindowManager._draggedElementCallback;
+eventSource:    eventSource,
-if("onDragEnd" in E){E.onDragEnd();
+timeZone:       ("timeZone" in params) ? params.timeZone : 0,
-}if("droppable" in E&&E.droppable){var D=false;
+ether:          ether,
-var C=SimileAjax.WindowManager._potentialDropTarget;
+etherPainter:   etherPainter,
-if(C!=null){if((!("canDropOn" in E)||E.canDropOn(C))&&(!("canDrop" in C)||C.canDrop(SimileAjax.WindowManager._draggedElement))){if("onDropOn" in E){E.onDropOn(C);
+eventPainter:   eventPainter,
-}C.ondrop(SimileAjax.WindowManager._draggedElement,SimileAjax.WindowManager._draggingMode);
+theme:          theme,
-D=true;
+zoomIndex:      ("zoomIndex" in params) ? params.zoomIndex : 0,
-}}if(!D){}}}}finally{SimileAjax.WindowManager._cancelDragging();
+zoomSteps:      ("zoomSteps" in params) ? params.zoomSteps : null
-}SimileAjax.DOM.cancelEvent(A);
+};
-return false;
+};
-}};
-SimileAjax.WindowManager._cancelDragging=function(){var B=SimileAjax.WindowManager._draggedElementCallback;
+Timeline.getDefaultTheme = function() {
-if("_ghostElmt" in B){var A=B._ghostElmt;
+if (Timeline._defaultTheme == null) {
-document.body.removeChild(A);
+Timeline._defaultTheme = Timeline.ClassicTheme.create(Timeline.getDefaultLocale());
-delete B._ghostElmt;
+}
-}if(SimileAjax.WindowManager._dropTargetHighlightElement!=null){document.body.removeChild(SimileAjax.WindowManager._dropTargetHighlightElement);
+return Timeline._defaultTheme;
-SimileAjax.WindowManager._dropTargetHighlightElement=null;
+};
-}if(SimileAjax.WindowManager._draggingModeIndicatorElmt!=null){document.body.removeChild(SimileAjax.WindowManager._draggingModeIndicatorElmt);
-SimileAjax.WindowManager._draggingModeIndicatorElmt=null;
+Timeline.setDefaultTheme = function(theme) {
-}SimileAjax.WindowManager._draggedElement=null;
+Timeline._defaultTheme = theme;
-SimileAjax.WindowManager._draggedElementCallback=null;
+};
-SimileAjax.WindowManager._potentialDropTarget=null;
-SimileAjax.WindowManager._dropTargetHighlightElement=null;
+Timeline.loadXML = function(url, f) {
-SimileAjax.WindowManager._lastCoords=null;
+var fError = function(statusText, status, xmlhttp) {
-SimileAjax.WindowManager._ghostCoords=null;
+alert("Failed to load data xml from " + url + "\n" + statusText);
-SimileAjax.WindowManager._draggingMode="";
+};
-SimileAjax.WindowManager._dragging=false;
+var fDone = function(xmlhttp) {
-};
+var xml = xmlhttp.responseXML;
-SimileAjax.WindowManager._findDropTarget=function(A){while(A!=null){if("ondrop" in A&&(typeof A.ondrop)=="function"){break;
+if (!xml.documentElement && xmlhttp.responseStream) {
-}A=A.parentNode;
+xml.load(xmlhttp.responseStream);
-}return A;
+}
-};
+f(xml, url);
+};
+SimileAjax.XmlHttp.get(url, fError, fDone);
-/* xmlhttp.js */
+};
-SimileAjax.XmlHttp=new Object();
-SimileAjax.XmlHttp._onReadyStateChange=function(A,D,B){switch(A.readyState){case 4:try{if(A.status==0||A.status==200){if(B){B(A);
-}}else{if(D){D(A.statusText,A.status,A);
+Timeline.loadJSON = function(url, f) {
-}}}catch(C){SimileAjax.Debug.exception("XmlHttp: Error handling onReadyStateChange",C);
+var fError = function(statusText, status, xmlhttp) {
-}break;
+alert("Failed to load json data from " + url + "\n" + statusText);
-}};
+};
-SimileAjax.XmlHttp._createRequest=function(){if(SimileAjax.Platform.browser.isIE){var A=["Msxml2.XMLHTTP","Microsoft.XMLHTTP","Msxml2.XMLHTTP.4.0"];
+var fDone = function(xmlhttp) {
-for(var B=0;
+f(eval('(' + xmlhttp.responseText + ')'), url);
-B<A.length;
+};
-B++){try{var C=A[B];
+SimileAjax.XmlHttp.get(url, fError, fDone);
-var D=function(){return new ActiveXObject(C);
+};
-};
-var F=D();
+Timeline.getTimelineFromID = function(timelineID) {
-SimileAjax.XmlHttp._createRequest=D;
+return Timeline.timelines[timelineID];
-return F;
+};
-}catch(E){}}}try{var D=function(){return new XMLHttpRequest();
-};
+// Write the current Timeline version as the contents of element with id el_id
-var F=D();
+Timeline.writeVersion = function(el_id) {
-SimileAjax.XmlHttp._createRequest=D;
+document.getElementById(el_id).innerHTML = this.display_version;
-return F;
+};
-}catch(E){throw new Error("Failed to create an XMLHttpRequest object");
-}};
-SimileAjax.XmlHttp.get=function(A,D,C){var B=SimileAjax.XmlHttp._createRequest();
-B.open("GET",A,true);
+/*==================================================
-B.onreadystatechange=function(){SimileAjax.XmlHttp._onReadyStateChange(B,D,C);
+*  Timeline Implementation object
-};
+*==================================================
-B.send(null);
+*/
-};
+Timeline._Impl = function(elmt, bandInfos, orientation, unit, timelineID) {
-SimileAjax.XmlHttp.post=function(B,A,E,D){var C=SimileAjax.XmlHttp._createRequest();
+SimileAjax.WindowManager.initialize();
-C.open("POST",B,true);
-C.onreadystatechange=function(){SimileAjax.XmlHttp._onReadyStateChange(C,E,D);
+this._containerDiv = elmt;
-};
-C.send(A);
+this._bandInfos = bandInfos;
-};
+this._orientation = orientation == null ? Timeline.HORIZONTAL : orientation;
-SimileAjax.XmlHttp._forceXML=function(A){try{A.overrideMimeType("text/xml");
+this._unit = (unit != null) ? unit : SimileAjax.NativeDateUnit;
-}catch(B){A.setrequestheader("Content-Type","text/xml");
+this._starting = true; // is the Timeline being created? Used by autoWidth
-}};
+// functions
+this._autoResizing = false;
-/******** end of simile-ajax-bundle.js ********/
+// autoWidth is a "public" property of the Timeline object
-/******** start of simile-timeline-bundle.js ********/
+this.autoWidth = bandInfos && bandInfos[0] && bandInfos[0].theme &&
+bandInfos[0].theme.autoWidth;
-/* band.js */
+this.autoWidthAnimationTime = bandInfos && bandInfos[0] && bandInfos[0].theme &&
-Timeline._Band=function(B,C,A){if(B!==undefined){this.initialize(B,C,A);
+bandInfos[0].theme.autoWidthAnimationTime;
-}};
+this.timelineID = timelineID; // also public attribute
-Timeline._Band.prototype.initialize=function(F,G,B){if(F.autoWidth&&typeof G.width=="string"){G.width=G.width.indexOf("%")>-1?0:parseInt(G.width);
+this.timeline_start = bandInfos && bandInfos[0] && bandInfos[0].theme &&
-}this._timeline=F;
+bandInfos[0].theme.timeline_start;
-this._bandInfo=G;
+this.timeline_stop  = bandInfos && bandInfos[0] && bandInfos[0].theme &&
-this._index=B;
+bandInfos[0].theme.timeline_stop;
-this._locale=("locale" in G)?G.locale:Timeline.getDefaultLocale();
+this.timeline_at_start = false; // already at start or stop? Then won't
-this._timeZone=("timeZone" in G)?G.timeZone:0;
+this.timeline_at_stop = false;  // try to move further in the wrong direction
-this._labeller=("labeller" in G)?G.labeller:(("createLabeller" in F.getUnit())?F.getUnit().createLabeller(this._locale,this._timeZone):new Timeline.GregorianDateLabeller(this._locale,this._timeZone));
-this._theme=G.theme;
+this._initialize();
-this._zoomIndex=("zoomIndex" in G)?G.zoomIndex:0;
+};
-this._zoomSteps=("zoomSteps" in G)?G.zoomSteps:null;
-this._dragging=false;
+//
-this._changing=false;
+// Public functions used by client sw
-this._originalScrollSpeed=5;
+//
-this._scrollSpeed=this._originalScrollSpeed;
+Timeline._Impl.prototype.dispose = function() {
-this._onScrollListeners=[];
+for (var i = 0; i < this._bands.length; i++) {
-var A=this;
+this._bands[i].dispose();
-this._syncWithBand=null;
+}
-this._syncWithBandHandler=function(H){A._onHighlightBandScroll();
+this._bands = null;
-};
+this._bandInfos = null;
-this._selectorListener=function(H){A._onHighlightBandScroll();
+this._containerDiv.innerHTML = "";
-};
+// remove from array of Timelines
-var D=this._timeline.getDocument().createElement("div");
+Timeline.timelines[this.timelineID] = null;
-D.className="timeline-band-input";
+};
-this._timeline.addDiv(D);
-this._keyboardInput=document.createElement("input");
+Timeline._Impl.prototype.getBandCount = function() {
-this._keyboardInput.type="text";
+return this._bands.length;
-D.appendChild(this._keyboardInput);
+};
-SimileAjax.DOM.registerEventWithObject(this._keyboardInput,"keydown",this,"_onKeyDown");
-SimileAjax.DOM.registerEventWithObject(this._keyboardInput,"keyup",this,"_onKeyUp");
+Timeline._Impl.prototype.getBand = function(index) {
-this._div=this._timeline.getDocument().createElement("div");
+return this._bands[index];
-this._div.id="timeline-band-"+B;
+};
-this._div.className="timeline-band timeline-band-"+B;
-this._timeline.addDiv(this._div);
+Timeline._Impl.prototype.finishedEventLoading = function() {
-SimileAjax.DOM.registerEventWithObject(this._div,"mousedown",this,"_onMouseDown");
+// Called by client after events have been loaded into Timeline
-SimileAjax.DOM.registerEventWithObject(this._div,"mousemove",this,"_onMouseMove");
+// Only used if the client has set autoWidth
-SimileAjax.DOM.registerEventWithObject(this._div,"mouseup",this,"_onMouseUp");
+// Sets width to Timeline's requested amount and will shrink down the div if
-SimileAjax.DOM.registerEventWithObject(this._div,"mouseout",this,"_onMouseOut");
+// need be.
-SimileAjax.DOM.registerEventWithObject(this._div,"dblclick",this,"_onDblClick");
+this._autoWidthCheck(true);
-var E=this._theme!=null?this._theme.mouseWheel:"scroll";
+this._starting = false;
-if(E==="zoom"||E==="scroll"||this._zoomSteps){if(SimileAjax.Platform.browser.isFirefox){SimileAjax.DOM.registerEventWithObject(this._div,"DOMMouseScroll",this,"_onMouseScroll");
+};
-}else{SimileAjax.DOM.registerEventWithObject(this._div,"mousewheel",this,"_onMouseScroll");
-}}this._innerDiv=this._timeline.getDocument().createElement("div");
+Timeline._Impl.prototype.layout = function() {
-this._innerDiv.className="timeline-band-inner";
+// called by client when browser is resized
-this._div.appendChild(this._innerDiv);
+this._autoWidthCheck(true);
-this._ether=G.ether;
+this._distributeWidths();
-G.ether.initialize(this,F);
+};
-this._etherPainter=G.etherPainter;
-G.etherPainter.initialize(this,F);
+Timeline._Impl.prototype.paint = function() {
-this._eventSource=G.eventSource;
+for (var i = 0; i < this._bands.length; i++) {
-if(this._eventSource){this._eventListener={onAddMany:function(){A._onAddMany();
+this._bands[i].paint();
-},onClear:function(){A._onClear();
+}
-}};
+};
-this._eventSource.addListener(this._eventListener);
-}this._eventPainter=G.eventPainter;
+Timeline._Impl.prototype.getDocument = function() {
-this._eventTracksNeeded=0;
+return this._containerDiv.ownerDocument;
-this._eventTrackIncrement=0;
+};
-G.eventPainter.initialize(this,F);
-this._decorators=("decorators" in G)?G.decorators:[];
+Timeline._Impl.prototype.addDiv = function(div) {
-for(var C=0;
+this._containerDiv.appendChild(div);
-C<this._decorators.length;
+};
-C++){this._decorators[C].initialize(this,F);
-}};
+Timeline._Impl.prototype.removeDiv = function(div) {
-Timeline._Band.SCROLL_MULTIPLES=5;
+this._containerDiv.removeChild(div);
-Timeline._Band.prototype.dispose=function(){this.closeBubble();
+};
-if(this._eventSource){this._eventSource.removeListener(this._eventListener);
-this._eventListener=null;
+Timeline._Impl.prototype.isHorizontal = function() {
-this._eventSource=null;
+return this._orientation == Timeline.HORIZONTAL;
-}this._timeline=null;
+};
-this._bandInfo=null;
-this._labeller=null;
+Timeline._Impl.prototype.isVertical = function() {
-this._ether=null;
+return this._orientation == Timeline.VERTICAL;
-this._etherPainter=null;
+};
-this._eventPainter=null;
-this._decorators=null;
+Timeline._Impl.prototype.getPixelLength = function() {
-this._onScrollListeners=null;
+return this._orientation == Timeline.HORIZONTAL ?
-this._syncWithBandHandler=null;
+this._containerDiv.offsetWidth : this._containerDiv.offsetHeight;
-this._selectorListener=null;
+};
-this._div=null;
-this._innerDiv=null;
+Timeline._Impl.prototype.getPixelWidth = function() {
-this._keyboardInput=null;
+return this._orientation == Timeline.VERTICAL ?
-};
+this._containerDiv.offsetWidth : this._containerDiv.offsetHeight;
-Timeline._Band.prototype.addOnScrollListener=function(A){this._onScrollListeners.push(A);
+};
-};
-Timeline._Band.prototype.removeOnScrollListener=function(B){for(var A=0;
+Timeline._Impl.prototype.getUnit = function() {
-A<this._onScrollListeners.length;
+return this._unit;
-A++){if(this._onScrollListeners[A]==B){this._onScrollListeners.splice(A,1);
+};
-break;
-}}};
+Timeline._Impl.prototype.getWidthStyle = function() {
-Timeline._Band.prototype.setSyncWithBand=function(B,A){if(this._syncWithBand){this._syncWithBand.removeOnScrollListener(this._syncWithBandHandler);
+// which element.style attribute should be changed to affect Timeline's "width"
-}this._syncWithBand=B;
+return this._orientation == Timeline.HORIZONTAL ? 'height' : 'width';
-this._syncWithBand.addOnScrollListener(this._syncWithBandHandler);
+};
-this._highlight=A;
-this._positionHighlight();
+Timeline._Impl.prototype.loadXML = function(url, f) {
-};
+var tl = this;
-Timeline._Band.prototype.getLocale=function(){return this._locale;
-};
-Timeline._Band.prototype.getTimeZone=function(){return this._timeZone;
+var fError = function(statusText, status, xmlhttp) {
-};
+alert("Failed to load data xml from " + url + "\n" + statusText);
-Timeline._Band.prototype.getLabeller=function(){return this._labeller;
+tl.hideLoadingMessage();
 };
-Timeline._Band.prototype.getIndex=function(){return this._index;
+var fDone = function(xmlhttp) {
-};
+try {
-Timeline._Band.prototype.getEther=function(){return this._ether;
+var xml = xmlhttp.responseXML;
-};
+if (!xml.documentElement && xmlhttp.responseStream) {
-Timeline._Band.prototype.getEtherPainter=function(){return this._etherPainter;
+xml.load(xmlhttp.responseStream);
-};
+}
-Timeline._Band.prototype.getEventSource=function(){return this._eventSource;
+f(xml, url);
-};
+} finally {
-Timeline._Band.prototype.getEventPainter=function(){return this._eventPainter;
+tl.hideLoadingMessage();
-};
+}
-Timeline._Band.prototype.getTimeline=function(){return this._timeline;
+};
-};
-Timeline._Band.prototype.updateEventTrackInfo=function(B,A){this._eventTrackIncrement=A;
+this.showLoadingMessage();
-if(B>this._eventTracksNeeded){this._eventTracksNeeded=B;
+window.setTimeout(function() { SimileAjax.XmlHttp.get(url, fError, fDone); }, 0);
-}};
+};
-Timeline._Band.prototype.checkAutoWidth=function(){if(!this._timeline.autoWidth){return ;
-}var A=this._eventPainter.getType()=="overview";
+Timeline._Impl.prototype.loadJSON = function(url, f) {
-var C=A?this._theme.event.overviewTrack.autoWidthMargin:this._theme.event.track.autoWidthMargin;
+var tl = this;
-var B=Math.ceil((this._eventTracksNeeded+C)*this._eventTrackIncrement);
-B+=A?this._theme.event.overviewTrack.offset:this._theme.event.track.offset;
+var fError = function(statusText, status, xmlhttp) {
-var D=this._bandInfo;
+alert("Failed to load json data from " + url + "\n" + statusText);
-if(B!=D.width){D.width=B;
+tl.hideLoadingMessage();
-}};
+};
-Timeline._Band.prototype.layout=function(){this.paint();
+var fDone = function(xmlhttp) {
-};
+try {
-Timeline._Band.prototype.paint=function(){this._etherPainter.paint();
+f(eval('(' + xmlhttp.responseText + ')'), url);
-this._paintDecorators();
+} finally {
-this._paintEvents();
+tl.hideLoadingMessage();
-};
+}
-Timeline._Band.prototype.softLayout=function(){this.softPaint();
+};
-};
-Timeline._Band.prototype.softPaint=function(){this._etherPainter.softPaint();
+this.showLoadingMessage();
-this._softPaintDecorators();
+window.setTimeout(function() { SimileAjax.XmlHttp.get(url, fError, fDone); }, 0);
-this._softPaintEvents();
+};
-};
-Timeline._Band.prototype.setBandShiftAndWidth=function(A,D){var C=this._keyboardInput.parentNode;
-var B=A+Math.floor(D/2);
+//
-if(this._timeline.isHorizontal()){this._div.style.top=A+"px";
+// Private functions used by Timeline object functions
-this._div.style.height=D+"px";
+//
-C.style.top=B+"px";
-C.style.left="-1em";
+Timeline._Impl.prototype._autoWidthScrollListener = function(band) {
-}else{this._div.style.left=A+"px";
+band.getTimeline()._autoWidthCheck(false);
-this._div.style.width=D+"px";
+};
-C.style.left=B+"px";
-C.style.top="-1em";
+// called to re-calculate auto width and adjust the overall Timeline div if needed
-}};
+Timeline._Impl.prototype._autoWidthCheck = function(okToShrink) {
-Timeline._Band.prototype.getViewWidth=function(){if(this._timeline.isHorizontal()){return this._div.offsetHeight;
+var timeline = this; // this Timeline
-}else{return this._div.offsetWidth;
+var immediateChange = timeline._starting;
-}};
+var newWidth = 0;
-Timeline._Band.prototype.setViewLength=function(A){this._viewLength=A;
-this._recenterDiv();
+function changeTimelineWidth() {
-this._onChanging();
+var widthStyle = timeline.getWidthStyle();
-};
+if (immediateChange) {
-Timeline._Band.prototype.getViewLength=function(){return this._viewLength;
+timeline._containerDiv.style[widthStyle] = newWidth + 'px';
-};
+} else {
-Timeline._Band.prototype.getTotalViewLength=function(){return Timeline._Band.SCROLL_MULTIPLES*this._viewLength;
+	  // animate change
-};
+	  timeline._autoResizing = true;
-Timeline._Band.prototype.getViewOffset=function(){return this._viewOffset;
+	  var animateParam ={};
-};
+	  animateParam[widthStyle] = newWidth + 'px';
-Timeline._Band.prototype.getMinDate=function(){return this._ether.pixelOffsetToDate(this._viewOffset);
-};
+	  SimileAjax.jQuery(timeline._containerDiv).animate(
-Timeline._Band.prototype.getMaxDate=function(){return this._ether.pixelOffsetToDate(this._viewOffset+Timeline._Band.SCROLL_MULTIPLES*this._viewLength);
+	      animateParam, timeline.autoWidthAnimationTime,
-};
+	      'linear', function(){timeline._autoResizing = false;});
-Timeline._Band.prototype.getMinVisibleDate=function(){return this._ether.pixelOffsetToDate(0);
+}
-};
+}
-Timeline._Band.prototype.getMaxVisibleDate=function(){return this._ether.pixelOffsetToDate(this._viewLength);
-};
+function checkTimelineWidth() {
-Timeline._Band.prototype.getCenterVisibleDate=function(){return this._ether.pixelOffsetToDate(this._viewLength/2);
+var targetWidth = 0; // the new desired width
-};
+var currentWidth = timeline.getPixelWidth();
-Timeline._Band.prototype.setMinVisibleDate=function(A){if(!this._changing){this._moveEther(Math.round(-this._ether.dateToPixelOffset(A)));
-}};
+if (timeline._autoResizing) {
-Timeline._Band.prototype.setMaxVisibleDate=function(A){if(!this._changing){this._moveEther(Math.round(this._viewLength-this._ether.dateToPixelOffset(A)));
+	return; // early return
-}};
+}
-Timeline._Band.prototype.setCenterVisibleDate=function(A){if(!this._changing){this._moveEther(Math.round(this._viewLength/2-this._ether.dateToPixelOffset(A)));
-}};
+// compute targetWidth
-Timeline._Band.prototype.dateToPixelOffset=function(A){return this._ether.dateToPixelOffset(A)-this._viewOffset;
+for (var i = 0; i < timeline._bands.length; i++) {
-};
+timeline._bands[i].checkAutoWidth();
-Timeline._Band.prototype.pixelOffsetToDate=function(A){return this._ether.pixelOffsetToDate(A+this._viewOffset);
+targetWidth += timeline._bandInfos[i].width;
-};
+}
-Timeline._Band.prototype.createLayerDiv=function(D,B){var C=this._timeline.getDocument().createElement("div");
-C.className="timeline-band-layer"+(typeof B=="string"?(" "+B):"");
+if (targetWidth > currentWidth || okToShrink) {
-C.style.zIndex=D;
+// yes, let's change the size
-this._innerDiv.appendChild(C);
+newWidth = targetWidth;
-var A=this._timeline.getDocument().createElement("div");
+changeTimelineWidth();
-A.className="timeline-band-layer-inner";
+timeline._distributeWidths();
-if(SimileAjax.Platform.browser.isIE){A.style.cursor="move";
+}
-}else{A.style.cursor="-moz-grab";
+}
-}C.appendChild(A);
-return A;
+// function's mainline
-};
+if (!timeline.autoWidth) {
-Timeline._Band.prototype.removeLayerDiv=function(A){this._innerDiv.removeChild(A.parentNode);
+return; // early return
-};
+}
-Timeline._Band.prototype.scrollToCenter=function(B,C){var A=this._ether.dateToPixelOffset(B);
-if(A<-this._viewLength/2){this.setCenterVisibleDate(this.pixelOffsetToDate(A+this._viewLength));
+checkTimelineWidth();
-}else{if(A>3*this._viewLength/2){this.setCenterVisibleDate(this.pixelOffsetToDate(A-this._viewLength));
+};
-}}this._autoScroll(Math.round(this._viewLength/2-this._ether.dateToPixelOffset(B)),C);
-};
+Timeline._Impl.prototype._initialize = function() {
-Timeline._Band.prototype.showBubbleForEvent=function(C){var A=this.getEventSource().getEvent(C);
+var containerDiv = this._containerDiv;
-if(A){var B=this;
+var doc = containerDiv.ownerDocument;
-this.scrollToCenter(A.getStart(),function(){B._eventPainter.showBubble(A);
-});
+containerDiv.className =
-}};
+containerDiv.className.split(" ").concat("timeline-container").join(" ");
-Timeline._Band.prototype.zoom=function(F,A,E,C){if(!this._zoomSteps){return ;
-}A+=this._viewOffset;
+	/*
-var D=this._ether.pixelOffsetToDate(A);
+	 * Set css-class on container div that will define orientation
-var B=this._ether.zoom(F);
+	 */
-this._etherPainter.zoom(B);
+	var orientation = (this.isHorizontal()) ? 'horizontal' : 'vertical'
-this._moveEther(Math.round(-this._ether.dateToPixelOffset(D)));
+	containerDiv.className +=' timeline-'+orientation;
-this._moveEther(A);
-};
-Timeline._Band.prototype._onMouseDown=function(B,A,C){this.closeBubble();
+while (containerDiv.firstChild) {
-this._dragging=true;
+containerDiv.removeChild(containerDiv.firstChild);
-this._dragX=A.clientX;
+}
-this._dragY=A.clientY;
-};
+/*
-Timeline._Band.prototype._onMouseMove=function(D,A,E){if(this._dragging){var C=A.clientX-this._dragX;
+*  inserting copyright and link to simile
-var B=A.clientY-this._dragY;
+*/
-this._dragX=A.clientX;
+var elmtCopyright = SimileAjax.Graphics.createTranslucentImage(Timeline.urlPrefix + (this.isHorizontal() ? "images/copyright-vertical.png" : "images/copyright.png"));
-this._dragY=A.clientY;
+elmtCopyright.className = "timeline-copyright";
-this._moveEther(this._timeline.isHorizontal()?C:B);
+elmtCopyright.title = "Timeline copyright SIMILE - www.code.google.com/p/simile-widgets/";
-this._positionHighlight();
+SimileAjax.DOM.registerEvent(elmtCopyright, "click", function() { window.location = "http://www.simile-widgets.org/"; });
-}};
+containerDiv.appendChild(elmtCopyright);
-Timeline._Band.prototype._onMouseUp=function(B,A,C){this._dragging=false;
-this._keyboardInput.focus();
+/*
-};
+*  creating bands
-Timeline._Band.prototype._onMouseOut=function(B,A,D){var C=SimileAjax.DOM.getEventRelativeCoordinates(A,B);
+*/
-C.x+=this._viewOffset;
+this._bands = [];
-if(C.x<0||C.x>B.offsetWidth||C.y<0||C.y>B.offsetHeight){this._dragging=false;
+for (var i = 0; i < this._bandInfos.length; i++) {
-}};
+var bandInfo = this._bandInfos[i];
-Timeline._Band.prototype._onMouseScroll=function(G,I,E){var A=new Date();
+var bandClass = bandInfo.bandClass || Timeline._Band;
-A=A.getTime();
+var band = new bandClass(this, this._bandInfos[i], i);
-if(!this._lastScrollTime||((A-this._lastScrollTime)>50)){this._lastScrollTime=A;
+this._bands.push(band);
-var H=0;
+}
-if(I.wheelDelta){H=I.wheelDelta/120;
+this._distributeWidths();
-}else{if(I.detail){H=-I.detail/3;
-}}var F=this._theme.mouseWheel;
+/*
-if(this._zoomSteps||F==="zoom"){var D=SimileAjax.DOM.getEventRelativeCoordinates(I,G);
+*  sync'ing bands
-if(H!=0){var C;
+*/
-if(H>0){C=true;
+for (var i = 0; i < this._bandInfos.length; i++) {
-}if(H<0){C=false;
+var bandInfo = this._bandInfos[i];
-}this._timeline.zoom(C,D.x,D.y,G);
+if ("syncWith" in bandInfo) {
-}}else{if(F==="scroll"){var B=50*(H<0?-1:1);
+this._bands[i].setSyncWithBand(
-this._moveEther(B);
+this._bands[bandInfo.syncWith],
-}}}if(I.stopPropagation){I.stopPropagation();
+("highlight" in bandInfo) ? bandInfo.highlight : false
-}I.cancelBubble=true;
+);
-if(I.preventDefault){I.preventDefault();
+}
-}I.returnValue=false;
+}
-};
-Timeline._Band.prototype._onDblClick=function(B,A,D){var C=SimileAjax.DOM.getEventRelativeCoordinates(A,B);
-var E=C.x-(this._viewLength/2-this._viewOffset);
+if (this.autoWidth) {
-this._autoScroll(-E);
+for (var i = 0; i < this._bands.length; i++) {
-};
+this._bands[i].addOnScrollListener(this._autoWidthScrollListener);
-Timeline._Band.prototype._onKeyDown=function(B,A,C){if(!this._dragging){switch(A.keyCode){case 27:break;
+}
-case 37:case 38:this._scrollSpeed=Math.min(50,Math.abs(this._scrollSpeed*1.05));
+}
-this._moveEther(this._scrollSpeed);
-break;
-case 39:case 40:this._scrollSpeed=-Math.min(50,Math.abs(this._scrollSpeed*1.05));
+/*
-this._moveEther(this._scrollSpeed);
+*  creating loading UI
-break;
+*/
-default:return true;
+var message = SimileAjax.Graphics.createMessageBubble(doc);
-}this.closeBubble();
+message.containerDiv.className = "timeline-message-container";
-SimileAjax.DOM.cancelEvent(A);
+containerDiv.appendChild(message.containerDiv);
-return false;
-}return true;
+message.contentDiv.className = "timeline-message";
-};
+message.contentDiv.innerHTML = "<img src='" + Timeline.urlPrefix + "images/progress-running.gif' /> Loading...";
-Timeline._Band.prototype._onKeyUp=function(B,A,C){if(!this._dragging){this._scrollSpeed=this._originalScrollSpeed;
-switch(A.keyCode){case 35:this.setCenterVisibleDate(this._eventSource.getLatestDate());
+this.showLoadingMessage = function() { message.containerDiv.style.display = "block"; };
-break;
+this.hideLoadingMessage = function() { message.containerDiv.style.display = "none"; };
-case 36:this.setCenterVisibleDate(this._eventSource.getEarliestDate());
+};
-break;
-case 33:this._autoScroll(this._timeline.getPixelLength());
+Timeline._Impl.prototype._distributeWidths = function() {
-break;
+var length = this.getPixelLength();
-case 34:this._autoScroll(-this._timeline.getPixelLength());
+var width = this.getPixelWidth();
-break;
+var cumulativeWidth = 0;
-default:return true;
-}this.closeBubble();
+for (var i = 0; i < this._bands.length; i++) {
-SimileAjax.DOM.cancelEvent(A);
+var band = this._bands[i];
-return false;
+var bandInfos = this._bandInfos[i];
-}return true;
+var widthString = bandInfos.width;
-};
+var bandWidth;
-Timeline._Band.prototype._autoScroll=function(D,C){var A=this;
-var B=SimileAjax.Graphics.createAnimation(function(E,F){A._moveEther(F);
+if (typeof widthString == 'string') {
-},0,D,1000,C);
+var x =  widthString.indexOf("%");
-B.run();
+if (x > 0) {
-};
+var percent = parseInt(widthString.substr(0, x));
-Timeline._Band.prototype._moveEther=function(A){this.closeBubble();
+bandWidth = Math.round(percent * width / 100);
-this._viewOffset+=A;
+} else {
-this._ether.shiftPixels(-A);
+bandWidth = parseInt(widthString);
-if(this._timeline.isHorizontal()){this._div.style.left=this._viewOffset+"px";
+}
-}else{this._div.style.top=this._viewOffset+"px";
+} else {
-}if(this._viewOffset>-this._viewLength*0.5||this._viewOffset<-this._viewLength*(Timeline._Band.SCROLL_MULTIPLES-1.5)){this._recenterDiv();
+	// was given an integer
-}else{this.softLayout();
+	bandWidth = widthString;
-}this._onChanging();
+}
-};
-Timeline._Band.prototype._onChanging=function(){this._changing=true;
+band.setBandShiftAndWidth(cumulativeWidth, bandWidth);
-this._fireOnScroll();
+band.setViewLength(length);
-this._setSyncWithBandDate();
-this._changing=false;
+cumulativeWidth += bandWidth;
-};
+}
-Timeline._Band.prototype._fireOnScroll=function(){for(var A=0;
+};
-A<this._onScrollListeners.length;
-A++){this._onScrollListeners[A](this);
+Timeline._Impl.prototype.shiftOK = function(index, shift) {
-}};
+// Returns true if the proposed shift is ok
-Timeline._Band.prototype._setSyncWithBandDate=function(){if(this._syncWithBand){var A=this._ether.pixelOffsetToDate(this.getViewLength()/2);
+//
-this._syncWithBand.setCenterVisibleDate(A);
+// Positive shift means going back in time
-}};
+var going_back = shift > 0,
-Timeline._Band.prototype._onHighlightBandScroll=function(){if(this._syncWithBand){var A=this._syncWithBand.getCenterVisibleDate();
+going_forward = shift < 0;
-var B=this._ether.dateToPixelOffset(A);
-this._moveEther(Math.round(this._viewLength/2-B));
+// Is there an edge?
-if(this._highlight){this._etherPainter.setHighlight(this._syncWithBand.getMinVisibleDate(),this._syncWithBand.getMaxVisibleDate());
+if ((going_back    && this.timeline_start == null) ||
-}}};
+(going_forward && this.timeline_stop  == null) ||
-Timeline._Band.prototype._onAddMany=function(){this._paintEvents();
+(shift == 0)) {
-};
+return (true);  // early return
-Timeline._Band.prototype._onClear=function(){this._paintEvents();
+}
-};
-Timeline._Band.prototype._positionHighlight=function(){if(this._syncWithBand){var A=this._syncWithBand.getMinVisibleDate();
+// If any of the bands has noted that it is changing the others,
-var B=this._syncWithBand.getMaxVisibleDate();
+// then this shift is a secondary shift in reaction to the real shift,
-if(this._highlight){this._etherPainter.setHighlight(A,B);
+// which already happened. In such cases, ignore it. (The issue is
-}}};
+// that a positive original shift can cause a negative secondary shift,
-Timeline._Band.prototype._recenterDiv=function(){this._viewOffset=-this._viewLength*(Timeline._Band.SCROLL_MULTIPLES-1)/2;
+// as the bands adjust.)
-if(this._timeline.isHorizontal()){this._div.style.left=this._viewOffset+"px";
+var secondary_shift = false;
-this._div.style.width=(Timeline._Band.SCROLL_MULTIPLES*this._viewLength)+"px";
+for (var i = 0; i < this._bands.length && !secondary_shift; i++) {
-}else{this._div.style.top=this._viewOffset+"px";
+secondary_shift = this._bands[i].busy();
-this._div.style.height=(Timeline._Band.SCROLL_MULTIPLES*this._viewLength)+"px";
+}
-}this.layout();
+if (secondary_shift) {
-};
+return(true); // early return
-Timeline._Band.prototype._paintEvents=function(){this._eventPainter.paint();
+}
-};
-Timeline._Band.prototype._softPaintEvents=function(){this._eventPainter.softPaint();
+// If we are already at an edge, then don't even think about going any further
-};
+if ((going_back    && this.timeline_at_start) ||
-Timeline._Band.prototype._paintDecorators=function(){for(var A=0;
+(going_forward && this.timeline_at_stop)) {
-A<this._decorators.length;
+return (false);  // early return
-A++){this._decorators[A].paint();
+}
-}};
-Timeline._Band.prototype._softPaintDecorators=function(){for(var A=0;
+// Need to check all the bands
-A<this._decorators.length;
+var ok = false; // return value
-A++){this._decorators[A].softPaint();
+// If any of the bands will be or are showing an ok date, then let the shift proceed.
-}};
+for (var i = 0; i < this._bands.length && !ok; i++) {
-Timeline._Band.prototype.closeBubble=function(){SimileAjax.WindowManager.cancelPopups();
+var band = this._bands[i];
-};
+if (going_back) {
+ok = (i == index ? band.getMinVisibleDateAfterDelta(shift) : band.getMinVisibleDate())
+>= this.timeline_start;
-/* decorators.js */
+} else {
-Timeline.SpanHighlightDecorator=function(A){this._unit=("unit" in A)?A.unit:SimileAjax.NativeDateUnit;
+ok = (i == index ? band.getMaxVisibleDateAfterDelta(shift) : band.getMaxVisibleDate())
-this._startDate=(typeof A.startDate=="string")?this._unit.parseFromObject(A.startDate):A.startDate;
+<= this.timeline_stop;
-this._endDate=(typeof A.endDate=="string")?this._unit.parseFromObject(A.endDate):A.endDate;
+}
-this._startLabel=A.startLabel;
+}
-this._endLabel=A.endLabel;
-this._color=A.color;
+// process results
-this._cssClass=("cssClass" in A)?A.cssClass:null;
+if (going_back) {
-this._opacity=("opacity" in A)?A.opacity:100;
+this.timeline_at_start = !ok;
-};
+this.timeline_at_stop = false;
-Timeline.SpanHighlightDecorator.prototype.initialize=function(B,A){this._band=B;
+} else {
-this._timeline=A;
+this.timeline_at_stop = !ok;
-this._layerDiv=null;
+this.timeline_at_start = false;
-};
+}
-Timeline.SpanHighlightDecorator.prototype.paint=function(){if(this._layerDiv!=null){this._band.removeLayerDiv(this._layerDiv);
+// This is where you could have an effect once per hitting an
-}this._layerDiv=this._band.createLayerDiv(10);
+// edge of the Timeline. Eg jitter the Timeline
-this._layerDiv.setAttribute("name","span-highlight-decorator");
+//if (!ok) {
-this._layerDiv.style.display="none";
+//alert(going_back ? "At beginning" : "At end");
-var F=this._band.getMinDate();
+//}
-var C=this._band.getMaxDate();
+return (ok);
-if(this._unit.compare(this._startDate,C)<0&&this._unit.compare(this._endDate,F)>0){F=this._unit.later(F,this._startDate);
+};
-C=this._unit.earlier(C,this._endDate);
-var D=this._band.dateToPixelOffset(F);
+Timeline._Impl.prototype.zoom = function (zoomIn, x, y, target) {
-var K=this._band.dateToPixelOffset(C);
+var matcher = new RegExp("^timeline-band-([0-9]+)$");
-var I=this._timeline.getDocument();
+var bandIndex = null;
-var H=function(){var L=I.createElement("table");
-L.insertRow(0).insertCell(0);
+var result = matcher.exec(target.id);
-return L;
+if (result) {
-};
+bandIndex = parseInt(result[1]);
-var B=I.createElement("div");
+}
-B.className="timeline-highlight-decorator";
-if(this._cssClass){B.className+=" "+this._cssClass;
+if (bandIndex != null) {
-}if(this._opacity<100){SimileAjax.Graphics.setOpacity(B,this._opacity);
+this._bands[bandIndex].zoom(zoomIn, x, y, target);
-}this._layerDiv.appendChild(B);
+}
-var J=H();
-J.className="timeline-highlight-label timeline-highlight-label-start";
+this.paint();
-var G=J.rows[0].cells[0];
+};
-G.innerHTML=this._startLabel;
-if(this._cssClass){G.className="label_"+this._cssClass;
+/*=================================================
-}this._layerDiv.appendChild(J);
+*
-var A=H();
+* Coding standards:
-A.className="timeline-highlight-label timeline-highlight-label-end";
+*
-var E=A.rows[0].cells[0];
+* We aim towards Douglas Crockford's Javascript conventions.
-E.innerHTML=this._endLabel;
+* See:  http://javascript.crockford.com/code.html
-if(this._cssClass){E.className="label_"+this._cssClass;
+* See also: http://www.crockford.com/javascript/javascript.html
-}this._layerDiv.appendChild(A);
+*
-if(this._timeline.isHorizontal()){B.style.left=D+"px";
+* That said, this JS code was written before some recent JS
-B.style.width=(K-D)+"px";
+* support libraries became widely used or available.
-J.style.right=(this._band.getTotalViewLength()-D)+"px";
+* In particular, the _ character is used to indicate a class function or
-J.style.width=(this._startLabel.length)+"em";
+* variable that should be considered private to the class.
-A.style.left=K+"px";
+*
-A.style.width=(this._endLabel.length)+"em";
+* The code mostly uses accessor methods for getting/setting the private
-}else{B.style.top=D+"px";
+* class variables.
-B.style.height=(K-D)+"px";
+*
-J.style.bottom=D+"px";
+* Over time, we'd like to formalize the convention by using support libraries
-J.style.height="1.5px";
+* which enforce privacy in objects.
-A.style.top=K+"px";
+*
-A.style.height="1.5px";
+* We also want to use jslint:  http://www.jslint.com/
-}}this._layerDiv.style.display="block";
+*
-};
+*
-Timeline.SpanHighlightDecorator.prototype.softPaint=function(){};
+*==================================================
-Timeline.PointHighlightDecorator=function(A){this._unit=("unit" in A)?A.unit:SimileAjax.NativeDateUnit;
+*/
-this._date=(typeof A.date=="string")?this._unit.parseFromObject(A.date):A.date;
-this._width=("width" in A)?A.width:10;
-this._color=A.color;
-this._cssClass=("cssClass" in A)?A.cssClass:"";
+/*==================================================
-this._opacity=("opacity" in A)?A.opacity:100;
+*  Band
-};
+*==================================================
-Timeline.PointHighlightDecorator.prototype.initialize=function(B,A){this._band=B;
+*/
-this._timeline=A;
+Timeline._Band = function(timeline, bandInfo, index) {
-this._layerDiv=null;
+// hack for easier subclassing
-};
+if (timeline !== undefined) {
-Timeline.PointHighlightDecorator.prototype.paint=function(){if(this._layerDiv!=null){this._band.removeLayerDiv(this._layerDiv);
+this.initialize(timeline, bandInfo, index);
-}this._layerDiv=this._band.createLayerDiv(10);
+}
-this._layerDiv.setAttribute("name","span-highlight-decorator");
+};
-this._layerDiv.style.display="none";
-var C=this._band.getMinDate();
+Timeline._Band.prototype.initialize = function(timeline, bandInfo, index) {
-var E=this._band.getMaxDate();
+// Set up the band's object
-if(this._unit.compare(this._date,E)<0&&this._unit.compare(this._date,C)>0){var B=this._band.dateToPixelOffset(this._date);
-var A=B-Math.round(this._width/2);
+// Munge params: If autoWidth is on for the Timeline, then ensure that
-var D=this._timeline.getDocument();
+// bandInfo.width is an integer
-var F=D.createElement("div");
+if (timeline.autoWidth && typeof bandInfo.width == 'string') {
-F.className="timeline-highlight-point-decorator";
+bandInfo.width = bandInfo.width.indexOf("%") > -1 ? 0 : parseInt(bandInfo.width);
-F.className+=" "+this._cssClass;
+}
-if(this._opacity<100){SimileAjax.Graphics.setOpacity(F,this._opacity);
-}this._layerDiv.appendChild(F);
+this._timeline = timeline;
-if(this._timeline.isHorizontal()){F.style.left=A+"px";
+this._bandInfo = bandInfo;
-}else{F.style.top=A+"px";
-}}this._layerDiv.style.display="block";
+this._index = index;
-};
-Timeline.PointHighlightDecorator.prototype.softPaint=function(){};
+this._locale = ("locale" in bandInfo) ? bandInfo.locale : Timeline.getDefaultLocale();
+this._timeZone = ("timeZone" in bandInfo) ? bandInfo.timeZone : 0;
+this._labeller = ("labeller" in bandInfo) ? bandInfo.labeller :
-/* detailed-painter.js */
+(("createLabeller" in timeline.getUnit()) ?
-Timeline.DetailedEventPainter=function(A){this._params=A;
+timeline.getUnit().createLabeller(this._locale, this._timeZone) :
-this._onSelectListeners=[];
+new Timeline.GregorianDateLabeller(this._locale, this._timeZone));
-this._filterMatcher=null;
+this._theme = bandInfo.theme;
-this._highlightMatcher=null;
+this._zoomIndex = ("zoomIndex" in bandInfo) ? bandInfo.zoomIndex : 0;
-this._frc=null;
+this._zoomSteps = ("zoomSteps" in bandInfo) ? bandInfo.zoomSteps : null;
-this._eventIdToElmt={};
-};
+this._dragging = false;
-Timeline.DetailedEventPainter.prototype.initialize=function(B,A){this._band=B;
+this._changing = false;
-this._timeline=A;
+this._originalScrollSpeed = 5; // pixels
-this._backLayer=null;
+this._scrollSpeed = this._originalScrollSpeed;
-this._eventLayer=null;
+this._viewOrthogonalOffset= 0; // vertical offset if the timeline is horizontal, and vice versa
-this._lineLayer=null;
+this._onScrollListeners = [];
-this._highlightLayer=null;
-this._eventIdToElmt=null;
+var b = this;
-};
+this._syncWithBand = null;
-Timeline.DetailedEventPainter.prototype.getType=function(){return"detailed";
+this._syncWithBandHandler = function(band) {
-};
+b._onHighlightBandScroll();
-Timeline.DetailedEventPainter.prototype.addOnSelectListener=function(A){this._onSelectListeners.push(A);
+};
-};
+this._selectorListener = function(band) {
-Timeline.DetailedEventPainter.prototype.removeOnSelectListener=function(B){for(var A=0;
+b._onHighlightBandScroll();
-A<this._onSelectListeners.length;
+};
-A++){if(this._onSelectListeners[A]==B){this._onSelectListeners.splice(A,1);
-break;
+/*
-}}};
+*  Install a textbox to capture keyboard events
-Timeline.DetailedEventPainter.prototype.getFilterMatcher=function(){return this._filterMatcher;
+*/
-};
+var inputDiv = this._timeline.getDocument().createElement("div");
-Timeline.DetailedEventPainter.prototype.setFilterMatcher=function(A){this._filterMatcher=A;
+inputDiv.className = "timeline-band-input";
-};
+this._timeline.addDiv(inputDiv);
-Timeline.DetailedEventPainter.prototype.getHighlightMatcher=function(){return this._highlightMatcher;
-};
+this._keyboardInput = document.createElement("input");
-Timeline.DetailedEventPainter.prototype.setHighlightMatcher=function(A){this._highlightMatcher=A;
+this._keyboardInput.type = "text";
-};
+inputDiv.appendChild(this._keyboardInput);
-Timeline.DetailedEventPainter.prototype.paint=function(){var B=this._band.getEventSource();
+SimileAjax.DOM.registerEventWithObject(this._keyboardInput, "keydown", this, "_onKeyDown");
-if(B==null){return ;
+SimileAjax.DOM.registerEventWithObject(this._keyboardInput, "keyup", this, "_onKeyUp");
-}this._eventIdToElmt={};
-this._prepareForPainting();
+/*
-var I=this._params.theme.event;
+*  The band's outer most div that slides with respect to the timeline's div
-var G=Math.max(I.track.height,this._frc.getLineHeight());
+*/
-var F={trackOffset:Math.round(this._band.getViewWidth()/2-G/2),trackHeight:G,trackGap:I.track.gap,trackIncrement:G+I.track.gap,icon:I.instant.icon,iconWidth:I.instant.iconWidth,iconHeight:I.instant.iconHeight,labelWidth:I.label.width};
+this._div = this._timeline.getDocument().createElement("div");
-var C=this._band.getMinDate();
+this._div.id = "timeline-band-" + index;
-var A=this._band.getMaxDate();
+this._div.className = "timeline-band timeline-band-" + index;
-var J=(this._filterMatcher!=null)?this._filterMatcher:function(K){return true;
+this._timeline.addDiv(this._div);
-};
-var E=(this._highlightMatcher!=null)?this._highlightMatcher:function(K){return -1;
+SimileAjax.DOM.registerEventWithObject(this._div, "mousedown", this, "_onMouseDown");
-};
+SimileAjax.DOM.registerEventWithObject(this._div, "mousemove", this, "_onMouseMove");
-var D=B.getEventReverseIterator(C,A);
+SimileAjax.DOM.registerEventWithObject(this._div, "mouseup", this, "_onMouseUp");
-while(D.hasNext()){var H=D.next();
+SimileAjax.DOM.registerEventWithObject(this._div, "mouseout", this, "_onMouseOut");
-if(J(H)){this.paintEvent(H,F,this._params.theme,E(H));
+SimileAjax.DOM.registerEventWithObject(this._div, "dblclick", this, "_onDblClick");
-}}this._highlightLayer.style.display="block";
-this._lineLayer.style.display="block";
+var mouseWheel = this._theme!= null ? this._theme.mouseWheel : 'scroll'; // theme is not always defined
-this._eventLayer.style.display="block";
+if (mouseWheel === 'zoom' || mouseWheel === 'scroll' || this._zoomSteps) {
-this._band.updateEventTrackInfo(this._lowerTracks.length+this._upperTracks.length,F.trackIncrement);
+// capture mouse scroll
-};
+if (SimileAjax.Platform.browser.isFirefox) {
-Timeline.DetailedEventPainter.prototype.softPaint=function(){};
+SimileAjax.DOM.registerEventWithObject(this._div, "DOMMouseScroll", this, "_onMouseScroll");
-Timeline.DetailedEventPainter.prototype._prepareForPainting=function(){var B=this._band;
+} else {
-if(this._backLayer==null){this._backLayer=this._band.createLayerDiv(0,"timeline-band-events");
+SimileAjax.DOM.registerEventWithObject(this._div, "mousewheel", this, "_onMouseScroll");
-this._backLayer.style.visibility="hidden";
+}
-var A=document.createElement("span");
+}
-A.className="timeline-event-label";
-this._backLayer.appendChild(A);
+/*
-this._frc=SimileAjax.Graphics.getFontRenderingContext(A);
+*  The inner div that contains layers
-}this._frc.update();
+*/
-this._lowerTracks=[];
+this._innerDiv = this._timeline.getDocument().createElement("div");
-this._upperTracks=[];
+this._innerDiv.className = "timeline-band-inner";
-if(this._highlightLayer!=null){B.removeLayerDiv(this._highlightLayer);
+this._div.appendChild(this._innerDiv);
-}this._highlightLayer=B.createLayerDiv(105,"timeline-band-highlights");
-this._highlightLayer.style.display="none";
+/*
-if(this._lineLayer!=null){B.removeLayerDiv(this._lineLayer);
+*  Initialize parts of the band
-}this._lineLayer=B.createLayerDiv(110,"timeline-band-lines");
+*/
-this._lineLayer.style.display="none";
+this._ether = bandInfo.ether;
-if(this._eventLayer!=null){B.removeLayerDiv(this._eventLayer);
+bandInfo.ether.initialize(this, timeline);
-}this._eventLayer=B.createLayerDiv(110,"timeline-band-events");
-this._eventLayer.style.display="none";
+this._etherPainter = bandInfo.etherPainter;
-};
+bandInfo.etherPainter.initialize(this, timeline);
-Timeline.DetailedEventPainter.prototype.paintEvent=function(B,C,D,A){if(B.isInstant()){this.paintInstantEvent(B,C,D,A);
-}else{this.paintDurationEvent(B,C,D,A);
+this._eventSource = bandInfo.eventSource;
-}};
+if (this._eventSource) {
-Timeline.DetailedEventPainter.prototype.paintInstantEvent=function(B,C,D,A){if(B.isImprecise()){this.paintImpreciseInstantEvent(B,C,D,A);
+this._eventListener = {
-}else{this.paintPreciseInstantEvent(B,C,D,A);
+onAddMany: function() { b._onAddMany(); },
-}};
+onClear:   function() { b._onClear(); }
-Timeline.DetailedEventPainter.prototype.paintDurationEvent=function(B,C,D,A){if(B.isImprecise()){this.paintImpreciseDurationEvent(B,C,D,A);
+}
-}else{this.paintPreciseDurationEvent(B,C,D,A);
+this._eventSource.addListener(this._eventListener);
-}};
+}
-Timeline.DetailedEventPainter.prototype.paintPreciseInstantEvent=function(K,N,Q,O){var S=this._timeline.getDocument();
-var J=K.getText();
+this._eventPainter = bandInfo.eventPainter;
-var E=K.getStart();
+this._eventTracksNeeded = 0;   // set by painter via updateEventTrackInfo
-var C=Math.round(this._band.dateToPixelOffset(E));
+this._eventTrackIncrement = 0;
-var A=Math.round(C+N.iconWidth/2);
+bandInfo.eventPainter.initialize(this, timeline);
-var I=Math.round(C-N.iconWidth/2);
-var G=this._frc.computeSize(J);
+this._decorators = ("decorators" in bandInfo) ? bandInfo.decorators : [];
-var D=this._findFreeTrackForSolid(A,C);
+for (var i = 0; i < this._decorators.length; i++) {
-var B=this._paintEventIcon(K,D,I,N,Q);
+this._decorators[i].initialize(this, timeline);
-var T=A+Q.event.label.offsetFromLine;
+}
-var P=D;
+};
-var F=this._getTrackData(D);
-if(Math.min(F.solid,F.text)>=T+G.width){F.solid=I;
+Timeline._Band.SCROLL_MULTIPLES = 5;
-F.text=T;
-}else{F.solid=I;
+Timeline._Band.prototype.dispose = function() {
-T=C+Q.event.label.offsetFromLine;
+this.closeBubble();
-P=this._findFreeTrackForText(D,T+G.width,function(U){U.line=C-2;
-});
+if (this._eventSource) {
-this._getTrackData(P).text=I;
+this._eventSource.removeListener(this._eventListener);
-this._paintEventLine(K,C,D,P,N,Q);
+this._eventListener = null;
-}var R=Math.round(N.trackOffset+P*N.trackIncrement+N.trackHeight/2-G.height/2);
+this._eventSource = null;
-var M=this._paintEventLabel(K,J,T,R,G.width,G.height,Q);
+}
-var L=this;
-var H=function(U,V,W){return L._onClickInstantEvent(B.elmt,V,K);
+this._timeline = null;
-};
+this._bandInfo = null;
-SimileAjax.DOM.registerEvent(B.elmt,"mousedown",H);
-SimileAjax.DOM.registerEvent(M.elmt,"mousedown",H);
+this._labeller = null;
-this._createHighlightDiv(O,B,Q);
+this._ether = null;
-this._eventIdToElmt[K.getID()]=B.elmt;
+this._etherPainter = null;
-};
+this._eventPainter = null;
-Timeline.DetailedEventPainter.prototype.paintImpreciseInstantEvent=function(N,Q,V,R){var X=this._timeline.getDocument();
+this._decorators = null;
-var M=N.getText();
-var H=N.getStart();
+this._onScrollListeners = null;
-var S=N.getEnd();
+this._syncWithBandHandler = null;
-var E=Math.round(this._band.dateToPixelOffset(H));
+this._selectorListener = null;
-var B=Math.round(this._band.dateToPixelOffset(S));
-var A=Math.round(E+Q.iconWidth/2);
+this._div = null;
-var L=Math.round(E-Q.iconWidth/2);
+this._innerDiv = null;
-var J=this._frc.computeSize(M);
+this._keyboardInput = null;
-var F=this._findFreeTrackForSolid(B,E);
+};
-var G=this._paintEventTape(N,F,E,B,V.event.instant.impreciseColor,V.event.instant.impreciseOpacity,Q,V);
-var C=this._paintEventIcon(N,F,L,Q,V);
+Timeline._Band.prototype.addOnScrollListener = function(listener) {
-var I=this._getTrackData(F);
+this._onScrollListeners.push(listener);
-I.solid=L;
+};
-var W=A+V.event.label.offsetFromLine;
-var D=W+J.width;
+Timeline._Band.prototype.removeOnScrollListener = function(listener) {
-var T;
+for (var i = 0; i < this._onScrollListeners.length; i++) {
-if(D<B){T=F;
+if (this._onScrollListeners[i] == listener) {
-}else{W=E+V.event.label.offsetFromLine;
+this._onScrollListeners.splice(i, 1);
-D=W+J.width;
+break;
-T=this._findFreeTrackForText(F,D,function(Y){Y.line=E-2;
+}
-});
+}
-this._getTrackData(T).text=L;
+};
-this._paintEventLine(N,E,F,T,Q,V);
-}var U=Math.round(Q.trackOffset+T*Q.trackIncrement+Q.trackHeight/2-J.height/2);
+Timeline._Band.prototype.setSyncWithBand = function(band, highlight) {
-var P=this._paintEventLabel(N,M,W,U,J.width,J.height,V);
+if (this._syncWithBand) {
-var O=this;
+this._syncWithBand.removeOnScrollListener(this._syncWithBandHandler);
-var K=function(Y,Z,a){return O._onClickInstantEvent(C.elmt,Z,N);
+}
-};
-SimileAjax.DOM.registerEvent(C.elmt,"mousedown",K);
+this._syncWithBand = band;
-SimileAjax.DOM.registerEvent(G.elmt,"mousedown",K);
+this._syncWithBand.addOnScrollListener(this._syncWithBandHandler);
-SimileAjax.DOM.registerEvent(P.elmt,"mousedown",K);
+this._highlight = highlight;
-this._createHighlightDiv(R,C,V);
+this._positionHighlight();
-this._eventIdToElmt[N.getID()]=C.elmt;
+};
-};
-Timeline.DetailedEventPainter.prototype.paintPreciseDurationEvent=function(J,M,S,O){var T=this._timeline.getDocument();
+Timeline._Band.prototype.getLocale = function() {
-var I=J.getText();
+return this._locale;
-var D=J.getStart();
+};
-var P=J.getEnd();
-var B=Math.round(this._band.dateToPixelOffset(D));
+Timeline._Band.prototype.getTimeZone = function() {
-var A=Math.round(this._band.dateToPixelOffset(P));
+return this._timeZone;
-var F=this._frc.computeSize(I);
+};
-var E=this._findFreeTrackForSolid(A);
-var N=J.getColor();
+Timeline._Band.prototype.getLabeller = function() {
-N=N!=null?N:S.event.duration.color;
+return this._labeller;
-var C=this._paintEventTape(J,E,B,A,N,100,M,S);
+};
-var H=this._getTrackData(E);
-H.solid=B;
+Timeline._Band.prototype.getIndex = function() {
-var U=B+S.event.label.offsetFromLine;
+return this._index;
-var Q=this._findFreeTrackForText(E,U+F.width,function(V){V.line=B-2;
+};
-});
-this._getTrackData(Q).text=B-2;
+Timeline._Band.prototype.getEther = function() {
-this._paintEventLine(J,B,E,Q,M,S);
+return this._ether;
-var R=Math.round(M.trackOffset+Q*M.trackIncrement+M.trackHeight/2-F.height/2);
+};
-var L=this._paintEventLabel(J,I,U,R,F.width,F.height,S);
-var K=this;
+Timeline._Band.prototype.getEtherPainter = function() {
-var G=function(V,W,X){return K._onClickDurationEvent(C.elmt,W,J);
+return this._etherPainter;
 };
-SimileAjax.DOM.registerEvent(C.elmt,"mousedown",G);
-SimileAjax.DOM.registerEvent(L.elmt,"mousedown",G);
+Timeline._Band.prototype.getEventSource = function() {
-this._createHighlightDiv(O,C,S);
+return this._eventSource;
-this._eventIdToElmt[J.getID()]=C.elmt;
+};
-};
-Timeline.DetailedEventPainter.prototype.paintImpreciseDurationEvent=function(L,P,W,S){var Z=this._timeline.getDocument();
+Timeline._Band.prototype.getEventPainter = function() {
-var K=L.getText();
+return this._eventPainter;
-var D=L.getStart();
+};
-var Q=L.getLatestStart();
-var T=L.getEnd();
+Timeline._Band.prototype.getTimeline = function() {
-var X=L.getEarliestEnd();
+return this._timeline;
-var B=Math.round(this._band.dateToPixelOffset(D));
+};
-var F=Math.round(this._band.dateToPixelOffset(Q));
-var A=Math.round(this._band.dateToPixelOffset(T));
+// Autowidth support
-var G=Math.round(this._band.dateToPixelOffset(X));
+Timeline._Band.prototype.updateEventTrackInfo = function(tracks, increment) {
-var H=this._frc.computeSize(K);
+this._eventTrackIncrement = increment; // doesn't vary for a specific band
-var E=this._findFreeTrackForSolid(A);
-var R=L.getColor();
+if (tracks > this._eventTracksNeeded) {
-R=R!=null?R:W.event.duration.color;
+this._eventTracksNeeded = tracks;
-var O=this._paintEventTape(L,E,B,A,W.event.duration.impreciseColor,W.event.duration.impreciseOpacity,P,W);
+}
-var C=this._paintEventTape(L,E,F,G,R,100,P,W);
+};
-var J=this._getTrackData(E);
-J.solid=B;
+// Autowidth support
-var Y=F+W.event.label.offsetFromLine;
+Timeline._Band.prototype.checkAutoWidth = function() {
-var U=this._findFreeTrackForText(E,Y+H.width,function(a){a.line=F-2;
+// if a new (larger) width is needed by the band
-});
+// then: a) updates the band's bandInfo.width
-this._getTrackData(U).text=F-2;
+//
-this._paintEventLine(L,F,E,U,P,W);
+// desiredWidth for the band is
-var V=Math.round(P.trackOffset+U*P.trackIncrement+P.trackHeight/2-H.height/2);
+//   (number of tracks + margin) * track increment
-var N=this._paintEventLabel(L,K,Y,V,H.width,H.height,W);
+if (! this._timeline.autoWidth) {
-var M=this;
+return; // early return
-var I=function(a,b,c){return M._onClickDurationEvent(C.elmt,b,L);
+}
-};
-SimileAjax.DOM.registerEvent(C.elmt,"mousedown",I);
+var overviewBand = this._eventPainter.getType() == 'overview';
-SimileAjax.DOM.registerEvent(N.elmt,"mousedown",I);
+var margin = overviewBand ?
-this._createHighlightDiv(S,C,W);
+this._theme.event.overviewTrack.autoWidthMargin :
-this._eventIdToElmt[L.getID()]=C.elmt;
+this._theme.event.track.autoWidthMargin;
-};
+var desiredWidth = Math.ceil((this._eventTracksNeeded + margin) *
-Timeline.DetailedEventPainter.prototype._findFreeTrackForSolid=function(B,A){for(var D=0;
+this._eventTrackIncrement);
-true;
+// add offset amount (additional margin)
-D++){if(D<this._lowerTracks.length){var C=this._lowerTracks[D];
+desiredWidth += overviewBand ? this._theme.event.overviewTrack.offset :
-if(Math.min(C.solid,C.text)>B&&(!(A)||C.line>A)){return D;
+this._theme.event.track.offset;
-}}else{this._lowerTracks.push({solid:Number.POSITIVE_INFINITY,text:Number.POSITIVE_INFINITY,line:Number.POSITIVE_INFINITY});
+var bandInfo = this._bandInfo;
-return D;
-}if(D<this._upperTracks.length){var C=this._upperTracks[D];
+if (desiredWidth != bandInfo.width) {
-if(Math.min(C.solid,C.text)>B&&(!(A)||C.line>A)){return -1-D;
+bandInfo.width = desiredWidth;
-}}else{this._upperTracks.push({solid:Number.POSITIVE_INFINITY,text:Number.POSITIVE_INFINITY,line:Number.POSITIVE_INFINITY});
+}
-return -1-D;
+};
-}}};
-Timeline.DetailedEventPainter.prototype._findFreeTrackForText=function(D,C,H){var F;
+Timeline._Band.prototype.layout = function() {
-var G;
+this.paint();
-var B;
+};
-var J;
-if(D<0){F=true;
+Timeline._Band.prototype.paint = function() {
-B=-D;
+this._etherPainter.paint();
-G=this._findFreeUpperTrackForText(B,C);
+this._paintDecorators();
-J=-1-G;
+this._paintEvents();
-}else{if(D>0){F=false;
+};
-B=D+1;
-G=this._findFreeLowerTrackForText(B,C);
+Timeline._Band.prototype.softLayout = function() {
-J=G;
+this.softPaint();
-}else{var A=this._findFreeUpperTrackForText(0,C);
+};
-var I=this._findFreeLowerTrackForText(1,C);
-if(I-1<=A){F=false;
+Timeline._Band.prototype.softPaint = function() {
-B=1;
+this._etherPainter.softPaint();
-G=I;
+this._softPaintDecorators();
-J=G;
+this._softPaintEvents();
-}else{F=true;
+};
-B=0;
-G=A;
+Timeline._Band.prototype.setBandShiftAndWidth = function(shift, width) {
-J=-1-G;
+var inputDiv = this._keyboardInput.parentNode;
-}}}if(F){if(G==this._upperTracks.length){this._upperTracks.push({solid:Number.POSITIVE_INFINITY,text:Number.POSITIVE_INFINITY,line:Number.POSITIVE_INFINITY});
+var middle = shift + Math.floor(width / 2);
-}for(var E=B;
+if (this._timeline.isHorizontal()) {
-E<G;
+this._div.style.top = shift + "px";
-E++){H(this._upperTracks[E]);
+this._div.style.height = width + "px";
-}}else{if(G==this._lowerTracks.length){this._lowerTracks.push({solid:Number.POSITIVE_INFINITY,text:Number.POSITIVE_INFINITY,line:Number.POSITIVE_INFINITY});
-}for(var E=B;
+inputDiv.style.top = middle + "px";
-E<G;
+inputDiv.style.left = "-1em";
-E++){H(this._lowerTracks[E]);
+} else {
-}}return J;
+this._div.style.left = shift + "px";
-};
+this._div.style.width = width + "px";
-Timeline.DetailedEventPainter.prototype._findFreeLowerTrackForText=function(A,C){for(;
-A<this._lowerTracks.length;
+inputDiv.style.left = middle + "px";
-A++){var B=this._lowerTracks[A];
+inputDiv.style.top = "-1em";
-if(Math.min(B.solid,B.text)>=C){break;
+}
-}}return A;
+};
-};
-Timeline.DetailedEventPainter.prototype._findFreeUpperTrackForText=function(A,C){for(;
+Timeline._Band.prototype.getViewWidth = function() {
-A<this._upperTracks.length;
+if (this._timeline.isHorizontal()) {
-A++){var B=this._upperTracks[A];
+return this._div.offsetHeight;
-if(Math.min(B.solid,B.text)>=C){break;
+} else {
-}}return A;
+return this._div.offsetWidth;
-};
+}
-Timeline.DetailedEventPainter.prototype._getTrackData=function(A){return(A<0)?this._upperTracks[-A-1]:this._lowerTracks[A];
+};
-};
-Timeline.DetailedEventPainter.prototype._paintEventLine=function(I,C,F,A,G,D){var H=Math.round(G.trackOffset+F*G.trackIncrement+G.trackHeight/2);
+Timeline._Band.prototype.setViewLength = function(length) {
-var J=Math.round(Math.abs(A-F)*G.trackIncrement);
+this._viewLength = length;
-var E="1px solid "+D.event.label.lineColor;
+this._recenterDiv();
-var B=this._timeline.getDocument().createElement("div");
+this._onChanging();
-B.style.position="absolute";
+};
-B.style.left=C+"px";
-B.style.width=D.event.label.offsetFromLine+"px";
+Timeline._Band.prototype.getViewLength = function() {
-B.style.height=J+"px";
+return this._viewLength;
-if(F>A){B.style.top=(H-J)+"px";
+};
-B.style.borderTop=E;
-}else{B.style.top=H+"px";
+Timeline._Band.prototype.getTotalViewLength = function() {
-B.style.borderBottom=E;
+return Timeline._Band.SCROLL_MULTIPLES * this._viewLength;
-}B.style.borderLeft=E;
+};
-this._lineLayer.appendChild(B);
-};
+Timeline._Band.prototype.getViewOffset = function() {
-Timeline.DetailedEventPainter.prototype._paintEventIcon=function(I,E,B,F,D){var H=I.getIcon();
+return this._viewOffset;
-H=H!=null?H:F.icon;
+};
-var J=F.trackOffset+E*F.trackIncrement+F.trackHeight/2;
-var G=Math.round(J-F.iconHeight/2);
+Timeline._Band.prototype.getMinDate = function() {
-var C=SimileAjax.Graphics.createTranslucentImage(H);
+return this._ether.pixelOffsetToDate(this._viewOffset);
-var A=this._timeline.getDocument().createElement("div");
+};
-A.style.position="absolute";
-A.style.left=B+"px";
+Timeline._Band.prototype.getMaxDate = function() {
-A.style.top=G+"px";
+return this._ether.pixelOffsetToDate(this._viewOffset + Timeline._Band.SCROLL_MULTIPLES * this._viewLength);
-A.appendChild(C);
+};
-A.style.cursor="pointer";
-if(I._title!=null){A.title=I._title;
+Timeline._Band.prototype.getMinVisibleDate = function() {
-}this._eventLayer.appendChild(A);
+return this._ether.pixelOffsetToDate(0);
-return{left:B,top:G,width:F.iconWidth,height:F.iconHeight,elmt:A};
+};
-};
-Timeline.DetailedEventPainter.prototype._paintEventLabel=function(H,I,B,F,A,J,D){var G=this._timeline.getDocument();
+Timeline._Band.prototype.getMinVisibleDateAfterDelta = function(delta) {
-var K=G.createElement("div");
+return this._ether.pixelOffsetToDate(delta);
-K.style.position="absolute";
+};
-K.style.left=B+"px";
-K.style.width=A+"px";
+Timeline._Band.prototype.getMaxVisibleDate = function() {
-K.style.top=F+"px";
+// Max date currently visible on band
-K.style.height=J+"px";
+return this._ether.pixelOffsetToDate(this._viewLength);
-K.style.backgroundColor=D.event.label.backgroundColor;
+};
-SimileAjax.Graphics.setOpacity(K,D.event.label.backgroundOpacity);
-this._eventLayer.appendChild(K);
+Timeline._Band.prototype.getMaxVisibleDateAfterDelta = function(delta) {
-var E=G.createElement("div");
+// Max date visible on band after delta px view change is applied
-E.style.position="absolute";
+return this._ether.pixelOffsetToDate(this._viewLength + delta);
-E.style.left=B+"px";
+};
-E.style.width=A+"px";
-E.style.top=F+"px";
+Timeline._Band.prototype.getCenterVisibleDate = function() {
-E.innerHTML=I;
+return this._ether.pixelOffsetToDate(this._viewLength / 2);
-E.style.cursor="pointer";
+};
-if(H._title!=null){E.title=H._title;
-}var C=H.getTextColor();
+Timeline._Band.prototype.setMinVisibleDate = function(date) {
-if(C==null){C=H.getColor();
+if (!this._changing) {
-}if(C!=null){E.style.color=C;
+this._moveEther(Math.round(-this._ether.dateToPixelOffset(date)));
-}this._eventLayer.appendChild(E);
+}
-return{left:B,top:F,width:A,height:J,elmt:E};
+};
-};
-Timeline.DetailedEventPainter.prototype._paintEventTape=function(L,H,E,A,C,G,I,F){var B=A-E;
+Timeline._Band.prototype.setMaxVisibleDate = function(date) {
-var D=F.event.tape.height;
+if (!this._changing) {
-var M=I.trackOffset+H*I.trackIncrement+I.trackHeight/2;
+this._moveEther(Math.round(this._viewLength - this._ether.dateToPixelOffset(date)));
-var J=Math.round(M-D/2);
+}
-var K=this._timeline.getDocument().createElement("div");
+};
-K.style.position="absolute";
-K.style.left=E+"px";
+Timeline._Band.prototype.setCenterVisibleDate = function(date) {
-K.style.width=B+"px";
+if (!this._changing) {
-K.style.top=J+"px";
+this._moveEther(Math.round(this._viewLength / 2 - this._ether.dateToPixelOffset(date)));
-K.style.height=D+"px";
+}
-K.style.backgroundColor=C;
+};
-K.style.overflow="hidden";
-K.style.cursor="pointer";
+Timeline._Band.prototype.dateToPixelOffset = function(date) {
-if(L._title!=null){K.title=L._title;
+return this._ether.dateToPixelOffset(date) - this._viewOffset;
-}SimileAjax.Graphics.setOpacity(K,G);
+};
-this._eventLayer.appendChild(K);
-return{left:E,top:J,width:B,height:D,elmt:K};
+Timeline._Band.prototype.pixelOffsetToDate = function(pixels) {
-};
+return this._ether.pixelOffsetToDate(pixels + this._viewOffset);
-Timeline.DetailedEventPainter.prototype._createHighlightDiv=function(A,C,E){if(A>=0){var D=this._timeline.getDocument();
+};
-var G=E.event;
-var B=G.highlightColors[Math.min(A,G.highlightColors.length-1)];
+Timeline._Band.prototype.getViewOrthogonalOffset = function() {
-var F=D.createElement("div");
+return this._viewOrthogonalOffset;
-F.style.position="absolute";
+};
-F.style.overflow="hidden";
-F.style.left=(C.left-2)+"px";
+Timeline._Band.prototype.setViewOrthogonalOffset = function(offset) {
-F.style.width=(C.width+4)+"px";
+this._viewOrthogonalOffset = Math.max(0, offset);
-F.style.top=(C.top-2)+"px";
+};
-F.style.height=(C.height+4)+"px";
-F.style.background=B;
+Timeline._Band.prototype.createLayerDiv = function(zIndex, className) {
-this._highlightLayer.appendChild(F);
+var div = this._timeline.getDocument().createElement("div");
-}};
+div.className = "timeline-band-layer" + (typeof className == "string" ? (" " + className) : "");
-Timeline.DetailedEventPainter.prototype._onClickInstantEvent=function(B,C,A){var D=SimileAjax.DOM.getPageCoordinates(B);
+div.style.zIndex = zIndex;
-this._showBubble(D.left+Math.ceil(B.offsetWidth/2),D.top+Math.ceil(B.offsetHeight/2),A);
+this._innerDiv.appendChild(div);
-this._fireOnSelect(A.getID());
-C.cancelBubble=true;
+var innerDiv = this._timeline.getDocument().createElement("div");
-SimileAjax.DOM.cancelEvent(C);
+innerDiv.className = "timeline-band-layer-inner";
-return false;
+if (SimileAjax.Platform.browser.isIE) {
-};
+innerDiv.style.cursor = "move";
-Timeline.DetailedEventPainter.prototype._onClickDurationEvent=function(D,C,B){if("pageX" in C){var A=C.pageX;
+} else {
-var F=C.pageY;
+innerDiv.style.cursor = "-moz-grab";
-}else{var E=SimileAjax.DOM.getPageCoordinates(D);
+}
-var A=C.offsetX+E.left;
+div.appendChild(innerDiv);
-var F=C.offsetY+E.top;
-}this._showBubble(A,F,B);
+return innerDiv;
-this._fireOnSelect(B.getID());
+};
-C.cancelBubble=true;
-SimileAjax.DOM.cancelEvent(C);
+Timeline._Band.prototype.removeLayerDiv = function(div) {
-return false;
+this._innerDiv.removeChild(div.parentNode);
 };
-Timeline.DetailedEventPainter.prototype.showBubble=function(A){var B=this._eventIdToElmt[A.getID()];
-if(B){var C=SimileAjax.DOM.getPageCoordinates(B);
+Timeline._Band.prototype.scrollToCenter = function(date, f) {
-this._showBubble(C.left+B.offsetWidth/2,C.top+B.offsetHeight/2,A);
+var pixelOffset = this._ether.dateToPixelOffset(date);
-}};
+if (pixelOffset < -this._viewLength / 2) {
-Timeline.DetailedEventPainter.prototype._showBubble=function(A,E,B){var D=document.createElement("div");
+this.setCenterVisibleDate(this.pixelOffsetToDate(pixelOffset + this._viewLength));
-var C=this._params.theme.event.bubble;
+} else if (pixelOffset > 3 * this._viewLength / 2) {
-B.fillInfoBubble(D,this._params.theme,this._band.getLabeller());
+this.setCenterVisibleDate(this.pixelOffsetToDate(pixelOffset - this._viewLength));
-SimileAjax.WindowManager.cancelPopups();
+}
-SimileAjax.Graphics.createBubbleForContentAndPoint(D,A,E,C.width,null,C.maxHeight);
+this._autoScroll(Math.round(this._viewLength / 2 - this._ether.dateToPixelOffset(date)), f);
 };
-Timeline.DetailedEventPainter.prototype._fireOnSelect=function(B){for(var A=0;
-A<this._onSelectListeners.length;
+Timeline._Band.prototype.showBubbleForEvent = function(eventID) {
-A++){this._onSelectListeners[A](B);
+var evt = this.getEventSource().getEvent(eventID);
-}};
+if (evt) {
+var self = this;
+this.scrollToCenter(evt.getStart(), function() {
-/* ether-painters.js */
+self._eventPainter.showBubble(evt);
-Timeline.GregorianEtherPainter=function(A){this._params=A;
+});
-this._theme=A.theme;
+}
-this._unit=A.unit;
+};
-this._multiple=("multiple" in A)?A.multiple:1;
-};
+Timeline._Band.prototype.zoom = function(zoomIn, x, y, target) {
-Timeline.GregorianEtherPainter.prototype.initialize=function(C,B){this._band=C;
+if (!this._zoomSteps) {
-this._timeline=B;
+// zoom disabled
-this._backgroundLayer=C.createLayerDiv(0);
+return;
-this._backgroundLayer.setAttribute("name","ether-background");
+}
-this._backgroundLayer.className="timeline-ether-bg";
-this._markerLayer=null;
+// shift the x value by our offset
-this._lineLayer=null;
+x += this._viewOffset;
-var D=("align" in this._params&&this._params.align!=undefined)?this._params.align:this._theme.ether.interval.marker[B.isHorizontal()?"hAlign":"vAlign"];
-var A=("showLine" in this._params)?this._params.showLine:this._theme.ether.interval.line.show;
+var zoomDate = this._ether.pixelOffsetToDate(x);
-this._intervalMarkerLayout=new Timeline.EtherIntervalMarkerLayout(this._timeline,this._band,this._theme,D,A);
+var netIntervalChange = this._ether.zoom(zoomIn);
-this._highlight=new Timeline.EtherHighlight(this._timeline,this._band,this._theme,this._backgroundLayer);
+this._etherPainter.zoom(netIntervalChange);
-};
-Timeline.GregorianEtherPainter.prototype.setHighlight=function(A,B){this._highlight.position(A,B);
+// shift our zoom date to the far left
-};
+this._moveEther(Math.round(-this._ether.dateToPixelOffset(zoomDate)));
-Timeline.GregorianEtherPainter.prototype.paint=function(){if(this._markerLayer){this._band.removeLayerDiv(this._markerLayer);
+// then shift it back to where the mouse was
-}this._markerLayer=this._band.createLayerDiv(100);
+this._moveEther(x);
-this._markerLayer.setAttribute("name","ether-markers");
+};
-this._markerLayer.style.display="none";
-if(this._lineLayer){this._band.removeLayerDiv(this._lineLayer);
+Timeline._Band.prototype._onMouseDown = function(innerFrame, evt, target) {
-}this._lineLayer=this._band.createLayerDiv(1);
+this.closeBubble();
-this._lineLayer.setAttribute("name","ether-lines");
-this._lineLayer.style.display="none";
+this._dragging = true;
-var C=this._band.getMinDate();
+this._dragX = evt.clientX;
-var F=this._band.getMaxDate();
+this._dragY = evt.clientY;
-var B=this._band.getTimeZone();
+};
-var E=this._band.getLabeller();
-SimileAjax.DateTime.roundDownToInterval(C,this._unit,B,this._multiple,this._theme.firstDayOfWeek);
+Timeline._Band.prototype._onMouseMove = function(innerFrame, evt, target) {
-var D=this;
+if (this._dragging) {
-var A=function(G){for(var H=0;
+var diffX = evt.clientX - this._dragX;
-H<D._multiple;
+var diffY = evt.clientY - this._dragY;
-H++){SimileAjax.DateTime.incrementByInterval(G,D._unit);
-}};
+this._dragX = evt.clientX;
-while(C.getTime()<F.getTime()){this._intervalMarkerLayout.createIntervalMarker(C,E,this._unit,this._markerLayer,this._lineLayer);
+this._dragY = evt.clientY;
-A(C);
-}this._markerLayer.style.display="block";
+if (this._timeline.isHorizontal()) {
-this._lineLayer.style.display="block";
+this._moveEther(diffX, diffY);
-};
+} else {
-Timeline.GregorianEtherPainter.prototype.softPaint=function(){};
+this._moveEther(diffY, diffX);
-Timeline.GregorianEtherPainter.prototype.zoom=function(A){if(A!=0){this._unit+=A;
+}
-}};
+this._positionHighlight();
-Timeline.HotZoneGregorianEtherPainter=function(G){this._params=G;
+}
-this._theme=G.theme;
+};
-this._zones=[{startTime:Number.NEGATIVE_INFINITY,endTime:Number.POSITIVE_INFINITY,unit:G.unit,multiple:1}];
-for(var E=0;
+Timeline._Band.prototype._onMouseUp = function(innerFrame, evt, target) {
-E<G.zones.length;
+this._dragging = false;
-E++){var B=G.zones[E];
+this._keyboardInput.focus();
-var D=SimileAjax.DateTime.parseGregorianDateTime(B.start).getTime();
+};
-var F=SimileAjax.DateTime.parseGregorianDateTime(B.end).getTime();
-for(var C=0;
+Timeline._Band.prototype._onMouseOut = function(innerFrame, evt, target) {
-C<this._zones.length&&F>D;
+var coords = SimileAjax.DOM.getEventRelativeCoordinates(evt, innerFrame);
-C++){var A=this._zones[C];
+coords.x += this._viewOffset;
-if(D<A.endTime){if(D>A.startTime){this._zones.splice(C,0,{startTime:A.startTime,endTime:D,unit:A.unit,multiple:A.multiple});
+if (coords.x < 0 || coords.x > innerFrame.offsetWidth ||
-C++;
+coords.y < 0 || coords.y > innerFrame.offsetHeight) {
-A.startTime=D;
+this._dragging = false;
-}if(F<A.endTime){this._zones.splice(C,0,{startTime:D,endTime:F,unit:B.unit,multiple:(B.multiple)?B.multiple:1});
+}
-C++;
+};
-A.startTime=F;
-D=F;
+Timeline._Band.prototype._onMouseScroll = function(innerFrame, evt, target) {
-}else{A.multiple=B.multiple;
+var now = new Date();
-A.unit=B.unit;
+now = now.getTime();
-D=A.endTime;
-}}}}};
+if (!this._lastScrollTime || ((now - this._lastScrollTime) > 50)) {
-Timeline.HotZoneGregorianEtherPainter.prototype.initialize=function(C,B){this._band=C;
+// limit 1 scroll per 200ms due to FF3 sending multiple events back to back
-this._timeline=B;
+this._lastScrollTime = now;
-this._backgroundLayer=C.createLayerDiv(0);
-this._backgroundLayer.setAttribute("name","ether-background");
+var delta = 0;
-this._backgroundLayer.className="timeline-ether-bg";
+if (evt.wheelDelta) {
-this._markerLayer=null;
+delta = evt.wheelDelta/120;
-this._lineLayer=null;
+} else if (evt.detail) {
-var D=("align" in this._params&&this._params.align!=undefined)?this._params.align:this._theme.ether.interval.marker[B.isHorizontal()?"hAlign":"vAlign"];
+delta = -evt.detail/3;
-var A=("showLine" in this._params)?this._params.showLine:this._theme.ether.interval.line.show;
+}
-this._intervalMarkerLayout=new Timeline.EtherIntervalMarkerLayout(this._timeline,this._band,this._theme,D,A);
-this._highlight=new Timeline.EtherHighlight(this._timeline,this._band,this._theme,this._backgroundLayer);
+// either scroll or zoom
-};
+var mouseWheel = this._theme.mouseWheel;
-Timeline.HotZoneGregorianEtherPainter.prototype.setHighlight=function(A,B){this._highlight.position(A,B);
-};
+if (this._zoomSteps || mouseWheel === 'zoom') {
-Timeline.HotZoneGregorianEtherPainter.prototype.paint=function(){if(this._markerLayer){this._band.removeLayerDiv(this._markerLayer);
+var loc = SimileAjax.DOM.getEventRelativeCoordinates(evt, innerFrame);
-}this._markerLayer=this._band.createLayerDiv(100);
+if (delta != 0) {
-this._markerLayer.setAttribute("name","ether-markers");
+var zoomIn;
-this._markerLayer.style.display="none";
+if (delta > 0)
-if(this._lineLayer){this._band.removeLayerDiv(this._lineLayer);
+zoomIn = true;
-}this._lineLayer=this._band.createLayerDiv(1);
+if (delta < 0)
-this._lineLayer.setAttribute("name","ether-lines");
+zoomIn = false;
-this._lineLayer.style.display="none";
+// call zoom on the timeline so we could zoom multiple bands if desired
-var D=this._band.getMinDate();
+this._timeline.zoom(zoomIn, loc.x, loc.y, innerFrame);
-var A=this._band.getMaxDate();
+}
-var K=this._band.getTimeZone();
+}
-var I=this._band.getLabeller();
+else if (mouseWheel === 'scroll') {
-var B=this;
+	var move_amt = 50 * (delta < 0 ? -1 : 1);
-var L=function(N,M){for(var O=0;
+this._moveEther(move_amt);
-O<M.multiple;
+}
-O++){SimileAjax.DateTime.incrementByInterval(N,M.unit);
+}
-}};
-var C=0;
+// prevent bubble
-while(C<this._zones.length){if(D.getTime()<this._zones[C].endTime){break;
+if (evt.stopPropagation) {
-}C++;
+evt.stopPropagation();
-}var E=this._zones.length-1;
+}
-while(E>=0){if(A.getTime()>this._zones[E].startTime){break;
+evt.cancelBubble = true;
-}E--;
-}for(var H=C;
+// prevent the default action
-H<=E;
+if (evt.preventDefault) {
-H++){var G=this._zones[H];
+evt.preventDefault();
-var J=new Date(Math.max(D.getTime(),G.startTime));
+}
-var F=new Date(Math.min(A.getTime(),G.endTime));
+evt.returnValue = false;
-SimileAjax.DateTime.roundDownToInterval(J,G.unit,K,G.multiple,this._theme.firstDayOfWeek);
+};
-SimileAjax.DateTime.roundUpToInterval(F,G.unit,K,G.multiple,this._theme.firstDayOfWeek);
-while(J.getTime()<F.getTime()){this._intervalMarkerLayout.createIntervalMarker(J,I,G.unit,this._markerLayer,this._lineLayer);
+Timeline._Band.prototype._onDblClick = function(innerFrame, evt, target) {
-L(J,G);
+var coords = SimileAjax.DOM.getEventRelativeCoordinates(evt, innerFrame);
-}}this._markerLayer.style.display="block";
+var distance = coords.x - (this._viewLength / 2 - this._viewOffset);
-this._lineLayer.style.display="block";
-};
+this._autoScroll(-distance);
-Timeline.HotZoneGregorianEtherPainter.prototype.softPaint=function(){};
+};
-Timeline.HotZoneGregorianEtherPainter.prototype.zoom=function(B){if(B!=0){for(var A=0;
-A<this._zones.length;
+Timeline._Band.prototype._onKeyDown = function(keyboardInput, evt, target) {
-++A){if(this._zones[A]){this._zones[A].unit+=B;
+if (!this._dragging) {
-}}}};
+switch (evt.keyCode) {
-Timeline.YearCountEtherPainter=function(A){this._params=A;
+case 27: // ESC
-this._theme=A.theme;
+break;
-this._startDate=SimileAjax.DateTime.parseGregorianDateTime(A.startDate);
+case 37: // left arrow
-this._multiple=("multiple" in A)?A.multiple:1;
+case 38: // up arrow
-};
+this._scrollSpeed = Math.min(50, Math.abs(this._scrollSpeed * 1.05));
-Timeline.YearCountEtherPainter.prototype.initialize=function(C,B){this._band=C;
+this._moveEther(this._scrollSpeed);
-this._timeline=B;
+break;
-this._backgroundLayer=C.createLayerDiv(0);
+case 39: // right arrow
-this._backgroundLayer.setAttribute("name","ether-background");
+case 40: // down arrow
-this._backgroundLayer.className="timeline-ether-bg";
+this._scrollSpeed = -Math.min(50, Math.abs(this._scrollSpeed * 1.05));
-this._markerLayer=null;
+this._moveEther(this._scrollSpeed);
-this._lineLayer=null;
+break;
-var D=("align" in this._params)?this._params.align:this._theme.ether.interval.marker[B.isHorizontal()?"hAlign":"vAlign"];
+default:
-var A=("showLine" in this._params)?this._params.showLine:this._theme.ether.interval.line.show;
+return true;
-this._intervalMarkerLayout=new Timeline.EtherIntervalMarkerLayout(this._timeline,this._band,this._theme,D,A);
+}
-this._highlight=new Timeline.EtherHighlight(this._timeline,this._band,this._theme,this._backgroundLayer);
+this.closeBubble();
-};
-Timeline.YearCountEtherPainter.prototype.setHighlight=function(A,B){this._highlight.position(A,B);
+SimileAjax.DOM.cancelEvent(evt);
-};
+return false;
-Timeline.YearCountEtherPainter.prototype.paint=function(){if(this._markerLayer){this._band.removeLayerDiv(this._markerLayer);
+}
-}this._markerLayer=this._band.createLayerDiv(100);
+return true;
-this._markerLayer.setAttribute("name","ether-markers");
+};
-this._markerLayer.style.display="none";
-if(this._lineLayer){this._band.removeLayerDiv(this._lineLayer);
+Timeline._Band.prototype._onKeyUp = function(keyboardInput, evt, target) {
-}this._lineLayer=this._band.createLayerDiv(1);
+if (!this._dragging) {
-this._lineLayer.setAttribute("name","ether-lines");
+this._scrollSpeed = this._originalScrollSpeed;
-this._lineLayer.style.display="none";
-var B=new Date(this._startDate.getTime());
+switch (evt.keyCode) {
-var F=this._band.getMaxDate();
+case 35: // end
-var E=this._band.getMinDate().getUTCFullYear()-this._startDate.getUTCFullYear();
+this.setCenterVisibleDate(this._eventSource.getLatestDate());
-B.setUTCFullYear(this._band.getMinDate().getUTCFullYear()-E%this._multiple);
+break;
-var C=this;
+case 36: // home
-var A=function(G){for(var H=0;
+this.setCenterVisibleDate(this._eventSource.getEarliestDate());
-H<C._multiple;
+break;
-H++){SimileAjax.DateTime.incrementByInterval(G,SimileAjax.DateTime.YEAR);
+case 33: // page up
-}};
+this._autoScroll(this._timeline.getPixelLength());
-var D={labelInterval:function(G,I){var H=G.getUTCFullYear()-C._startDate.getUTCFullYear();
+break;
-return{text:H,emphasized:H==0};
+case 34: // page down
-}};
+this._autoScroll(-this._timeline.getPixelLength());
-while(B.getTime()<F.getTime()){this._intervalMarkerLayout.createIntervalMarker(B,D,SimileAjax.DateTime.YEAR,this._markerLayer,this._lineLayer);
+break;
-A(B);
+default:
-}this._markerLayer.style.display="block";
+return true;
-this._lineLayer.style.display="block";
+}
-};
-Timeline.YearCountEtherPainter.prototype.softPaint=function(){};
+this.closeBubble();
-Timeline.QuarterlyEtherPainter=function(A){this._params=A;
-this._theme=A.theme;
+SimileAjax.DOM.cancelEvent(evt);
-this._startDate=SimileAjax.DateTime.parseGregorianDateTime(A.startDate);
+return false;
-};
+}
-Timeline.QuarterlyEtherPainter.prototype.initialize=function(C,B){this._band=C;
+return true;
-this._timeline=B;
+};
-this._backgroundLayer=C.createLayerDiv(0);
-this._backgroundLayer.setAttribute("name","ether-background");
+Timeline._Band.prototype._autoScroll = function(distance, f) {
-this._backgroundLayer.className="timeline-ether-bg";
+var b = this;
-this._markerLayer=null;
+var a = SimileAjax.Graphics.createAnimation(
-this._lineLayer=null;
+function(abs, diff) {
-var D=("align" in this._params)?this._params.align:this._theme.ether.interval.marker[B.isHorizontal()?"hAlign":"vAlign"];
+b._moveEther(diff);
-var A=("showLine" in this._params)?this._params.showLine:this._theme.ether.interval.line.show;
+},
-this._intervalMarkerLayout=new Timeline.EtherIntervalMarkerLayout(this._timeline,this._band,this._theme,D,A);
+0,
-this._highlight=new Timeline.EtherHighlight(this._timeline,this._band,this._theme,this._backgroundLayer);
+distance,
-};
+1000,
-Timeline.QuarterlyEtherPainter.prototype.setHighlight=function(A,B){this._highlight.position(A,B);
+f
-};
+);
-Timeline.QuarterlyEtherPainter.prototype.paint=function(){if(this._markerLayer){this._band.removeLayerDiv(this._markerLayer);
+a.run();
-}this._markerLayer=this._band.createLayerDiv(100);
+};
-this._markerLayer.setAttribute("name","ether-markers");
-this._markerLayer.style.display="none";
+Timeline._Band.prototype._moveEther = function(shift, orthogonalShift) {
-if(this._lineLayer){this._band.removeLayerDiv(this._lineLayer);
+if (orthogonalShift === undefined) {
-}this._lineLayer=this._band.createLayerDiv(1);
+orthogonalShift = 0;
-this._lineLayer.setAttribute("name","ether-lines");
+}
-this._lineLayer.style.display="none";
-var B=new Date(0);
+this.closeBubble();
-var E=this._band.getMaxDate();
-B.setUTCFullYear(Math.max(this._startDate.getUTCFullYear(),this._band.getMinDate().getUTCFullYear()));
+// A positive shift means back in time
-B.setUTCMonth(this._startDate.getUTCMonth());
+// Check that we're not moving beyond Timeline's limits
-var C=this;
+if (!this._timeline.shiftOK(this._index, shift)) {
-var A=function(F){F.setUTCMonth(F.getUTCMonth()+3);
+return; // early return
-};
+}
-var D={labelInterval:function(F,H){var G=(4+(F.getUTCMonth()-C._startDate.getUTCMonth())/3)%4;
-if(G!=0){return{text:"Q"+(G+1),emphasized:false};
+this._viewOffset += shift;
-}else{return{text:"Y"+(F.getUTCFullYear()-C._startDate.getUTCFullYear()+1),emphasized:true};
+this._viewOrthogonalOffset = Math.min(0, this._viewOrthogonalOffset + orthogonalShift);
-}}};
-while(B.getTime()<E.getTime()){this._intervalMarkerLayout.createIntervalMarker(B,D,SimileAjax.DateTime.YEAR,this._markerLayer,this._lineLayer);
+this._ether.shiftPixels(-shift);
-A(B);
+if (this._timeline.isHorizontal()) {
-}this._markerLayer.style.display="block";
+this._div.style.left = this._viewOffset + "px";
-this._lineLayer.style.display="block";
+} else {
-};
+this._div.style.top = this._viewOffset + "px";
-Timeline.QuarterlyEtherPainter.prototype.softPaint=function(){};
+}
-Timeline.EtherIntervalMarkerLayout=function(M,L,C,E,H){var A=M.isHorizontal();
-if(A){if(E=="Top"){this.positionDiv=function(O,N){O.style.left=N+"px";
+if (this._viewOffset > -this._viewLength * 0.5 ||
-O.style.top="0px";
+this._viewOffset < -this._viewLength * (Timeline._Band.SCROLL_MULTIPLES - 1.5)) {
-};
-}else{this.positionDiv=function(O,N){O.style.left=N+"px";
+this._recenterDiv();
-O.style.bottom="0px";
+} else {
-};
+this.softLayout();
-}}else{if(E=="Left"){this.positionDiv=function(O,N){O.style.top=N+"px";
+}
-O.style.left="0px";
-};
+this._onChanging();
-}else{this.positionDiv=function(O,N){O.style.top=N+"px";
+}
-O.style.right="0px";
-};
+Timeline._Band.prototype._onChanging = function() {
-}}var D=C.ether.interval.marker;
+this._changing = true;
-var I=C.ether.interval.line;
-var B=C.ether.interval.weekend;
+this._fireOnScroll();
-var K=(A?"h":"v")+E;
+this._setSyncWithBandDate();
-var G=D[K+"Styler"];
-var J=D[K+"EmphasizedStyler"];
+this._changing = false;
-var F=SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.DAY];
+};
-this.createIntervalMarker=function(T,a,b,c,Q){var U=Math.round(L.dateToPixelOffset(T));
-if(H&&b!=SimileAjax.DateTime.WEEK){var V=M.getDocument().createElement("div");
+Timeline._Band.prototype.busy = function() {
-V.className="timeline-ether-lines";
+// Is this band busy changing other bands?
-if(I.opacity<100){SimileAjax.Graphics.setOpacity(V,I.opacity);
+return(this._changing);
-}if(A){V.style.left=U+"px";
+};
-}else{V.style.top=U+"px";
-}Q.appendChild(V);
+Timeline._Band.prototype._fireOnScroll = function() {
-}if(b==SimileAjax.DateTime.WEEK){var N=C.firstDayOfWeek;
+for (var i = 0; i < this._onScrollListeners.length; i++) {
-var W=new Date(T.getTime()+(6-N-7)*F);
+this._onScrollListeners[i](this);
-var Z=new Date(W.getTime()+2*F);
+}
-var X=Math.round(L.dateToPixelOffset(W));
+};
-var S=Math.round(L.dateToPixelOffset(Z));
-var R=Math.max(1,S-X);
+Timeline._Band.prototype._setSyncWithBandDate = function() {
-var P=M.getDocument().createElement("div");
+if (this._syncWithBand) {
-P.className="timeline-ether-weekends";
+var centerDate = this._ether.pixelOffsetToDate(this.getViewLength() / 2);
-if(B.opacity<100){SimileAjax.Graphics.setOpacity(P,B.opacity);
+this._syncWithBand.setCenterVisibleDate(centerDate);
-}if(A){P.style.left=X+"px";
+}
-P.style.width=R+"px";
+};
-}else{P.style.top=X+"px";
-P.style.height=R+"px";
+Timeline._Band.prototype._onHighlightBandScroll = function() {
-}Q.appendChild(P);
+if (this._syncWithBand) {
-}var Y=a.labelInterval(T,b);
+var centerDate = this._syncWithBand.getCenterVisibleDate();
-var O=M.getDocument().createElement("div");
+var centerPixelOffset = this._ether.dateToPixelOffset(centerDate);
-O.innerHTML=Y.text;
-O.className="timeline-date-label";
+this._moveEther(Math.round(this._viewLength / 2 - centerPixelOffset));
-if(Y.emphasized){O.className+=" timeline-date-label-em";
-}this.positionDiv(O,U);
+if (this._highlight) {
-c.appendChild(O);
+this._etherPainter.setHighlight(
-return O;
+this._syncWithBand.getMinVisibleDate(),
-};
+this._syncWithBand.getMaxVisibleDate());
-};
+}
-Timeline.EtherHighlight=function(C,E,D,B){var A=C.isHorizontal();
+}
-this._highlightDiv=null;
+};
-this._createHighlightDiv=function(){if(this._highlightDiv==null){this._highlightDiv=C.getDocument().createElement("div");
-this._highlightDiv.setAttribute("name","ether-highlight");
+Timeline._Band.prototype._onAddMany = function() {
-this._highlightDiv.className="timeline-ether-highlight";
+this._paintEvents();
-var F=D.ether.highlightOpacity;
+};
-if(F<100){SimileAjax.Graphics.setOpacity(this._highlightDiv,F);
-}B.appendChild(this._highlightDiv);
+Timeline._Band.prototype._onClear = function() {
-}};
+this._paintEvents();
-this.position=function(F,I){this._createHighlightDiv();
+};
-var J=Math.round(E.dateToPixelOffset(F));
-var H=Math.round(E.dateToPixelOffset(I));
+Timeline._Band.prototype._positionHighlight = function() {
-var G=Math.max(H-J,3);
+if (this._syncWithBand) {
-if(A){this._highlightDiv.style.left=J+"px";
+var startDate = this._syncWithBand.getMinVisibleDate();
-this._highlightDiv.style.width=G+"px";
+var endDate = this._syncWithBand.getMaxVisibleDate();
-this._highlightDiv.style.height=(E.getViewWidth()-4)+"px";
-}else{this._highlightDiv.style.top=J+"px";
+if (this._highlight) {
-this._highlightDiv.style.height=G+"px";
+this._etherPainter.setHighlight(startDate, endDate);
-this._highlightDiv.style.width=(E.getViewWidth()-4)+"px";
+}
-}};
+}
 };
+Timeline._Band.prototype._recenterDiv = function() {
-/* ethers.js */
+this._viewOffset = -this._viewLength * (Timeline._Band.SCROLL_MULTIPLES - 1) / 2;
-Timeline.LinearEther=function(A){this._params=A;
+if (this._timeline.isHorizontal()) {
-this._interval=A.interval;
+this._div.style.left = this._viewOffset + "px";
-this._pixelsPerInterval=A.pixelsPerInterval;
+this._div.style.width = (Timeline._Band.SCROLL_MULTIPLES * this._viewLength) + "px";
-};
+} else {
-Timeline.LinearEther.prototype.initialize=function(B,A){this._band=B;
+this._div.style.top = this._viewOffset + "px";
-this._timeline=A;
+this._div.style.height = (Timeline._Band.SCROLL_MULTIPLES * this._viewLength) + "px";
-this._unit=A.getUnit();
+}
-if("startsOn" in this._params){this._start=this._unit.parseFromObject(this._params.startsOn);
+this.layout();
-}else{if("endsOn" in this._params){this._start=this._unit.parseFromObject(this._params.endsOn);
+};
-this.shiftPixels(-this._timeline.getPixelLength());
-}else{if("centersOn" in this._params){this._start=this._unit.parseFromObject(this._params.centersOn);
+Timeline._Band.prototype._paintEvents = function() {
-this.shiftPixels(-this._timeline.getPixelLength()/2);
+this._eventPainter.paint();
-}else{this._start=this._unit.makeDefaultValue();
+};
-this.shiftPixels(-this._timeline.getPixelLength()/2);
-}}}};
+Timeline._Band.prototype._softPaintEvents = function() {
-Timeline.LinearEther.prototype.setDate=function(A){this._start=this._unit.cloneValue(A);
+this._eventPainter.softPaint();
 };
-Timeline.LinearEther.prototype.shiftPixels=function(B){var A=this._interval*B/this._pixelsPerInterval;
-this._start=this._unit.change(this._start,A);
+Timeline._Band.prototype._paintDecorators = function() {
-};
+for (var i = 0; i < this._decorators.length; i++) {
-Timeline.LinearEther.prototype.dateToPixelOffset=function(A){var B=this._unit.compare(A,this._start);
+this._decorators[i].paint();
-return this._pixelsPerInterval*B/this._interval;
+}
 };
-Timeline.LinearEther.prototype.pixelOffsetToDate=function(B){var A=B*this._interval/this._pixelsPerInterval;
-return this._unit.change(this._start,A);
+Timeline._Band.prototype._softPaintDecorators = function() {
-};
+for (var i = 0; i < this._decorators.length; i++) {
-Timeline.LinearEther.prototype.zoom=function(D){var B=0;
+this._decorators[i].softPaint();
-var A=this._band._zoomIndex;
+}
-var C=A;
+};
-if(D&&(A>0)){C=A-1;
-}if(!D&&(A<(this._band._zoomSteps.length-1))){C=A+1;
+Timeline._Band.prototype.closeBubble = function() {
-}this._band._zoomIndex=C;
+SimileAjax.WindowManager.cancelPopups();
-this._interval=SimileAjax.DateTime.gregorianUnitLengths[this._band._zoomSteps[C].unit];
+};
-this._pixelsPerInterval=this._band._zoomSteps[C].pixelsPerInterval;
+/*==================================================
-B=this._band._zoomSteps[C].unit-this._band._zoomSteps[A].unit;
+*  Classic Theme
-return B;
+*==================================================
-};
+*/
-Timeline.HotZoneEther=function(A){this._params=A;
-this._interval=A.interval;
-this._pixelsPerInterval=A.pixelsPerInterval;
-this._theme=A.theme;
+Timeline.ClassicTheme = new Object();
-};
-Timeline.HotZoneEther.prototype.initialize=function(H,I){this._band=H;
+Timeline.ClassicTheme.implementations = [];
-this._timeline=I;
-this._unit=I.getUnit();
+Timeline.ClassicTheme.create = function(locale) {
-this._zones=[{startTime:Number.NEGATIVE_INFINITY,endTime:Number.POSITIVE_INFINITY,magnify:1}];
+if (locale == null) {
-var B=this._params;
+locale = Timeline.getDefaultLocale();
-for(var D=0;
+}
-D<B.zones.length;
-D++){var G=B.zones[D];
+var f = Timeline.ClassicTheme.implementations[locale];
-var E=this._unit.parseFromObject(G.start);
+if (f == null) {
-var F=this._unit.parseFromObject(G.end);
+f = Timeline.ClassicTheme._Impl;
-for(var C=0;
+}
-C<this._zones.length&&this._unit.compare(F,E)>0;
+return new f();
-C++){var A=this._zones[C];
+};
-if(this._unit.compare(E,A.endTime)<0){if(this._unit.compare(E,A.startTime)>0){this._zones.splice(C,0,{startTime:A.startTime,endTime:E,magnify:A.magnify});
-C++;
+Timeline.ClassicTheme._Impl = function() {
-A.startTime=E;
+this.firstDayOfWeek = 0; // Sunday
-}if(this._unit.compare(F,A.endTime)<0){this._zones.splice(C,0,{startTime:E,endTime:F,magnify:G.magnify*A.magnify});
-C++;
+// Note: Many styles previously set here are now set using CSS
-A.startTime=F;
+//       The comments indicate settings controlled by CSS, not
-E=F;
+//       lines to be un-commented.
-}else{A.magnify*=G.magnify;
+//
-E=A.endTime;
+//
-}}}}if("startsOn" in this._params){this._start=this._unit.parseFromObject(this._params.startsOn);
+// Attributes autoWidth, autoWidthAnimationTime, timeline_start
-}else{if("endsOn" in this._params){this._start=this._unit.parseFromObject(this._params.endsOn);
+// and timeline_stop must be set on the first band's theme.
-this.shiftPixels(-this._timeline.getPixelLength());
+// The other attributes can be set differently for each
-}else{if("centersOn" in this._params){this._start=this._unit.parseFromObject(this._params.centersOn);
+// band by using different themes for the bands.
-this.shiftPixels(-this._timeline.getPixelLength()/2);
+this.autoWidth = false; // Should the Timeline automatically grow itself, as
-}else{this._start=this._unit.makeDefaultValue();
+// needed when too many events for the available width
-this.shiftPixels(-this._timeline.getPixelLength()/2);
+// are painted on the visible part of the Timeline?
-}}}};
+this.autoWidthAnimationTime = 500; // mSec
-Timeline.HotZoneEther.prototype.setDate=function(A){this._start=this._unit.cloneValue(A);
+this.timeline_start = null; // Setting a date, eg new Date(Date.UTC(2008,0,17,20,00,00,0)) will prevent the
-};
+// Timeline from being moved to anytime before the date.
-Timeline.HotZoneEther.prototype.shiftPixels=function(A){this._start=this.pixelOffsetToDate(A);
+this.timeline_stop = null;  // Use for setting a maximum date. The Timeline will not be able
-};
+// to be moved to anytime after this date.
-Timeline.HotZoneEther.prototype.dateToPixelOffset=function(A){return this._dateDiffToPixelOffset(this._start,A);
+this.ether = {
-};
+backgroundColors: [
-Timeline.HotZoneEther.prototype.pixelOffsetToDate=function(A){return this._pixelOffsetToDate(A,this._start);
+//    "#EEE",
-};
+//    "#DDD",
-Timeline.HotZoneEther.prototype.zoom=function(D){var B=0;
+//    "#CCC",
-var A=this._band._zoomIndex;
+//    "#AAA"
-var C=A;
+],
-if(D&&(A>0)){C=A-1;
+//   highlightColor:     "white",
-}if(!D&&(A<(this._band._zoomSteps.length-1))){C=A+1;
+highlightOpacity:   50,
-}this._band._zoomIndex=C;
+interval: {
-this._interval=SimileAjax.DateTime.gregorianUnitLengths[this._band._zoomSteps[C].unit];
+line: {
-this._pixelsPerInterval=this._band._zoomSteps[C].pixelsPerInterval;
+show:       true,
-B=this._band._zoomSteps[C].unit-this._band._zoomSteps[A].unit;
+opacity:    25
-return B;
+// color:      "#aaa",
-};
+},
-Timeline.HotZoneEther.prototype._dateDiffToPixelOffset=function(I,D){var B=this._getScale();
+weekend: {
-var H=I;
+opacity:    30
-var C=D;
+//  color:      "#FFFFE0",
-var A=0;
+},
-if(this._unit.compare(H,C)<0){var G=0;
+marker: {
-while(G<this._zones.length){if(this._unit.compare(H,this._zones[G].endTime)<0){break;
+hAlign:     "Bottom",
-}G++;
+vAlign:     "Right"
-}while(this._unit.compare(H,C)<0){var E=this._zones[G];
+/*
-var F=this._unit.earlier(C,E.endTime);
+hBottomStyler: function(elmt) {
-A+=(this._unit.compare(F,H)/(B/E.magnify));
+elmt.className = "timeline-ether-marker-bottom";
-H=F;
+},
-G++;
+hBottomEmphasizedStyler: function(elmt) {
-}}else{var G=this._zones.length-1;
+elmt.className = "timeline-ether-marker-bottom-emphasized";
-while(G>=0){if(this._unit.compare(H,this._zones[G].startTime)>0){break;
+},
-}G--;
+hTopStyler: function(elmt) {
-}while(this._unit.compare(H,C)>0){var E=this._zones[G];
+elmt.className = "timeline-ether-marker-top";
-var F=this._unit.later(C,E.startTime);
+},
-A+=(this._unit.compare(F,H)/(B/E.magnify));
+hTopEmphasizedStyler: function(elmt) {
-H=F;
+elmt.className = "timeline-ether-marker-top-emphasized";
-G--;
+},
-}}return A;
+*/
-};
-Timeline.HotZoneEther.prototype._pixelOffsetToDate=function(H,C){var G=this._getScale();
-var E=C;
+/*
-if(H>0){var F=0;
+vRightStyler: function(elmt) {
-while(F<this._zones.length){if(this._unit.compare(E,this._zones[F].endTime)<0){break;
+elmt.className = "timeline-ether-marker-right";
-}F++;
+},
-}while(H>0){var A=this._zones[F];
+vRightEmphasizedStyler: function(elmt) {
-var D=G/A.magnify;
+elmt.className = "timeline-ether-marker-right-emphasized";
-if(A.endTime==Number.POSITIVE_INFINITY){E=this._unit.change(E,H*D);
+},
-H=0;
+vLeftStyler: function(elmt) {
-}else{var B=this._unit.compare(A.endTime,E)/D;
+elmt.className = "timeline-ether-marker-left";
-if(B>H){E=this._unit.change(E,H*D);
+},
-H=0;
+vLeftEmphasizedStyler:function(elmt) {
-}else{E=A.endTime;
+elmt.className = "timeline-ether-marker-left-emphasized";
-H-=B;
+}
-}}F++;
+*/
-}}else{var F=this._zones.length-1;
+}
-while(F>=0){if(this._unit.compare(E,this._zones[F].startTime)>0){break;
+}
-}F--;
+};
-}H=-H;
-while(H>0){var A=this._zones[F];
+this.event = {
-var D=G/A.magnify;
+track: {
-if(A.startTime==Number.NEGATIVE_INFINITY){E=this._unit.change(E,-H*D);
+height: 10, // px. You will need to change the track
-H=0;
+//     height if you change the tape height.
-}else{var B=this._unit.compare(E,A.startTime)/D;
+gap:  2, // px. Gap between tracks
-if(B>H){E=this._unit.change(E,-H*D);
+offset:  2, // px. top margin above tapes
-H=0;
+autoWidthMargin:  1.5
-}else{E=A.startTime;
+/* autoWidthMargin is only used if autoWidth (see above) is true.
-H-=B;
+The autoWidthMargin setting is used to set how close the bottom of the
-}}F--;
+lowest track is to the edge of the band's div. The units are total track
-}}return E;
+width (tape + label + gap). A min of 0.5 is suggested. Use this setting to
-};
+move the bottom track's tapes above the axis markers, if needed for your
-Timeline.HotZoneEther.prototype._getScale=function(){return this._interval/this._pixelsPerInterval;
+Timeline.
-};
+*/
+},
+overviewTrack: {
-/* event-utils.js */
+offset: 20, // px -- top margin above tapes
-Timeline.EventUtils={};
+tickHeight:  6, // px
-Timeline.EventUtils.getNewEventID=function(){if(this._lastEventID==null){this._lastEventID=0;
+height:  2, // px
-}this._lastEventID+=1;
+gap:  1, // px
-return"e"+this._lastEventID;
+autoWidthMargin:  5 // This attribute is only used if autoWidth (see above) is true.
-};
+},
-Timeline.EventUtils.decodeEventElID=function(B){var D=B.split("-");
+tape: {
-if(D[1]!="tl"){alert("Internal Timeline problem 101, please consult support");
+height:         4 // px. For thicker tapes, remember to change track height too.
-return{band:null,evt:null};
+},
-}var C=Timeline.getTimelineFromID(D[2]);
+instant: {
-var E=C.getBand(D[3]);
+icon: Timeline.urlPrefix + "images/dull-blue-circle.png",
-var A=E.getEventSource.getEvent(D[4]);
+// default icon. Icon can also be specified per event
-return{band:E,evt:A};
+iconWidth: 10,
-};
+iconHeight: 10,
-Timeline.EventUtils.encodeEventElID=function(C,D,B,A){return B+"-tl-"+C.timelineID+"-"+D.getIndex()+"-"+A.getID();
+impreciseOpacity: 20, // opacity of the tape when durationEvent is false
-};
+impreciseIconMargin: 3   // A tape and an icon are painted for imprecise instant
+// events. This attribute is the margin between the
+// bottom of the tape and the top of the icon in that
-/* labellers.js */
+// case.
-Timeline.GregorianDateLabeller=function(A,B){this._locale=A;
+//        color:             "#58A0DC",
-this._timeZone=B;
+//        impreciseColor:    "#58A0DC",
-};
+},
-Timeline.GregorianDateLabeller.monthNames=[];
+duration: {
-Timeline.GregorianDateLabeller.dayNames=[];
+impreciseOpacity: 20 // tape opacity for imprecise part of duration events
-Timeline.GregorianDateLabeller.labelIntervalFunctions=[];
+//      color:            "#58A0DC",
-Timeline.GregorianDateLabeller.getMonthName=function(B,A){return Timeline.GregorianDateLabeller.monthNames[A][B];
+//      impreciseColor:   "#58A0DC",
-};
+},
-Timeline.GregorianDateLabeller.prototype.labelInterval=function(A,C){var B=Timeline.GregorianDateLabeller.labelIntervalFunctions[this._locale];
+label: {
-if(B==null){B=Timeline.GregorianDateLabeller.prototype.defaultLabelInterval;
+backgroundOpacity: 50,// only used in detailed painter
-}return B.call(this,A,C);
+offsetFromLine:  3 // px left margin amount from icon's right edge
-};
+//      backgroundColor:   "white",
-Timeline.GregorianDateLabeller.prototype.labelPrecise=function(A){return SimileAjax.DateTime.removeTimeZoneOffset(A,this._timeZone).toUTCString();
+//      lineColor:         "#58A0DC",
-};
+},
-Timeline.GregorianDateLabeller.prototype.defaultLabelInterval=function(B,F){var C;
+highlightColors: [  // Use with getEventPainter().setHighlightMatcher
-var E=false;
+// See webapp/examples/examples.js
-B=SimileAjax.DateTime.removeTimeZoneOffset(B,this._timeZone);
+"#FFFF00",
-switch(F){case SimileAjax.DateTime.MILLISECOND:C=B.getUTCMilliseconds();
+"#FFC000",
-break;
+"#FF0000",
-case SimileAjax.DateTime.SECOND:C=B.getUTCSeconds();
+"#0000FF"
-break;
+],
-case SimileAjax.DateTime.MINUTE:var A=B.getUTCMinutes();
+highlightLabelBackground: false, // When highlighting an event, also change the event's label background?
-if(A==0){C=B.getUTCHours()+":00";
+bubble: {
-E=true;
+width:          250, // px
-}else{C=A;
+maxHeight:        0, // px Maximum height of bubbles. 0 means no max height.
-}break;
+// scrollbar will be added for taller bubbles
-case SimileAjax.DateTime.HOUR:C=B.getUTCHours()+"hr";
+titleStyler: function(elmt) {
-break;
+elmt.className = "timeline-event-bubble-title";
-case SimileAjax.DateTime.DAY:C=Timeline.GregorianDateLabeller.getMonthName(B.getUTCMonth(),this._locale)+" "+B.getUTCDate();
+},
-break;
+bodyStyler: function(elmt) {
-case SimileAjax.DateTime.WEEK:C=Timeline.GregorianDateLabeller.getMonthName(B.getUTCMonth(),this._locale)+" "+B.getUTCDate();
+elmt.className = "timeline-event-bubble-body";
-break;
+},
-case SimileAjax.DateTime.MONTH:var A=B.getUTCMonth();
+imageStyler: function(elmt) {
-if(A!=0){C=Timeline.GregorianDateLabeller.getMonthName(A,this._locale);
+elmt.className = "timeline-event-bubble-image";
-break;
+},
-}case SimileAjax.DateTime.YEAR:case SimileAjax.DateTime.DECADE:case SimileAjax.DateTime.CENTURY:case SimileAjax.DateTime.MILLENNIUM:var D=B.getUTCFullYear();
+wikiStyler: function(elmt) {
-if(D>0){C=B.getUTCFullYear();
+elmt.className = "timeline-event-bubble-wiki";
-}else{C=(1-D)+"BC";
+},
-}E=(F==SimileAjax.DateTime.MONTH)||(F==SimileAjax.DateTime.DECADE&&D%100==0)||(F==SimileAjax.DateTime.CENTURY&&D%1000==0);
+timeStyler: function(elmt) {
-break;
+elmt.className = "timeline-event-bubble-time";
-default:C=B.toUTCString();
+}
-}return{text:C,emphasized:E};
+}
 };
+this.mouseWheel = 'scroll'; // 'default', 'zoom', 'scroll'
-/* original-painter.js */
+};/*==================================================
-Timeline.OriginalEventPainter=function(A){this._params=A;
+*  An "ether" is a object that maps date/time to pixel coordinates.
-this._onSelectListeners=[];
+*==================================================
-this._eventPaintListeners=[];
+*/
-this._filterMatcher=null;
-this._highlightMatcher=null;
+/*==================================================
-this._frc=null;
+*  Linear Ether
-this._eventIdToElmt={};
+*==================================================
-};
+*/
-Timeline.OriginalEventPainter.prototype.initialize=function(B,A){this._band=B;
-this._timeline=A;
+Timeline.LinearEther = function(params) {
-this._backLayer=null;
+this._params = params;
-this._eventLayer=null;
+this._interval = params.interval;
-this._lineLayer=null;
+this._pixelsPerInterval = params.pixelsPerInterval;
-this._highlightLayer=null;
+};
-this._eventIdToElmt=null;
-};
+Timeline.LinearEther.prototype.initialize = function(band, timeline) {
-Timeline.OriginalEventPainter.prototype.getType=function(){return"original";
+this._band = band;
-};
+this._timeline = timeline;
-Timeline.OriginalEventPainter.prototype.addOnSelectListener=function(A){this._onSelectListeners.push(A);
+this._unit = timeline.getUnit();
-};
-Timeline.OriginalEventPainter.prototype.removeOnSelectListener=function(B){for(var A=0;
+if ("startsOn" in this._params) {
-A<this._onSelectListeners.length;
+this._start = this._unit.parseFromObject(this._params.startsOn);
-A++){if(this._onSelectListeners[A]==B){this._onSelectListeners.splice(A,1);
+} else if ("endsOn" in this._params) {
-break;
+this._start = this._unit.parseFromObject(this._params.endsOn);
-}}};
+this.shiftPixels(-this._timeline.getPixelLength());
-Timeline.OriginalEventPainter.prototype.addEventPaintListener=function(A){this._eventPaintListeners.push(A);
+} else if ("centersOn" in this._params) {
-};
+this._start = this._unit.parseFromObject(this._params.centersOn);
-Timeline.OriginalEventPainter.prototype.removeEventPaintListener=function(B){for(var A=0;
+this.shiftPixels(-this._timeline.getPixelLength() / 2);
-A<this._eventPaintListeners.length;
+} else {
-A++){if(this._eventPaintListeners[A]==B){this._eventPaintListeners.splice(A,1);
+this._start = this._unit.makeDefaultValue();
-break;
+this.shiftPixels(-this._timeline.getPixelLength() / 2);
-}}};
+}
-Timeline.OriginalEventPainter.prototype.getFilterMatcher=function(){return this._filterMatcher;
+};
-};
-Timeline.OriginalEventPainter.prototype.setFilterMatcher=function(A){this._filterMatcher=A;
+Timeline.LinearEther.prototype.setDate = function(date) {
-};
+this._start = this._unit.cloneValue(date);
-Timeline.OriginalEventPainter.prototype.getHighlightMatcher=function(){return this._highlightMatcher;
+};
-};
-Timeline.OriginalEventPainter.prototype.setHighlightMatcher=function(A){this._highlightMatcher=A;
+Timeline.LinearEther.prototype.shiftPixels = function(pixels) {
-};
+var numeric = this._interval * pixels / this._pixelsPerInterval;
-Timeline.OriginalEventPainter.prototype.paint=function(){var B=this._band.getEventSource();
+this._start = this._unit.change(this._start, numeric);
-if(B==null){return ;
+};
-}this._eventIdToElmt={};
-this._fireEventPaintListeners("paintStarting",null,null);
+Timeline.LinearEther.prototype.dateToPixelOffset = function(date) {
-this._prepareForPainting();
+var numeric = this._unit.compare(date, this._start);
-var I=this._params.theme.event;
+return this._pixelsPerInterval * numeric / this._interval;
-var G=Math.max(I.track.height,I.tape.height+this._frc.getLineHeight());
+};
-var F={trackOffset:I.track.offset,trackHeight:G,trackGap:I.track.gap,trackIncrement:G+I.track.gap,icon:I.instant.icon,iconWidth:I.instant.iconWidth,iconHeight:I.instant.iconHeight,labelWidth:I.label.width,maxLabelChar:I.label.maxLabelChar,impreciseIconMargin:I.instant.impreciseIconMargin};
-var C=this._band.getMinDate();
+Timeline.LinearEther.prototype.pixelOffsetToDate = function(pixels) {
-var A=this._band.getMaxDate();
+var numeric = pixels * this._interval / this._pixelsPerInterval;
-var J=(this._filterMatcher!=null)?this._filterMatcher:function(K){return true;
+return this._unit.change(this._start, numeric);
 };
-var E=(this._highlightMatcher!=null)?this._highlightMatcher:function(K){return -1;
-};
+Timeline.LinearEther.prototype.zoom = function(zoomIn) {
-var D=B.getEventReverseIterator(C,A);
+var netIntervalChange = 0;
-while(D.hasNext()){var H=D.next();
+var currentZoomIndex = this._band._zoomIndex;
-if(J(H)){this.paintEvent(H,F,this._params.theme,E(H));
+var newZoomIndex = currentZoomIndex;
-}}this._highlightLayer.style.display="block";
-this._lineLayer.style.display="block";
+if (zoomIn && (currentZoomIndex > 0)) {
-this._eventLayer.style.display="block";
+newZoomIndex = currentZoomIndex - 1;
-this._band.updateEventTrackInfo(this._tracks.length,F.trackIncrement);
+}
-this._fireEventPaintListeners("paintEnded",null,null);
-};
+if (!zoomIn && (currentZoomIndex < (this._band._zoomSteps.length - 1))) {
-Timeline.OriginalEventPainter.prototype.softPaint=function(){};
+newZoomIndex = currentZoomIndex + 1;
-Timeline.OriginalEventPainter.prototype._prepareForPainting=function(){var B=this._band;
+}
-if(this._backLayer==null){this._backLayer=this._band.createLayerDiv(0,"timeline-band-events");
-this._backLayer.style.visibility="hidden";
+this._band._zoomIndex = newZoomIndex;
-var A=document.createElement("span");
+this._interval =
-A.className="timeline-event-label";
+SimileAjax.DateTime.gregorianUnitLengths[this._band._zoomSteps[newZoomIndex].unit];
-this._backLayer.appendChild(A);
+this._pixelsPerInterval = this._band._zoomSteps[newZoomIndex].pixelsPerInterval;
-this._frc=SimileAjax.Graphics.getFontRenderingContext(A);
+netIntervalChange = this._band._zoomSteps[newZoomIndex].unit -
-}this._frc.update();
+this._band._zoomSteps[currentZoomIndex].unit;
-this._tracks=[];
-if(this._highlightLayer!=null){B.removeLayerDiv(this._highlightLayer);
+return netIntervalChange;
-}this._highlightLayer=B.createLayerDiv(105,"timeline-band-highlights");
+};
-this._highlightLayer.style.display="none";
-if(this._lineLayer!=null){B.removeLayerDiv(this._lineLayer);
-}this._lineLayer=B.createLayerDiv(110,"timeline-band-lines");
+/*==================================================
-this._lineLayer.style.display="none";
+*  Hot Zone Ether
-if(this._eventLayer!=null){B.removeLayerDiv(this._eventLayer);
+*==================================================
-}this._eventLayer=B.createLayerDiv(115,"timeline-band-events");
+*/
-this._eventLayer.style.display="none";
-};
+Timeline.HotZoneEther = function(params) {
-Timeline.OriginalEventPainter.prototype.paintEvent=function(B,C,D,A){if(B.isInstant()){this.paintInstantEvent(B,C,D,A);
+this._params = params;
-}else{this.paintDurationEvent(B,C,D,A);
+this._interval = params.interval;
-}};
+this._pixelsPerInterval = params.pixelsPerInterval;
-Timeline.OriginalEventPainter.prototype.paintInstantEvent=function(B,C,D,A){if(B.isImprecise()){this.paintImpreciseInstantEvent(B,C,D,A);
+this._theme = params.theme;
-}else{this.paintPreciseInstantEvent(B,C,D,A);
+};
-}};
-Timeline.OriginalEventPainter.prototype.paintDurationEvent=function(B,C,D,A){if(B.isImprecise()){this.paintImpreciseDurationEvent(B,C,D,A);
+Timeline.HotZoneEther.prototype.initialize = function(band, timeline) {
-}else{this.paintPreciseDurationEvent(B,C,D,A);
+this._band = band;
-}};
+this._timeline = timeline;
-Timeline.OriginalEventPainter.prototype.paintPreciseInstantEvent=function(M,Q,S,R){var V=this._timeline.getDocument();
+this._unit = timeline.getUnit();
-var L=M.getText();
-var E=M.getStart();
+this._zones = [{
-var C=Math.round(this._band.dateToPixelOffset(E));
+startTime:  Number.NEGATIVE_INFINITY,
-var A=Math.round(C+Q.iconWidth/2);
+endTime:    Number.POSITIVE_INFINITY,
-var K=Math.round(C-Q.iconWidth/2);
+magnify:    1
-var H=this._getLabelDivClassName(M);
+}];
-var I=this._frc.computeSize(L,H);
+var params = this._params;
-var W=A+S.event.label.offsetFromLine;
+for (var i = 0; i < params.zones.length; i++) {
-var D=W+I.width;
+var zone = params.zones[i];
-var U=D;
+var zoneStart = this._unit.parseFromObject(zone.start);
-var O=this._findFreeTrack(M,U);
+var zoneEnd =   this._unit.parseFromObject(zone.end);
-var T=Math.round(Q.trackOffset+O*Q.trackIncrement+Q.trackHeight/2-I.height/2);
-var B=this._paintEventIcon(M,O,K,Q,S,0);
+for (var j = 0; j < this._zones.length && this._unit.compare(zoneEnd, zoneStart) > 0; j++) {
-var P=this._paintEventLabel(M,L,W,T,I.width,I.height,S,H,R);
+var zone2 = this._zones[j];
-var F=[B.elmt,P.elmt];
-var N=this;
+if (this._unit.compare(zoneStart, zone2.endTime) < 0) {
-var J=function(X,Y,Z){return N._onClickInstantEvent(B.elmt,Y,M);
+if (this._unit.compare(zoneStart, zone2.startTime) > 0) {
-};
+this._zones.splice(j, 0, {
-SimileAjax.DOM.registerEvent(B.elmt,"mousedown",J);
+startTime:   zone2.startTime,
-SimileAjax.DOM.registerEvent(P.elmt,"mousedown",J);
+endTime:     zoneStart,
-var G=this._createHighlightDiv(R,B,S,M);
+magnify:     zone2.magnify
-if(G!=null){F.push(G);
+});
-}this._fireEventPaintListeners("paintedEvent",M,F);
+j++;
-this._eventIdToElmt[M.getID()]=B.elmt;
-this._tracks[O]=K;
+zone2.startTime = zoneStart;
-};
+}
-Timeline.OriginalEventPainter.prototype.paintImpreciseInstantEvent=function(P,T,Y,V){var a=this._timeline.getDocument();
-var N=P.getText();
+if (this._unit.compare(zoneEnd, zone2.endTime) < 0) {
-var G=P.getStart();
+this._zones.splice(j, 0, {
-var W=P.getEnd();
+startTime:  zoneStart,
-var D=Math.round(this._band.dateToPixelOffset(G));
+endTime:    zoneEnd,
-var B=Math.round(this._band.dateToPixelOffset(W));
+magnify:    zone.magnify * zone2.magnify
-var A=Math.round(D+T.iconWidth/2);
+});
-var M=Math.round(D-T.iconWidth/2);
+j++;
-var J=this._getLabelDivClassName(P);
-var K=this._frc.computeSize(N,J);
+zone2.startTime = zoneEnd;
-var b=A+Y.event.label.offsetFromLine;
+zoneStart = zoneEnd;
-var E=b+K.width;
+} else {
-var Z=Math.max(E,B);
+zone2.magnify *= zone.magnify;
-var R=this._findFreeTrack(P,Z);
+zoneStart = zone2.endTime;
-var O=Y.event.tape.height;
+}
-var X=Math.round(T.trackOffset+R*T.trackIncrement+O);
+} // else, try the next existing zone
-var C=this._paintEventIcon(P,R,M,T,Y,O);
+}
-var S=this._paintEventLabel(P,N,b,X,K.width,K.height,Y,J,V);
+}
-var U=P.getColor();
-U=U!=null?U:Y.event.instant.impreciseColor;
+if ("startsOn" in this._params) {
-var F=this._paintEventTape(P,R,D,B,U,Y.event.instant.impreciseOpacity,T,Y,0);
+this._start = this._unit.parseFromObject(this._params.startsOn);
-var H=[C.elmt,S.elmt,F.elmt];
+} else if ("endsOn" in this._params) {
-var Q=this;
+this._start = this._unit.parseFromObject(this._params.endsOn);
-var L=function(c,d,e){return Q._onClickInstantEvent(C.elmt,d,P);
+this.shiftPixels(-this._timeline.getPixelLength());
-};
+} else if ("centersOn" in this._params) {
-SimileAjax.DOM.registerEvent(C.elmt,"mousedown",L);
+this._start = this._unit.parseFromObject(this._params.centersOn);
-SimileAjax.DOM.registerEvent(F.elmt,"mousedown",L);
+this.shiftPixels(-this._timeline.getPixelLength() / 2);
-SimileAjax.DOM.registerEvent(S.elmt,"mousedown",L);
+} else {
-var I=this._createHighlightDiv(V,C,Y,P);
+this._start = this._unit.makeDefaultValue();
-if(I!=null){H.push(I);
+this.shiftPixels(-this._timeline.getPixelLength() / 2);
-}this._fireEventPaintListeners("paintedEvent",P,H);
+}
-this._eventIdToElmt[P.getID()]=C.elmt;
+};
-this._tracks[R]=M;
-};
+Timeline.HotZoneEther.prototype.setDate = function(date) {
-Timeline.OriginalEventPainter.prototype.paintPreciseDurationEvent=function(L,P,T,R){var W=this._timeline.getDocument();
+this._start = this._unit.cloneValue(date);
-var K=L.getText();
+};
-var E=L.getStart();
-var S=L.getEnd();
+Timeline.HotZoneEther.prototype.shiftPixels = function(pixels) {
-var B=Math.round(this._band.dateToPixelOffset(E));
+this._start = this.pixelOffsetToDate(pixels);
-var A=Math.round(this._band.dateToPixelOffset(S));
+};
-var H=this._getLabelDivClassName(L);
-var I=this._frc.computeSize(K,H);
+Timeline.HotZoneEther.prototype.dateToPixelOffset = function(date) {
-var X=B;
+return this._dateDiffToPixelOffset(this._start, date);
-var C=X+I.width;
+};
-var V=Math.max(C,A);
-var N=this._findFreeTrack(L,V);
+Timeline.HotZoneEther.prototype.pixelOffsetToDate = function(pixels) {
-var U=Math.round(P.trackOffset+N*P.trackIncrement+T.event.tape.height);
+return this._pixelOffsetToDate(pixels, this._start);
-var Q=L.getColor();
+};
-Q=Q!=null?Q:T.event.duration.color;
-var D=this._paintEventTape(L,N,B,A,Q,100,P,T,0);
+Timeline.HotZoneEther.prototype.zoom = function(zoomIn) {
-var O=this._paintEventLabel(L,K,X,U,I.width,I.height,T,H,R);
+var netIntervalChange = 0;
-var F=[D.elmt,O.elmt];
+var currentZoomIndex = this._band._zoomIndex;
-var M=this;
+var newZoomIndex = currentZoomIndex;
-var J=function(Y,Z,a){return M._onClickDurationEvent(D.elmt,Z,L);
-};
+if (zoomIn && (currentZoomIndex > 0)) {
-SimileAjax.DOM.registerEvent(D.elmt,"mousedown",J);
+newZoomIndex = currentZoomIndex - 1;
-SimileAjax.DOM.registerEvent(O.elmt,"mousedown",J);
+}
-var G=this._createHighlightDiv(R,D,T,L);
-if(G!=null){F.push(G);
+if (!zoomIn && (currentZoomIndex < (this._band._zoomSteps.length - 1))) {
-}this._fireEventPaintListeners("paintedEvent",L,F);
+newZoomIndex = currentZoomIndex + 1;
-this._eventIdToElmt[L.getID()]=D.elmt;
+}
-this._tracks[N]=B;
-};
+this._band._zoomIndex = newZoomIndex;
-Timeline.OriginalEventPainter.prototype.paintImpreciseDurationEvent=function(N,S,Y,V){var b=this._timeline.getDocument();
+this._interval =
-var M=N.getText();
+SimileAjax.DateTime.gregorianUnitLengths[this._band._zoomSteps[newZoomIndex].unit];
-var E=N.getStart();
+this._pixelsPerInterval = this._band._zoomSteps[newZoomIndex].pixelsPerInterval;
-var T=N.getLatestStart();
+netIntervalChange = this._band._zoomSteps[newZoomIndex].unit -
-var W=N.getEnd();
+this._band._zoomSteps[currentZoomIndex].unit;
-var a=N.getEarliestEnd();
-var C=Math.round(this._band.dateToPixelOffset(E));
+return netIntervalChange;
-var G=Math.round(this._band.dateToPixelOffset(T));
+};
-var A=Math.round(this._band.dateToPixelOffset(W));
-var H=Math.round(this._band.dateToPixelOffset(a));
+Timeline.HotZoneEther.prototype._dateDiffToPixelOffset = function(fromDate, toDate) {
-var J=this._getLabelDivClassName(N);
+var scale = this._getScale();
-var K=this._frc.computeSize(M,J);
+var fromTime = fromDate;
-var c=G;
+var toTime = toDate;
-var B=c+K.width;
-var Z=Math.max(B,A);
+var pixels = 0;
-var P=this._findFreeTrack(N,Z);
+if (this._unit.compare(fromTime, toTime) < 0) {
-var X=Math.round(S.trackOffset+P*S.trackIncrement+Y.event.tape.height);
+var z = 0;
-var U=N.getColor();
+while (z < this._zones.length) {
-U=U!=null?U:Y.event.duration.color;
+if (this._unit.compare(fromTime, this._zones[z].endTime) < 0) {
-var R=this._paintEventTape(N,P,C,A,Y.event.duration.impreciseColor,Y.event.duration.impreciseOpacity,S,Y,0);
+break;
-var D=this._paintEventTape(N,P,G,H,U,100,S,Y,1);
+}
-var Q=this._paintEventLabel(N,M,c,X,K.width,K.height,Y,J,V);
+z++;
-var F=[R.elmt,D.elmt,Q.elmt];
+}
-var O=this;
-var L=function(d,e,f){return O._onClickDurationEvent(D.elmt,e,N);
+while (this._unit.compare(fromTime, toTime) < 0) {
-};
+var zone = this._zones[z];
-SimileAjax.DOM.registerEvent(D.elmt,"mousedown",L);
+var toTime2 = this._unit.earlier(toTime, zone.endTime);
-SimileAjax.DOM.registerEvent(Q.elmt,"mousedown",L);
-var I=this._createHighlightDiv(V,D,Y,N);
+pixels += (this._unit.compare(toTime2, fromTime) / (scale / zone.magnify));
-if(I!=null){F.push(I);
-}this._fireEventPaintListeners("paintedEvent",N,F);
+fromTime = toTime2;
-this._eventIdToElmt[N.getID()]=D.elmt;
+z++;
-this._tracks[P]=C;
+}
-};
+} else {
-Timeline.OriginalEventPainter.prototype._encodeEventElID=function(B,A){return Timeline.EventUtils.encodeEventElID(this._timeline,this._band,B,A);
+var z = this._zones.length - 1;
-};
+while (z >= 0) {
-Timeline.OriginalEventPainter.prototype._findFreeTrack=function(E,A){var D=E.getTrackNum();
+if (this._unit.compare(fromTime, this._zones[z].startTime) > 0) {
-if(D!=null){return D;
+break;
-}for(var C=0;
+}
-C<this._tracks.length;
+z--;
-C++){var B=this._tracks[C];
+}
-if(B>A){break;
-}}return C;
+while (this._unit.compare(fromTime, toTime) > 0) {
-};
+var zone = this._zones[z];
-Timeline.OriginalEventPainter.prototype._paintEventIcon=function(J,F,B,G,E,C){var I=J.getIcon();
+var toTime2 = this._unit.later(toTime, zone.startTime);
-I=I!=null?I:G.icon;
-var H;
+pixels += (this._unit.compare(toTime2, fromTime) / (scale / zone.magnify));
-if(C>0){H=G.trackOffset+F*G.trackIncrement+C+G.impreciseIconMargin;
-}else{var K=G.trackOffset+F*G.trackIncrement+G.trackHeight/2;
+fromTime = toTime2;
-H=Math.round(K-G.iconHeight/2);
+z--;
-}var D=SimileAjax.Graphics.createTranslucentImage(I);
+}
-var A=this._timeline.getDocument().createElement("div");
+}
-A.className=this._getElClassName("timeline-event-icon",J);
+return pixels;
-A.id=this._encodeEventElID("icon",J);
+};
-A.style.left=B+"px";
-A.style.top=H+"px";
+Timeline.HotZoneEther.prototype._pixelOffsetToDate = function(pixels, fromDate) {
-A.appendChild(D);
+var scale = this._getScale();
-if(J._title!=null){A.title=J._title;
+var time = fromDate;
-}this._eventLayer.appendChild(A);
+if (pixels > 0) {
-return{left:B,top:H,width:G.iconWidth,height:G.iconHeight,elmt:A};
+var z = 0;
-};
+while (z < this._zones.length) {
-Timeline.OriginalEventPainter.prototype._paintEventLabel=function(J,K,C,H,A,L,E,F,B){var I=this._timeline.getDocument();
+if (this._unit.compare(time, this._zones[z].endTime) < 0) {
-var G=I.createElement("div");
+break;
-G.className=F;
+}
-G.id=this._encodeEventElID("label",J);
+z++;
-G.style.left=C+"px";
+}
-G.style.width=A+"px";
-G.style.top=H+"px";
+while (pixels > 0) {
-G.innerHTML=K;
+var zone = this._zones[z];
-if(J._title!=null){G.title=J._title;
+var scale2 = scale / zone.magnify;
-}var D=J.getTextColor();
-if(D==null){D=J.getColor();
+if (zone.endTime == Number.POSITIVE_INFINITY) {
-}if(D!=null){G.style.color=D;
+time = this._unit.change(time, pixels * scale2);
-}if(E.event.highlightLabelBackground&&B>=0){G.style.background=this._getHighlightColor(B,E);
+pixels = 0;
-}this._eventLayer.appendChild(G);
+} else {
-return{left:C,top:H,width:A,height:L,elmt:G};
+var pixels2 = this._unit.compare(zone.endTime, time) / scale2;
-};
+if (pixels2 > pixels) {
-Timeline.OriginalEventPainter.prototype._paintEventTape=function(N,I,F,A,C,H,J,G,O){var B=A-F;
+time = this._unit.change(time, pixels * scale2);
-var E=G.event.tape.height;
+pixels = 0;
-var K=J.trackOffset+I*J.trackIncrement;
+} else {
-var M=this._timeline.getDocument().createElement("div");
+time = zone.endTime;
-M.className=this._getElClassName("timeline-event-tape",N);
+pixels -= pixels2;
-M.id=this._encodeEventElID("tape"+O,N);
+}
-M.style.left=F+"px";
+}
-M.style.width=B+"px";
+z++;
-M.style.height=E+"px";
+}
-M.style.top=K+"px";
+} else {
-if(N._title!=null){M.title=N._title;
+var z = this._zones.length - 1;
-}if(C!=null){M.style.backgroundColor=C;
+while (z >= 0) {
-}var L=N.getTapeImage();
+if (this._unit.compare(time, this._zones[z].startTime) > 0) {
-var D=N.getTapeRepeat();
+break;
-D=D!=null?D:"repeat";
+}
-if(L!=null){M.style.backgroundImage="url("+L+")";
+z--;
-M.style.backgroundRepeat=D;
+}
-}SimileAjax.Graphics.setOpacity(M,H);
-this._eventLayer.appendChild(M);
+pixels = -pixels;
-return{left:F,top:K,width:B,height:E,elmt:M};
+while (pixels > 0) {
-};
+var zone = this._zones[z];
-Timeline.OriginalEventPainter.prototype._getLabelDivClassName=function(A){return this._getElClassName("timeline-event-label",A);
+var scale2 = scale / zone.magnify;
-};
-Timeline.OriginalEventPainter.prototype._getElClassName=function(B,A){var C=A.getClassName();
+if (zone.startTime == Number.NEGATIVE_INFINITY) {
-return B+(C!=null?(" "+C):"");
+time = this._unit.change(time, -pixels * scale2);
-};
+pixels = 0;
-Timeline.OriginalEventPainter.prototype._getHighlightColor=function(A,C){var B=C.event.highlightColors;
+} else {
-return B[Math.min(A,B.length-1)];
+var pixels2 = this._unit.compare(time, zone.startTime) / scale2;
-};
+if (pixels2 > pixels) {
-Timeline.OriginalEventPainter.prototype._createHighlightDiv=function(A,D,F,B){var G=null;
+time = this._unit.change(time, -pixels * scale2);
-if(A>=0){var E=this._timeline.getDocument();
+pixels = 0;
-var C=this._getHighlightColor(A,F);
+} else {
-G=E.createElement("div");
+time = zone.startTime;
-G.className=this._getElClassName("timeline-event-highlight",B);
+pixels -= pixels2;
-G.id=this._encodeEventElID("highlight0",B);
+}
-G.style.position="absolute";
+}
-G.style.overflow="hidden";
+z--;
-G.style.left=(D.left-2)+"px";
+}
-G.style.width=(D.width+4)+"px";
+}
-G.style.top=(D.top-2)+"px";
+return time;
-G.style.height=(D.height+4)+"px";
+};
-G.style.background=C;
-this._highlightLayer.appendChild(G);
+Timeline.HotZoneEther.prototype._getScale = function() {
-}return G;
+return this._interval / this._pixelsPerInterval;
 };
-Timeline.OriginalEventPainter.prototype._onClickInstantEvent=function(B,C,A){var D=SimileAjax.DOM.getPageCoordinates(B);
+/*==================================================
-this._showBubble(D.left+Math.ceil(B.offsetWidth/2),D.top+Math.ceil(B.offsetHeight/2),A);
+*  Gregorian Ether Painter
-this._fireOnSelect(A.getID());
+*==================================================
-C.cancelBubble=true;
+*/
-SimileAjax.DOM.cancelEvent(C);
-return false;
+Timeline.GregorianEtherPainter = function(params) {
-};
+this._params = params;
-Timeline.OriginalEventPainter.prototype._onClickDurationEvent=function(D,C,B){if("pageX" in C){var A=C.pageX;
+this._theme = params.theme;
-var F=C.pageY;
+this._unit = params.unit;
-}else{var E=SimileAjax.DOM.getPageCoordinates(D);
+this._multiple = ("multiple" in params) ? params.multiple : 1;
-var A=C.offsetX+E.left;
+};
-var F=C.offsetY+E.top;
-}this._showBubble(A,F,B);
+Timeline.GregorianEtherPainter.prototype.initialize = function(band, timeline) {
-this._fireOnSelect(B.getID());
+this._band = band;
-C.cancelBubble=true;
+this._timeline = timeline;
-SimileAjax.DOM.cancelEvent(C);
-return false;
+this._backgroundLayer = band.createLayerDiv(0);
-};
+this._backgroundLayer.setAttribute("name", "ether-background"); // for debugging
-Timeline.OriginalEventPainter.prototype.showBubble=function(A){var B=this._eventIdToElmt[A.getID()];
+this._backgroundLayer.className = 'timeline-ether-bg';
-if(B){var C=SimileAjax.DOM.getPageCoordinates(B);
+//  this._backgroundLayer.style.background = this._theme.ether.backgroundColors[band.getIndex()];
-this._showBubble(C.left+B.offsetWidth/2,C.top+B.offsetHeight/2,A);
-}};
-Timeline.OriginalEventPainter.prototype._showBubble=function(A,E,B){var D=document.createElement("div");
+this._markerLayer = null;
-var C=this._params.theme.event.bubble;
+this._lineLayer = null;
-B.fillInfoBubble(D,this._params.theme,this._band.getLabeller());
-SimileAjax.WindowManager.cancelPopups();
+var align = ("align" in this._params && this._params.align != undefined) ? this._params.align :
-SimileAjax.Graphics.createBubbleForContentAndPoint(D,A,E,C.width,null,C.maxHeight);
+this._theme.ether.interval.marker[timeline.isHorizontal() ? "hAlign" : "vAlign"];
-};
+var showLine = ("showLine" in this._params) ? this._params.showLine :
-Timeline.OriginalEventPainter.prototype._fireOnSelect=function(B){for(var A=0;
+this._theme.ether.interval.line.show;
-A<this._onSelectListeners.length;
-A++){this._onSelectListeners[A](B);
+this._intervalMarkerLayout = new Timeline.EtherIntervalMarkerLayout(
-}};
+this._timeline, this._band, this._theme, align, showLine);
-Timeline.OriginalEventPainter.prototype._fireEventPaintListeners=function(D,A,C){for(var B=0;
-B<this._eventPaintListeners.length;
+this._highlight = new Timeline.EtherHighlight(
-B++){this._eventPaintListeners[B](this._band,D,A,C);
+this._timeline, this._band, this._theme, this._backgroundLayer);
-}};
+}
+Timeline.GregorianEtherPainter.prototype.setHighlight = function(startDate, endDate) {
-/* overview-painter.js */
+this._highlight.position(startDate, endDate);
-Timeline.OverviewEventPainter=function(A){this._params=A;
+}
-this._onSelectListeners=[];
-this._filterMatcher=null;
+Timeline.GregorianEtherPainter.prototype.paint = function() {
-this._highlightMatcher=null;
+if (this._markerLayer) {
-};
+this._band.removeLayerDiv(this._markerLayer);
-Timeline.OverviewEventPainter.prototype.initialize=function(B,A){this._band=B;
+}
-this._timeline=A;
+this._markerLayer = this._band.createLayerDiv(100);
-this._eventLayer=null;
+this._markerLayer.setAttribute("name", "ether-markers"); // for debugging
-this._highlightLayer=null;
+this._markerLayer.style.display = "none";
-};
-Timeline.OverviewEventPainter.prototype.getType=function(){return"overview";
+if (this._lineLayer) {
-};
+this._band.removeLayerDiv(this._lineLayer);
-Timeline.OverviewEventPainter.prototype.addOnSelectListener=function(A){this._onSelectListeners.push(A);
+}
-};
+this._lineLayer = this._band.createLayerDiv(1);
-Timeline.OverviewEventPainter.prototype.removeOnSelectListener=function(B){for(var A=0;
+this._lineLayer.setAttribute("name", "ether-lines"); // for debugging
-A<this._onSelectListeners.length;
+this._lineLayer.style.display = "none";
-A++){if(this._onSelectListeners[A]==B){this._onSelectListeners.splice(A,1);
-break;
+var minDate = this._band.getMinDate();
-}}};
+var maxDate = this._band.getMaxDate();
-Timeline.OverviewEventPainter.prototype.getFilterMatcher=function(){return this._filterMatcher;
-};
+var timeZone = this._band.getTimeZone();
-Timeline.OverviewEventPainter.prototype.setFilterMatcher=function(A){this._filterMatcher=A;
+var labeller = this._band.getLabeller();
-};
-Timeline.OverviewEventPainter.prototype.getHighlightMatcher=function(){return this._highlightMatcher;
+SimileAjax.DateTime.roundDownToInterval(minDate, this._unit, timeZone, this._multiple, this._theme.firstDayOfWeek);
-};
-Timeline.OverviewEventPainter.prototype.setHighlightMatcher=function(A){this._highlightMatcher=A;
+var p = this;
-};
+var incrementDate = function(date) {
-Timeline.OverviewEventPainter.prototype.paint=function(){var B=this._band.getEventSource();
+for (var i = 0; i < p._multiple; i++) {
-if(B==null){return ;
+SimileAjax.DateTime.incrementByInterval(date, p._unit);
-}this._prepareForPainting();
+}
-var H=this._params.theme.event;
+};
-var F={trackOffset:H.overviewTrack.offset,trackHeight:H.overviewTrack.height,trackGap:H.overviewTrack.gap,trackIncrement:H.overviewTrack.height+H.overviewTrack.gap};
-var C=this._band.getMinDate();
+while (minDate.getTime() < maxDate.getTime()) {
-var A=this._band.getMaxDate();
+this._intervalMarkerLayout.createIntervalMarker(
-var I=(this._filterMatcher!=null)?this._filterMatcher:function(J){return true;
+minDate, labeller, this._unit, this._markerLayer, this._lineLayer);
-};
-var E=(this._highlightMatcher!=null)?this._highlightMatcher:function(J){return -1;
+incrementDate(minDate);
-};
+}
-var D=B.getEventReverseIterator(C,A);
+this._markerLayer.style.display = "block";
-while(D.hasNext()){var G=D.next();
+this._lineLayer.style.display = "block";
-if(I(G)){this.paintEvent(G,F,this._params.theme,E(G));
+};
-}}this._highlightLayer.style.display="block";
-this._eventLayer.style.display="block";
+Timeline.GregorianEtherPainter.prototype.softPaint = function() {
-this._band.updateEventTrackInfo(this._tracks.length,F.trackIncrement);
+};
-};
-Timeline.OverviewEventPainter.prototype.softPaint=function(){};
+Timeline.GregorianEtherPainter.prototype.zoom = function(netIntervalChange) {
-Timeline.OverviewEventPainter.prototype._prepareForPainting=function(){var A=this._band;
+if (netIntervalChange != 0) {
-this._tracks=[];
+this._unit += netIntervalChange;
-if(this._highlightLayer!=null){A.removeLayerDiv(this._highlightLayer);
+}
-}this._highlightLayer=A.createLayerDiv(105,"timeline-band-highlights");
+};
-this._highlightLayer.style.display="none";
-if(this._eventLayer!=null){A.removeLayerDiv(this._eventLayer);
-}this._eventLayer=A.createLayerDiv(110,"timeline-band-events");
+/*==================================================
-this._eventLayer.style.display="none";
+*  Hot Zone Gregorian Ether Painter
-};
+*==================================================
-Timeline.OverviewEventPainter.prototype.paintEvent=function(B,C,D,A){if(B.isInstant()){this.paintInstantEvent(B,C,D,A);
+*/
-}else{this.paintDurationEvent(B,C,D,A);
-}};
+Timeline.HotZoneGregorianEtherPainter = function(params) {
-Timeline.OverviewEventPainter.prototype.paintInstantEvent=function(C,F,G,B){var A=C.getStart();
+this._params = params;
-var H=Math.round(this._band.dateToPixelOffset(A));
+this._theme = params.theme;
-var D=C.getColor();
-D=D!=null?D:G.event.duration.color;
+this._zones = [{
-var E=this._paintEventTick(C,H,D,100,F,G);
+startTime:  Number.NEGATIVE_INFINITY,
-this._createHighlightDiv(B,E,G);
+endTime:    Number.POSITIVE_INFINITY,
-};
+unit:       params.unit,
-Timeline.OverviewEventPainter.prototype.paintDurationEvent=function(K,J,I,D){var A=K.getLatestStart();
+multiple:   1
-var C=K.getEarliestEnd();
+}];
-var B=Math.round(this._band.dateToPixelOffset(A));
+for (var i = 0; i < params.zones.length; i++) {
-var E=Math.round(this._band.dateToPixelOffset(C));
+var zone = params.zones[i];
-var H=0;
+var zoneStart = SimileAjax.DateTime.parseGregorianDateTime(zone.start).getTime();
-for(;
+var zoneEnd = SimileAjax.DateTime.parseGregorianDateTime(zone.end).getTime();
-H<this._tracks.length;
-H++){if(E<this._tracks[H]){break;
+for (var j = 0; j < this._zones.length && zoneEnd > zoneStart; j++) {
-}}this._tracks[H]=E;
+var zone2 = this._zones[j];
-var G=K.getColor();
-G=G!=null?G:I.event.duration.color;
+if (zoneStart < zone2.endTime) {
-var F=this._paintEventTape(K,H,B,E,G,100,J,I);
+if (zoneStart > zone2.startTime) {
-this._createHighlightDiv(D,F,I);
+this._zones.splice(j, 0, {
-};
+startTime:   zone2.startTime,
-Timeline.OverviewEventPainter.prototype._paintEventTape=function(K,B,C,J,D,F,G,E){var H=G.trackOffset+B*G.trackIncrement;
+endTime:     zoneStart,
-var A=J-C;
+unit:        zone2.unit,
-var L=G.trackHeight;
+multiple:    zone2.multiple
-var I=this._timeline.getDocument().createElement("div");
+});
-I.className="timeline-small-event-tape";
+j++;
-I.style.left=C+"px";
-I.style.width=A+"px";
+zone2.startTime = zoneStart;
-I.style.top=H+"px";
+}
-I.style.height=L+"px";
-if(D!=null){I.style.backgroundColor=D;
+if (zoneEnd < zone2.endTime) {
-}if(F<100){SimileAjax.Graphics.setOpacity(I,F);
+this._zones.splice(j, 0, {
-}this._eventLayer.appendChild(I);
+startTime:  zoneStart,
-return{left:C,top:H,width:A,height:L,elmt:I};
+endTime:    zoneEnd,
-};
+unit:       zone.unit,
-Timeline.OverviewEventPainter.prototype._paintEventTick=function(J,B,D,F,G,E){var K=E.event.overviewTrack.tickHeight;
+multiple:   (zone.multiple) ? zone.multiple : 1
-var H=G.trackOffset-K;
+});
-var A=1;
+j++;
-var I=this._timeline.getDocument().createElement("div");
-I.className="timeline-small-event-icon";
+zone2.startTime = zoneEnd;
-I.style.left=B+"px";
+zoneStart = zoneEnd;
-I.style.top=H+"px";
+} else {
-var C=J.getClassName();
+zone2.multiple = zone.multiple;
-if(C){I.className+=" small-"+C;
+zone2.unit = zone.unit;
-}if(F<100){SimileAjax.Graphics.setOpacity(I,F);
+zoneStart = zone2.endTime;
-}this._eventLayer.appendChild(I);
+}
-return{left:B,top:H,width:A,height:K,elmt:I};
+} // else, try the next existing zone
-};
+}
-Timeline.OverviewEventPainter.prototype._createHighlightDiv=function(A,C,E){if(A>=0){var D=this._timeline.getDocument();
+}
-var G=E.event;
+};
-var B=G.highlightColors[Math.min(A,G.highlightColors.length-1)];
-var F=D.createElement("div");
+Timeline.HotZoneGregorianEtherPainter.prototype.initialize = function(band, timeline) {
-F.style.position="absolute";
+this._band = band;
-F.style.overflow="hidden";
+this._timeline = timeline;
-F.style.left=(C.left-1)+"px";
-F.style.width=(C.width+2)+"px";
+this._backgroundLayer = band.createLayerDiv(0);
-F.style.top=(C.top-1)+"px";
+this._backgroundLayer.setAttribute("name", "ether-background"); // for debugging
-F.style.height=(C.height+2)+"px";
+this._backgroundLayer.className ='timeline-ether-bg';
-F.style.background=B;
+//this._backgroundLayer.style.background = this._theme.ether.backgroundColors[band.getIndex()];
-this._highlightLayer.appendChild(F);
-}};
+this._markerLayer = null;
-Timeline.OverviewEventPainter.prototype.showBubble=function(A){};
+this._lineLayer = null;
+var align = ("align" in this._params && this._params.align != undefined) ? this._params.align :
-/* sources.js */
+this._theme.ether.interval.marker[timeline.isHorizontal() ? "hAlign" : "vAlign"];
-Timeline.DefaultEventSource=function(A){this._events=(A instanceof Object)?A:new SimileAjax.EventIndex();
+var showLine = ("showLine" in this._params) ? this._params.showLine :
-this._listeners=[];
+this._theme.ether.interval.line.show;
-};
-Timeline.DefaultEventSource.prototype.addListener=function(A){this._listeners.push(A);
+this._intervalMarkerLayout = new Timeline.EtherIntervalMarkerLayout(
-};
+this._timeline, this._band, this._theme, align, showLine);
-Timeline.DefaultEventSource.prototype.removeListener=function(B){for(var A=0;
-A<this._listeners.length;
+this._highlight = new Timeline.EtherHighlight(
-A++){if(this._listeners[A]==B){this._listeners.splice(A,1);
+this._timeline, this._band, this._theme, this._backgroundLayer);
-break;
+}
-}}};
-Timeline.DefaultEventSource.prototype.loadXML=function(G,A){var C=this._getBaseURL(A);
+Timeline.HotZoneGregorianEtherPainter.prototype.setHighlight = function(startDate, endDate) {
-var H=G.documentElement.getAttribute("wiki-url");
+this._highlight.position(startDate, endDate);
-var L=G.documentElement.getAttribute("wiki-section");
+}
-var E=G.documentElement.getAttribute("date-time-format");
-var F=this._events.getUnit().getParser(E);
+Timeline.HotZoneGregorianEtherPainter.prototype.paint = function() {
-var D=G.documentElement.firstChild;
+if (this._markerLayer) {
-var I=false;
+this._band.removeLayerDiv(this._markerLayer);
-while(D!=null){if(D.nodeType==1){var K="";
+}
-if(D.firstChild!=null&&D.firstChild.nodeType==3){K=D.firstChild.nodeValue;
+this._markerLayer = this._band.createLayerDiv(100);
-}var B=(D.getAttribute("isDuration")===null&&D.getAttribute("durationEvent")===null)||D.getAttribute("isDuration")=="false"||D.getAttribute("durationEvent")=="false";
+this._markerLayer.setAttribute("name", "ether-markers"); // for debugging
-var J=new Timeline.DefaultEventSource.Event({id:D.getAttribute("id"),start:F(D.getAttribute("start")),end:F(D.getAttribute("end")),latestStart:F(D.getAttribute("latestStart")),earliestEnd:F(D.getAttribute("earliestEnd")),instant:B,text:D.getAttribute("title"),description:K,image:this._resolveRelativeURL(D.getAttribute("image"),C),link:this._resolveRelativeURL(D.getAttribute("link"),C),icon:this._resolveRelativeURL(D.getAttribute("icon"),C),color:D.getAttribute("color"),textColor:D.getAttribute("textColor"),hoverText:D.getAttribute("hoverText"),classname:D.getAttribute("classname"),tapeImage:D.getAttribute("tapeImage"),tapeRepeat:D.getAttribute("tapeRepeat"),caption:D.getAttribute("caption"),eventID:D.getAttribute("eventID"),trackNum:D.getAttribute("trackNum")});
+this._markerLayer.style.display = "none";
-J._node=D;
-J.getProperty=function(M){return this._node.getAttribute(M);
+if (this._lineLayer) {
-};
+this._band.removeLayerDiv(this._lineLayer);
-J.setWikiInfo(H,L);
+}
-this._events.add(J);
+this._lineLayer = this._band.createLayerDiv(1);
-I=true;
+this._lineLayer.setAttribute("name", "ether-lines"); // for debugging
-}D=D.nextSibling;
+this._lineLayer.style.display = "none";
-}if(I){this._fire("onAddMany",[]);
-}};
+var minDate = this._band.getMinDate();
-Timeline.DefaultEventSource.prototype.loadJSON=function(G,B){var D=this._getBaseURL(B);
+var maxDate = this._band.getMaxDate();
-var J=false;
-if(G&&G.events){var I=("wikiURL" in G)?G.wikiURL:null;
+var timeZone = this._band.getTimeZone();
-var L=("wikiSection" in G)?G.wikiSection:null;
+var labeller = this._band.getLabeller();
-var E=("dateTimeFormat" in G)?G.dateTimeFormat:null;
-var H=this._events.getUnit().getParser(E);
+var p = this;
-for(var F=0;
+var incrementDate = function(date, zone) {
-F<G.events.length;
+for (var i = 0; i < zone.multiple; i++) {
-F++){var A=G.events[F];
+SimileAjax.DateTime.incrementByInterval(date, zone.unit);
-var C=A.isDuration||(A.durationEvent!=null&&!A.durationEvent);
+}
-var K=new Timeline.DefaultEventSource.Event({id:("id" in A)?A.id:undefined,start:H(A.start),end:H(A.end),latestStart:H(A.latestStart),earliestEnd:H(A.earliestEnd),instant:C,text:A.title,description:A.description,image:this._resolveRelativeURL(A.image,D),link:this._resolveRelativeURL(A.link,D),icon:this._resolveRelativeURL(A.icon,D),color:A.color,textColor:A.textColor,hoverText:A.hoverText,classname:A.classname,tapeImage:A.tapeImage,tapeRepeat:A.tapeRepeat,caption:A.caption,eventID:A.eventID,trackNum:A.trackNum});
+};
-K._obj=A;
-K.getProperty=function(M){return this._obj[M];
+var zStart = 0;
-};
+while (zStart < this._zones.length) {
-K.setWikiInfo(I,L);
+if (minDate.getTime() < this._zones[zStart].endTime) {
-this._events.add(K);
+break;
-J=true;
+}
-}}if(J){this._fire("onAddMany",[]);
+zStart++;
-}};
+}
-Timeline.DefaultEventSource.prototype.loadSPARQL=function(H,A){var D=this._getBaseURL(A);
+var zEnd = this._zones.length - 1;
-var F="iso8601";
+while (zEnd >= 0) {
-var G=this._events.getUnit().getParser(F);
+if (maxDate.getTime() > this._zones[zEnd].startTime) {
-if(H==null){return ;
+break;
-}var E=H.documentElement.firstChild;
+}
-while(E!=null&&(E.nodeType!=1||E.nodeName!="results")){E=E.nextSibling;
+zEnd--;
-}var J=null;
+}
-var M=null;
-if(E!=null){J=E.getAttribute("wiki-url");
+for (var z = zStart; z <= zEnd; z++) {
-M=E.getAttribute("wiki-section");
+var zone = this._zones[z];
-E=E.firstChild;
-}var K=false;
+var minDate2 = new Date(Math.max(minDate.getTime(), zone.startTime));
-while(E!=null){if(E.nodeType==1){var C={};
+var maxDate2 = new Date(Math.min(maxDate.getTime(), zone.endTime));
-var I=E.firstChild;
-while(I!=null){if(I.nodeType==1&&I.firstChild!=null&&I.firstChild.nodeType==1&&I.firstChild.firstChild!=null&&I.firstChild.firstChild.nodeType==3){C[I.getAttribute("name")]=I.firstChild.firstChild.nodeValue;
+SimileAjax.DateTime.roundDownToInterval(minDate2, zone.unit, timeZone, zone.multiple, this._theme.firstDayOfWeek);
-}I=I.nextSibling;
+SimileAjax.DateTime.roundUpToInterval(maxDate2, zone.unit, timeZone, zone.multiple, this._theme.firstDayOfWeek);
-}if(C["start"]==null&&C["date"]!=null){C["start"]=C["date"];
-}var B=(C["isDuration"]===null&&C["durationEvent"]===null)||C["isDuration"]=="false"||C["durationEvent"]=="false";
+while (minDate2.getTime() < maxDate2.getTime()) {
-var L=new Timeline.DefaultEventSource.Event({id:C["id"],start:G(C["start"]),end:G(C["end"]),latestStart:G(C["latestStart"]),earliestEnd:G(C["earliestEnd"]),instant:B,text:C["title"],description:C["description"],image:this._resolveRelativeURL(C["image"],D),link:this._resolveRelativeURL(C["link"],D),icon:this._resolveRelativeURL(C["icon"],D),color:C["color"],textColor:C["textColor"],hoverText:C["hoverText"],caption:C["caption"],classname:C["classname"],tapeImage:C["tapeImage"],tapeRepeat:C["tapeRepeat"],eventID:C["eventID"],trackNum:C["trackNum"]});
+this._intervalMarkerLayout.createIntervalMarker(
-L._bindings=C;
+minDate2, labeller, zone.unit, this._markerLayer, this._lineLayer);
-L.getProperty=function(N){return this._bindings[N];
-};
+incrementDate(minDate2, zone);
-L.setWikiInfo(J,M);
+}
-this._events.add(L);
+}
-K=true;
+this._markerLayer.style.display = "block";
-}E=E.nextSibling;
+this._lineLayer.style.display = "block";
-}if(K){this._fire("onAddMany",[]);
+};
-}};
-Timeline.DefaultEventSource.prototype.add=function(A){this._events.add(A);
+Timeline.HotZoneGregorianEtherPainter.prototype.softPaint = function() {
-this._fire("onAddOne",[A]);
+};
-};
-Timeline.DefaultEventSource.prototype.addMany=function(B){for(var A=0;
+Timeline.HotZoneGregorianEtherPainter.prototype.zoom = function(netIntervalChange) {
-A<B.length;
+if (netIntervalChange != 0) {
-A++){this._events.add(B[A]);
+for (var i = 0; i < this._zones.length; ++i) {
-}this._fire("onAddMany",[]);
+if (this._zones[i]) {
-};
+this._zones[i].unit += netIntervalChange;
-Timeline.DefaultEventSource.prototype.clear=function(){this._events.removeAll();
+}
-this._fire("onClear",[]);
+}
-};
+}
-Timeline.DefaultEventSource.prototype.getEvent=function(A){return this._events.getEvent(A);
+};
-};
-Timeline.DefaultEventSource.prototype.getEventIterator=function(A,B){return this._events.getIterator(A,B);
+/*==================================================
-};
+*  Year Count Ether Painter
-Timeline.DefaultEventSource.prototype.getEventReverseIterator=function(A,B){return this._events.getReverseIterator(A,B);
+*==================================================
-};
+*/
-Timeline.DefaultEventSource.prototype.getAllEventIterator=function(){return this._events.getAllIterator();
-};
+Timeline.YearCountEtherPainter = function(params) {
-Timeline.DefaultEventSource.prototype.getCount=function(){return this._events.getCount();
+this._params = params;
-};
+this._theme = params.theme;
-Timeline.DefaultEventSource.prototype.getEarliestDate=function(){return this._events.getEarliestDate();
+this._startDate = SimileAjax.DateTime.parseGregorianDateTime(params.startDate);
-};
+this._multiple = ("multiple" in params) ? params.multiple : 1;
-Timeline.DefaultEventSource.prototype.getLatestDate=function(){return this._events.getLatestDate();
+};
-};
-Timeline.DefaultEventSource.prototype._fire=function(B,A){for(var C=0;
+Timeline.YearCountEtherPainter.prototype.initialize = function(band, timeline) {
-C<this._listeners.length;
+this._band = band;
-C++){var D=this._listeners[C];
+this._timeline = timeline;
-if(B in D){try{D[B].apply(D,A);
-}catch(E){SimileAjax.Debug.exception(E);
+this._backgroundLayer = band.createLayerDiv(0);
-}}}};
+this._backgroundLayer.setAttribute("name", "ether-background"); // for debugging
-Timeline.DefaultEventSource.prototype._getBaseURL=function(A){if(A.indexOf("://")<0){var C=this._getBaseURL(document.location.href);
+this._backgroundLayer.className = 'timeline-ether-bg';
-if(A.substr(0,1)=="/"){A=C.substr(0,C.indexOf("/",C.indexOf("://")+3))+A;
+// this._backgroundLayer.style.background = this._theme.ether.backgroundColors[band.getIndex()];
-}else{A=C+A;
-}}var B=A.lastIndexOf("/");
+this._markerLayer = null;
-if(B<0){return"";
+this._lineLayer = null;
-}else{return A.substr(0,B+1);
-}};
+var align = ("align" in this._params) ? this._params.align :
-Timeline.DefaultEventSource.prototype._resolveRelativeURL=function(A,B){if(A==null||A==""){return A;
+this._theme.ether.interval.marker[timeline.isHorizontal() ? "hAlign" : "vAlign"];
-}else{if(A.indexOf("://")>0){return A;
+var showLine = ("showLine" in this._params) ? this._params.showLine :
-}else{if(A.substr(0,1)=="/"){return B.substr(0,B.indexOf("/",B.indexOf("://")+3))+A;
+this._theme.ether.interval.line.show;
-}else{return B+A;
-}}}};
+this._intervalMarkerLayout = new Timeline.EtherIntervalMarkerLayout(
-Timeline.DefaultEventSource.Event=function(A){function D(E){return(A[E]!=null&&A[E]!="")?A[E]:null;
+this._timeline, this._band, this._theme, align, showLine);
-}var C=A.id?A.id.trim():"";
-this._id=C.length>0?C:Timeline.EventUtils.getNewEventID();
+this._highlight = new Timeline.EtherHighlight(
-this._instant=A.instant||(A.end==null);
+this._timeline, this._band, this._theme, this._backgroundLayer);
-this._start=A.start;
+};
-this._end=(A.end!=null)?A.end:A.start;
-this._latestStart=(A.latestStart!=null)?A.latestStart:(A.instant?this._end:this._start);
+Timeline.YearCountEtherPainter.prototype.setHighlight = function(startDate, endDate) {
-this._earliestEnd=(A.earliestEnd!=null)?A.earliestEnd:this._end;
+this._highlight.position(startDate, endDate);
-var B=[];
+};
-if(this._start>this._latestStart){this._latestStart=this._start;
-B.push("start is > latestStart");
+Timeline.YearCountEtherPainter.prototype.paint = function() {
-}if(this._start>this._earliestEnd){this._earliestEnd=this._latestStart;
+if (this._markerLayer) {
-B.push("start is > earliestEnd");
+this._band.removeLayerDiv(this._markerLayer);
-}if(this._start>this._end){this._end=this._earliestEnd;
+}
-B.push("start is > end");
+this._markerLayer = this._band.createLayerDiv(100);
-}if(this._latestStart>this._earliestEnd){this._earliestEnd=this._latestStart;
+this._markerLayer.setAttribute("name", "ether-markers"); // for debugging
-B.push("latestStart is > earliestEnd");
+this._markerLayer.style.display = "none";
-}if(this._latestStart>this._end){this._end=this._earliestEnd;
-B.push("latestStart is > end");
+if (this._lineLayer) {
-}if(this._earliestEnd>this._end){this._end=this._earliestEnd;
+this._band.removeLayerDiv(this._lineLayer);
-B.push("earliestEnd is > end");
+}
-}this._eventID=D("eventID");
+this._lineLayer = this._band.createLayerDiv(1);
-this._text=(A.text!=null)?SimileAjax.HTML.deEntify(A.text):"";
+this._lineLayer.setAttribute("name", "ether-lines"); // for debugging
-if(B.length>0){this._text+=" PROBLEM: "+B.join(", ");
+this._lineLayer.style.display = "none";
-}this._description=SimileAjax.HTML.deEntify(A.description);
-this._image=D("image");
+var minDate = new Date(this._startDate.getTime());
-this._link=D("link");
+var maxDate = this._band.getMaxDate();
-this._title=D("hoverText");
+var yearDiff = this._band.getMinDate().getUTCFullYear() - this._startDate.getUTCFullYear();
-this._title=D("caption");
+minDate.setUTCFullYear(this._band.getMinDate().getUTCFullYear() - yearDiff % this._multiple);
-this._icon=D("icon");
-this._color=D("color");
+var p = this;
-this._textColor=D("textColor");
+var incrementDate = function(date) {
-this._classname=D("classname");
+for (var i = 0; i < p._multiple; i++) {
-this._tapeImage=D("tapeImage");
+SimileAjax.DateTime.incrementByInterval(date, SimileAjax.DateTime.YEAR);
-this._tapeRepeat=D("tapeRepeat");
+}
-this._trackNum=D("trackNum");
+};
-if(this._trackNum!=null){this._trackNum=parseInt(this._trackNum);
+var labeller = {
-}this._wikiURL=null;
+labelInterval: function(date, intervalUnit) {
-this._wikiSection=null;
+var diff = date.getUTCFullYear() - p._startDate.getUTCFullYear();
-};
+return {
-Timeline.DefaultEventSource.Event.prototype={getID:function(){return this._id;
+text: diff,
-},isInstant:function(){return this._instant;
+emphasized: diff == 0
-},isImprecise:function(){return this._start!=this._latestStart||this._end!=this._earliestEnd;
+};
-},getStart:function(){return this._start;
+}
-},getEnd:function(){return this._end;
+};
-},getLatestStart:function(){return this._latestStart;
-},getEarliestEnd:function(){return this._earliestEnd;
+while (minDate.getTime() < maxDate.getTime()) {
-},getEventID:function(){return this._eventID;
+this._intervalMarkerLayout.createIntervalMarker(
-},getText:function(){return this._text;
+minDate, labeller, SimileAjax.DateTime.YEAR, this._markerLayer, this._lineLayer);
-},getDescription:function(){return this._description;
-},getImage:function(){return this._image;
+incrementDate(minDate);
-},getLink:function(){return this._link;
+}
-},getIcon:function(){return this._icon;
+this._markerLayer.style.display = "block";
-},getColor:function(){return this._color;
+this._lineLayer.style.display = "block";
-},getTextColor:function(){return this._textColor;
+};
-},getClassName:function(){return this._classname;
-},getTapeImage:function(){return this._tapeImage;
+Timeline.YearCountEtherPainter.prototype.softPaint = function() {
-},getTapeRepeat:function(){return this._tapeRepeat;
+};
-},getTrackNum:function(){return this._trackNum;
-},getProperty:function(A){return null;
+/*==================================================
-},getWikiURL:function(){return this._wikiURL;
+*  Quarterly Ether Painter
-},getWikiSection:function(){return this._wikiSection;
+*==================================================
-},setWikiInfo:function(B,A){this._wikiURL=B;
+*/
-this._wikiSection=A;
-},fillDescription:function(A){A.innerHTML=this._description;
+Timeline.QuarterlyEtherPainter = function(params) {
-},fillWikiInfo:function(D){D.style.display="none";
+this._params = params;
-if(this._wikiURL==null||this._wikiSection==null){return ;
+this._theme = params.theme;
-}var C=this.getProperty("wikiID");
+this._startDate = SimileAjax.DateTime.parseGregorianDateTime(params.startDate);
-if(C==null||C.length==0){C=this.getText();
+};
-}if(C==null||C.length==0){return ;
-}D.style.display="inline";
+Timeline.QuarterlyEtherPainter.prototype.initialize = function(band, timeline) {
-C=C.replace(/\s/g,"_");
+this._band = band;
-var B=this._wikiURL+this._wikiSection.replace(/\s/g,"_")+"/"+C;
+this._timeline = timeline;
-var A=document.createElement("a");
-A.href=B;
+this._backgroundLayer = band.createLayerDiv(0);
-A.target="new";
+this._backgroundLayer.setAttribute("name", "ether-background"); // for debugging
-A.innerHTML=Timeline.strings[Timeline.clientLocale].wikiLinkLabel;
+this._backgroundLayer.className = 'timeline-ether-bg';
-D.appendChild(document.createTextNode("["));
+//   this._backgroundLayer.style.background = this._theme.ether.backgroundColors[band.getIndex()];
-D.appendChild(A);
-D.appendChild(document.createTextNode("]"));
+this._markerLayer = null;
-},fillTime:function(A,B){if(this._instant){if(this.isImprecise()){A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._start)));
+this._lineLayer = null;
-A.appendChild(A.ownerDocument.createElement("br"));
-A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._end)));
+var align = ("align" in this._params) ? this._params.align :
-}else{A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._start)));
+this._theme.ether.interval.marker[timeline.isHorizontal() ? "hAlign" : "vAlign"];
-}}else{if(this.isImprecise()){A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._start)+" ~ "+B.labelPrecise(this._latestStart)));
+var showLine = ("showLine" in this._params) ? this._params.showLine :
-A.appendChild(A.ownerDocument.createElement("br"));
+this._theme.ether.interval.line.show;
-A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._earliestEnd)+" ~ "+B.labelPrecise(this._end)));
-}else{A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._start)));
+this._intervalMarkerLayout = new Timeline.EtherIntervalMarkerLayout(
-A.appendChild(A.ownerDocument.createElement("br"));
+this._timeline, this._band, this._theme, align, showLine);
-A.appendChild(A.ownerDocument.createTextNode(B.labelPrecise(this._end)));
-}}},fillInfoBubble:function(A,D,K){var L=A.ownerDocument;
+this._highlight = new Timeline.EtherHighlight(
-var J=this.getText();
+this._timeline, this._band, this._theme, this._backgroundLayer);
-var H=this.getLink();
+};
-var C=this.getImage();
-if(C!=null){var E=L.createElement("img");
+Timeline.QuarterlyEtherPainter.prototype.setHighlight = function(startDate, endDate) {
-E.src=C;
+this._highlight.position(startDate, endDate);
-D.event.bubble.imageStyler(E);
+};
-A.appendChild(E);
-}var M=L.createElement("div");
+Timeline.QuarterlyEtherPainter.prototype.paint = function() {
-var B=L.createTextNode(J);
+if (this._markerLayer) {
-if(H!=null){var I=L.createElement("a");
+this._band.removeLayerDiv(this._markerLayer);
-I.href=H;
+}
-I.appendChild(B);
+this._markerLayer = this._band.createLayerDiv(100);
-M.appendChild(I);
+this._markerLayer.setAttribute("name", "ether-markers"); // for debugging
-}else{M.appendChild(B);
+this._markerLayer.style.display = "none";
-}D.event.bubble.titleStyler(M);
-A.appendChild(M);
+if (this._lineLayer) {
-var N=L.createElement("div");
+this._band.removeLayerDiv(this._lineLayer);
-this.fillDescription(N);
+}
-D.event.bubble.bodyStyler(N);
+this._lineLayer = this._band.createLayerDiv(1);
-A.appendChild(N);
+this._lineLayer.setAttribute("name", "ether-lines"); // for debugging
-var G=L.createElement("div");
+this._lineLayer.style.display = "none";
-this.fillTime(G,K);
-D.event.bubble.timeStyler(G);
+var minDate = new Date(0);
-A.appendChild(G);
+var maxDate = this._band.getMaxDate();
-var F=L.createElement("div");
-this.fillWikiInfo(F);
+minDate.setUTCFullYear(Math.max(this._startDate.getUTCFullYear(), this._band.getMinDate().getUTCFullYear()));
-D.event.bubble.wikiStyler(F);
+minDate.setUTCMonth(this._startDate.getUTCMonth());
-A.appendChild(F);
-}};
+var p = this;
+var incrementDate = function(date) {
+date.setUTCMonth(date.getUTCMonth() + 3);
-/* themes.js */
+};
-Timeline.ClassicTheme=new Object();
+var labeller = {
-Timeline.ClassicTheme.implementations=[];
+labelInterval: function(date, intervalUnit) {
-Timeline.ClassicTheme.create=function(A){if(A==null){A=Timeline.getDefaultLocale();
+var quarters = (4 + (date.getUTCMonth() - p._startDate.getUTCMonth()) / 3) % 4;
-}var B=Timeline.ClassicTheme.implementations[A];
+if (quarters != 0) {
-if(B==null){B=Timeline.ClassicTheme._Impl;
+return { text: "Q" + (quarters + 1), emphasized: false };
-}return new B();
+} else {
-};
+return { text: "Y" + (date.getUTCFullYear() - p._startDate.getUTCFullYear() + 1), emphasized: true };
-Timeline.ClassicTheme._Impl=function(){this.firstDayOfWeek=0;
+}
-this.autoWidth=false;
+}
-this.autoWidthAnimationTime=1000;
+};
-this.ether={backgroundColors:[],highlightOpacity:50,interval:{line:{show:true,opacity:25},weekend:{opacity:30},marker:{hAlign:"Bottom",vAlign:"Right"}}};
-this.event={track:{height:10,gap:2,offset:2,autoWidthMargin:1.5},overviewTrack:{offset:20,tickHeight:6,height:2,gap:1,autoWidthMargin:5},tape:{height:4},instant:{icon:Timeline.urlPrefix+"data/timeline/dull-blue-circle.png",iconWidth:10,iconHeight:10,impreciseOpacity:20,impreciseIconMargin:3},duration:{impreciseOpacity:20},label:{backgroundOpacity:50,offsetFromLine:3},highlightColors:["#FFFF00","#FFC000","#FF0000","#0000FF"],highlightLabelBackground:false,bubble:{width:250,maxHeight:0,titleStyler:function(A){A.className="timeline-event-bubble-title";
+while (minDate.getTime() < maxDate.getTime()) {
-},bodyStyler:function(A){A.className="timeline-event-bubble-body";
+this._intervalMarkerLayout.createIntervalMarker(
-},imageStyler:function(A){A.className="timeline-event-bubble-image";
+minDate, labeller, SimileAjax.DateTime.YEAR, this._markerLayer, this._lineLayer);
-},wikiStyler:function(A){A.className="timeline-event-bubble-wiki";
-},timeStyler:function(A){A.className="timeline-event-bubble-time";
+incrementDate(minDate);
-}}};
+}
-this.mouseWheel="scroll";
+this._markerLayer.style.display = "block";
-};
+this._lineLayer.style.display = "block";
+};
-/* timeline.js */
+Timeline.QuarterlyEtherPainter.prototype.softPaint = function() {
-Timeline.strings={};
+};
-Timeline.HORIZONTAL=0;
-Timeline.VERTICAL=1;
+/*==================================================
-Timeline._defaultTheme=null;
+*  Ether Interval Marker Layout
-Timeline.getDefaultLocale=function(){return Timeline.clientLocale;
+*==================================================
-};
+*/
-Timeline.create=function(D,C,B,F){if(Timeline.timelines==null){Timeline.timelines=[];
-}var A=Timeline.timelines.length;
+Timeline.EtherIntervalMarkerLayout = function(timeline, band, theme, align, showLine) {
-Timeline.timelines[A]=null;
+var horizontal = timeline.isHorizontal();
-var E=new Timeline._Impl(D,C,B,F,A);
+if (horizontal) {
-Timeline.timelines[A]=E;
+if (align == "Top") {
-return E;
+this.positionDiv = function(div, offset) {
-};
+div.style.left = offset + "px";
-Timeline.createBandInfo=function(D){var E=("theme" in D)?D.theme:Timeline.getDefaultTheme();
+div.style.top = "0px";
-var B=("eventSource" in D)?D.eventSource:null;
+};
-var F={interval:SimileAjax.DateTime.gregorianUnitLengths[D.intervalUnit],pixelsPerInterval:D.intervalPixels,theme:E};
+} else {
-if("startsOn" in D||"endsOn" in D){if("startsOn" in D){F.startsOn=D.startsOn;
+this.positionDiv = function(div, offset) {
-}if("endsOn" in D){F.endsOn=D.endsOn;
+div.style.left = offset + "px";
-}}else{F.centersOn=("date" in D)?D.date:new Date();
+div.style.bottom = "0px";
-}var G=new Timeline.LinearEther(F);
+};
-var H=new Timeline.GregorianEtherPainter({unit:D.intervalUnit,multiple:("multiple" in D)?D.multiple:1,theme:E,align:("align" in D)?D.align:undefined});
+}
-var J={showText:("showEventText" in D)?D.showEventText:true,theme:E};
+} else {
-if("eventPainterParams" in D){for(var A in D.eventPainterParams){J[A]=D.eventPainterParams[A];
+if (align == "Left") {
-}}if("trackHeight" in D){J.trackHeight=D.trackHeight;
+this.positionDiv = function(div, offset) {
-}if("trackGap" in D){J.trackGap=D.trackGap;
+div.style.top = offset + "px";
-}var I=("overview" in D&&D.overview)?"overview":("layout" in D?D.layout:"original");
+div.style.left = "0px";
-var C;
+};
-if("eventPainter" in D){C=new D.eventPainter(J);
+} else {
-}else{switch(I){case"overview":C=new Timeline.OverviewEventPainter(J);
+this.positionDiv = function(div, offset) {
-break;
+div.style.top = offset + "px";
-case"detailed":C=new Timeline.DetailedEventPainter(J);
+div.style.right = "0px";
-break;
+};
-default:C=new Timeline.OriginalEventPainter(J);
+}
-}}return{width:D.width,eventSource:B,timeZone:("timeZone" in D)?D.timeZone:0,ether:G,etherPainter:H,eventPainter:C,theme:E,zoomIndex:("zoomIndex" in D)?D.zoomIndex:0,zoomSteps:("zoomSteps" in D)?D.zoomSteps:null};
+}
-};
-Timeline.createHotZoneBandInfo=function(D){var E=("theme" in D)?D.theme:Timeline.getDefaultTheme();
+var markerTheme = theme.ether.interval.marker;
-var B=("eventSource" in D)?D.eventSource:null;
+var lineTheme = theme.ether.interval.line;
-var F=new Timeline.HotZoneEther({centersOn:("date" in D)?D.date:new Date(),interval:SimileAjax.DateTime.gregorianUnitLengths[D.intervalUnit],pixelsPerInterval:D.intervalPixels,zones:D.zones,theme:E});
+var weekendTheme = theme.ether.interval.weekend;
-var G=new Timeline.HotZoneGregorianEtherPainter({unit:D.intervalUnit,zones:D.zones,theme:E,align:("align" in D)?D.align:undefined});
-var I={showText:("showEventText" in D)?D.showEventText:true,theme:E};
+var stylePrefix = (horizontal ? "h" : "v") + align;
-if("eventPainterParams" in D){for(var A in D.eventPainterParams){I[A]=D.eventPainterParams[A];
+var labelStyler = markerTheme[stylePrefix + "Styler"];
-}}if("trackHeight" in D){I.trackHeight=D.trackHeight;
+var emphasizedLabelStyler = markerTheme[stylePrefix + "EmphasizedStyler"];
-}if("trackGap" in D){I.trackGap=D.trackGap;
+var day = SimileAjax.DateTime.gregorianUnitLengths[SimileAjax.DateTime.DAY];
-}var H=("overview" in D&&D.overview)?"overview":("layout" in D?D.layout:"original");
-var C;
+this.createIntervalMarker = function(date, labeller, unit, markerDiv, lineDiv) {
-if("eventPainter" in D){C=new D.eventPainter(I);
+var offset = Math.round(band.dateToPixelOffset(date));
-}else{switch(H){case"overview":C=new Timeline.OverviewEventPainter(I);
-break;
+if (showLine && unit != SimileAjax.DateTime.WEEK) {
-case"detailed":C=new Timeline.DetailedEventPainter(I);
+var divLine = timeline.getDocument().createElement("div");
-break;
+divLine.className = "timeline-ether-lines";
-default:C=new Timeline.OriginalEventPainter(I);
-}}return{width:D.width,eventSource:B,timeZone:("timeZone" in D)?D.timeZone:0,ether:F,etherPainter:G,eventPainter:C,theme:E,zoomIndex:("zoomIndex" in D)?D.zoomIndex:0,zoomSteps:("zoomSteps" in D)?D.zoomSteps:null};
+if (lineTheme.opacity < 100) {
-};
+SimileAjax.Graphics.setOpacity(divLine, lineTheme.opacity);
-Timeline.getDefaultTheme=function(){if(Timeline._defaultTheme==null){Timeline._defaultTheme=Timeline.ClassicTheme.create(Timeline.getDefaultLocale());
+}
-}return Timeline._defaultTheme;
-};
+if (horizontal) {
-Timeline.setDefaultTheme=function(A){Timeline._defaultTheme=A;
+				//divLine.className += " timeline-ether-lines-vertical";
-};
+				divLine.style.left = offset + "px";
-Timeline.loadXML=function(A,C){var D=function(G,E,F){alert("Failed to load data xml from "+A+"\n"+G);
+} else {
-};
+				//divLine.className += " timeline-ether-lines-horizontal";
-var B=function(F){var E=F.responseXML;
+divLine.style.top = offset + "px";
-if(!E.documentElement&&F.responseStream){E.load(F.responseStream);
+}
-}C(E,A);
+lineDiv.appendChild(divLine);
-};
+}
-SimileAjax.XmlHttp.get(A,D,B);
+if (unit == SimileAjax.DateTime.WEEK) {
-};
+var firstDayOfWeek = theme.firstDayOfWeek;
-Timeline.loadJSON=function(url,f){var fError=function(statusText,status,xmlhttp){alert("Failed to load json data from "+url+"\n"+statusText);
-};
+var saturday = new Date(date.getTime() + (6 - firstDayOfWeek - 7) * day);
-var fDone=function(xmlhttp){f(eval("("+xmlhttp.responseText+")"),url);
+var monday = new Date(saturday.getTime() + 2 * day);
-};
-SimileAjax.XmlHttp.get(url,fError,fDone);
+var saturdayPixel = Math.round(band.dateToPixelOffset(saturday));
-};
+var mondayPixel = Math.round(band.dateToPixelOffset(monday));
-Timeline.getTimelineFromID=function(A){return Timeline.timelines[A];
+var length = Math.max(1, mondayPixel - saturdayPixel);
-};
-Timeline._Impl=function(D,C,B,E,A){SimileAjax.WindowManager.initialize();
+var divWeekend = timeline.getDocument().createElement("div");
-this._containerDiv=D;
+			divWeekend.className = 'timeline-ether-weekends'
-this._bandInfos=C;
-this._orientation=B==null?Timeline.HORIZONTAL:B;
+if (weekendTheme.opacity < 100) {
-this._unit=(E!=null)?E:SimileAjax.NativeDateUnit;
+SimileAjax.Graphics.setOpacity(divWeekend, weekendTheme.opacity);
-this._starting=true;
+}
-this._autoResizing=false;
-this.autoWidth=C&&C[0]&&C[0].theme&&C[0].theme.autoWidth;
+if (horizontal) {
-this.autoWidthAnimationTime=C&&C[0]&&C[0].theme&&C[0].theme.autoWidthAnimationTime;
+divWeekend.style.left = saturdayPixel + "px";
-this.timelineID=A;
+divWeekend.style.width = length + "px";
-this._initialize();
+} else {
-};
+divWeekend.style.top = saturdayPixel + "px";
-Timeline._Impl.prototype.dispose=function(){for(var A=0;
+divWeekend.style.height = length + "px";
-A<this._bands.length;
+}
-A++){this._bands[A].dispose();
+lineDiv.appendChild(divWeekend);
-}this._bands=null;
+}
-this._bandInfos=null;
-this._containerDiv.innerHTML="";
+var label = labeller.labelInterval(date, unit);
-Timeline.timelines[this.timelineID]=null;
-};
+var div = timeline.getDocument().createElement("div");
-Timeline._Impl.prototype.getBandCount=function(){return this._bands.length;
+div.innerHTML = label.text;
-};
-Timeline._Impl.prototype.getBand=function(A){return this._bands[A];
-};
-Timeline._Impl.prototype.finishedEventLoading=function(){this._autoWidthCheck(true);
+		div.className = 'timeline-date-label'
-this._starting=false;
+		if(label.emphasized) div.className += ' timeline-date-label-em'
-};
-Timeline._Impl.prototype.layout=function(){this._autoWidthCheck(true);
+this.positionDiv(div, offset);
-this._distributeWidths();
+markerDiv.appendChild(div);
-};
-Timeline._Impl.prototype.paint=function(){for(var A=0;
+return div;
-A<this._bands.length;
+};
-A++){this._bands[A].paint();
+};
-}};
-Timeline._Impl.prototype.getDocument=function(){return this._containerDiv.ownerDocument;
+/*==================================================
-};
+*  Ether Highlight Layout
-Timeline._Impl.prototype.addDiv=function(A){this._containerDiv.appendChild(A);
+*==================================================
-};
+*/
-Timeline._Impl.prototype.removeDiv=function(A){this._containerDiv.removeChild(A);
-};
+Timeline.EtherHighlight = function(timeline, band, theme, backgroundLayer) {
-Timeline._Impl.prototype.isHorizontal=function(){return this._orientation==Timeline.HORIZONTAL;
+var horizontal = timeline.isHorizontal();
-};
-Timeline._Impl.prototype.isVertical=function(){return this._orientation==Timeline.VERTICAL;
+this._highlightDiv = null;
-};
+this._createHighlightDiv = function() {
-Timeline._Impl.prototype.getPixelLength=function(){return this._orientation==Timeline.HORIZONTAL?this._containerDiv.offsetWidth:this._containerDiv.offsetHeight;
+if (this._highlightDiv == null) {
-};
+this._highlightDiv = timeline.getDocument().createElement("div");
-Timeline._Impl.prototype.getPixelWidth=function(){return this._orientation==Timeline.VERTICAL?this._containerDiv.offsetWidth:this._containerDiv.offsetHeight;
+this._highlightDiv.setAttribute("name", "ether-highlight"); // for debugging
-};
+this._highlightDiv.className = 'timeline-ether-highlight'
-Timeline._Impl.prototype.getUnit=function(){return this._unit;
-};
+var opacity = theme.ether.highlightOpacity;
-Timeline._Impl.prototype.getWidthStyle=function(){return this._orientation==Timeline.HORIZONTAL?"height":"width";
+if (opacity < 100) {
-};
+SimileAjax.Graphics.setOpacity(this._highlightDiv, opacity);
-Timeline._Impl.prototype.loadXML=function(B,D){var A=this;
+}
-var E=function(H,F,G){alert("Failed to load data xml from "+B+"\n"+H);
-A.hideLoadingMessage();
+backgroundLayer.appendChild(this._highlightDiv);
-};
+}
-var C=function(G){try{var F=G.responseXML;
+}
-if(!F.documentElement&&G.responseStream){F.load(G.responseStream);
-}D(F,B);
+this.position = function(startDate, endDate) {
-}finally{A.hideLoadingMessage();
+this._createHighlightDiv();
-}};
-this.showLoadingMessage();
+var startPixel = Math.round(band.dateToPixelOffset(startDate));
-window.setTimeout(function(){SimileAjax.XmlHttp.get(B,E,C);
+var endPixel = Math.round(band.dateToPixelOffset(endDate));
-},0);
+var length = Math.max(endPixel - startPixel, 3);
-};
+if (horizontal) {
-Timeline._Impl.prototype.loadJSON=function(url,f){var tl=this;
+this._highlightDiv.style.left = startPixel + "px";
-var fError=function(statusText,status,xmlhttp){alert("Failed to load json data from "+url+"\n"+statusText);
+this._highlightDiv.style.width = length + "px";
-tl.hideLoadingMessage();
+this._highlightDiv.style.height = (band.getViewWidth() - 4) + "px";
-};
+} else {
-var fDone=function(xmlhttp){try{f(eval("("+xmlhttp.responseText+")"),url);
+this._highlightDiv.style.top = startPixel + "px";
-}finally{tl.hideLoadingMessage();
+this._highlightDiv.style.height = length + "px";
-}};
+this._highlightDiv.style.width = (band.getViewWidth() - 4) + "px";
-this.showLoadingMessage();
+}
-window.setTimeout(function(){SimileAjax.XmlHttp.get(url,fError,fDone);
+}
-},0);
+};
-};
+/*==================================================
-Timeline._Impl.prototype._autoWidthScrollListener=function(A){A.getTimeline()._autoWidthCheck(false);
+*  Event Utils
-};
+*==================================================
-Timeline._Impl.prototype._autoWidthCheck=function(C){var E=this;
+*/
-var B=E._starting;
+Timeline.EventUtils = {};
-var D=0;
-function A(){var H=E.getWidthStyle();
+Timeline.EventUtils.getNewEventID = function() {
-if(B){E._containerDiv.style[H]=D+"px";
+// global across page
-}else{E._autoResizing=true;
+if (this._lastEventID == null) {
-var G={};
+this._lastEventID = 0;
-G[H]=D+"px";
+}
-SimileAjax.jQuery(E._containerDiv).animate(G,E.autoWidthAnimationTime,"linear",function(){E._autoResizing=false;
-});
+this._lastEventID += 1;
-}}function F(){var I=0;
+return "e" + this._lastEventID;
-var G=E.getPixelWidth();
+};
-if(E._autoResizing){return ;
-}for(var H=0;
+Timeline.EventUtils.decodeEventElID = function(elementID) {
-H<E._bands.length;
+/*==================================================
-H++){E._bands[H].checkAutoWidth();
+*
-I+=E._bandInfos[H].width;
+* Use this function to decode an event element's id on a band (label div,
-}if(I>G||C){D=I;
+* tape div or icon img).
-A();
+*
-E._distributeWidths();
+* Returns {band: <bandObj>, evt: <eventObj>}
-}}if(!E.autoWidth){return ;
+*
-}F();
+* To enable a single event listener to monitor everything
-};
+* on a Timeline, a set format is used for the id's of the
-Timeline._Impl.prototype._initialize=function(){var E=this._containerDiv;
+* elements on the Timeline--
-var G=E.ownerDocument;
+*
-E.className=E.className.split(" ").concat("timeline-container").join(" ");
+* element id format for labels, icons, tapes:
-var A=(this.isHorizontal())?"horizontal":"vertical";
+*   labels: label-tl-<timelineID>-<band_index>-<evt.id>
-E.className+=" timeline-"+A;
+*    icons: icon-tl-<timelineID>-<band_index>-<evt.id>
-while(E.firstChild){E.removeChild(E.firstChild);
+*    tapes: tape1-tl-<timelineID>-<band_index>-<evt.id>
-}var B=SimileAjax.Graphics.createTranslucentImage(Timeline.urlPrefix+(this.isHorizontal()?"data/timeline/copyright-vertical.png":"data/timeline/copyright.png"));
+*           tape2-tl-<timelineID>-<band_index>-<evt.id>
-B.className="timeline-copyright";
+*           // some events have more than one tape
-B.title="Timeline &copy; SIMILE - http://simile.mit.edu/timeline/";
+*    highlight: highlight1-tl-<timelineID>-<band_index>-<evt.id>
-SimileAjax.DOM.registerEvent(B,"click",function(){window.location="http://simile.mit.edu/timeline/";
+*               highlight2-tl-<timelineID>-<band_index>-<evt.id>
-});
+*           // some events have more than one highlight div (future)
-E.appendChild(B);
+* Note: use split('-') to get array of the format's parts
-this._bands=[];
+*
-for(var C=0;
+* You can then retrieve the timeline object and event object
-C<this._bandInfos.length;
+* by using Timeline.getTimeline, Timeline.getBand, or
-C++){var F=this._bandInfos[C];
+* Timeline.getEvent and passing in the element's id
-var D=F.bandClass||Timeline._Band;
+*
-var H=new D(this,this._bandInfos[C],C);
+*==================================================
-this._bands.push(H);
+*/
-}this._distributeWidths();
-for(var C=0;
+var parts = elementID.split('-');
-C<this._bandInfos.length;
+if (parts[1] != 'tl') {
-C++){var F=this._bandInfos[C];
+alert("Internal Timeline problem 101, please consult support");
-if("syncWith" in F){this._bands[C].setSyncWithBand(this._bands[F.syncWith],("highlight" in F)?F.highlight:false);
+return {band: null, evt: null}; // early return
-}}if(this.autoWidth){for(var C=0;
+}
-C<this._bands.length;
-C++){this._bands[C].addOnScrollListener(this._autoWidthScrollListener);
+var timeline = Timeline.getTimelineFromID(parts[2]);
-}}var I=SimileAjax.Graphics.createMessageBubble(G);
+var band = timeline.getBand(parts[3]);
-I.containerDiv.className="timeline-message-container";
+var evt = band.getEventSource.getEvent(parts[4]);
-E.appendChild(I.containerDiv);
-I.contentDiv.className="timeline-message";
+return {band: band, evt: evt};
-I.contentDiv.innerHTML="<img src='"+Timeline.urlPrefix+"data/timeline/progress-running.gif' /> Loading...";
+};
-this.showLoadingMessage=function(){I.containerDiv.style.display="block";
-};
+Timeline.EventUtils.encodeEventElID = function(timeline, band, elType, evt) {
-this.hideLoadingMessage=function(){I.containerDiv.style.display="none";
+// elType should be one of {label | icon | tapeN | highlightN}
-};
+return elType + "-tl-" + timeline.timelineID +
-};
+"-" + band.getIndex() + "-" + evt.getID();
-Timeline._Impl.prototype._distributeWidths=function(){var B=this.getPixelLength();
+};/*==================================================
-var A=this.getPixelWidth();
+*  Gregorian Date Labeller
-var C=0;
+*==================================================
-for(var E=0;
+*/
-E<this._bands.length;
-E++){var I=this._bands[E];
+Timeline.GregorianDateLabeller = function(locale, timeZone) {
-var J=this._bandInfos[E];
+this._locale = locale;
-var F=J.width;
+this._timeZone = timeZone;
-var D;
+};
-if(typeof F=="string"){var H=F.indexOf("%");
-if(H>0){var G=parseInt(F.substr(0,H));
+Timeline.GregorianDateLabeller.monthNames = [];
-D=Math.round(G*A/100);
+Timeline.GregorianDateLabeller.dayNames = [];
-}else{D=parseInt(F);
+Timeline.GregorianDateLabeller.labelIntervalFunctions = [];
-}}else{D=F;
-}I.setBandShiftAndWidth(C,D);
+Timeline.GregorianDateLabeller.getMonthName = function(month, locale) {
-I.setViewLength(B);
+return Timeline.GregorianDateLabeller.monthNames[locale][month];
-C+=D;
+};
-}};
-Timeline._Impl.prototype.zoom=function(G,B,F,D){var C=new RegExp("^timeline-band-([0-9]+)$");
+Timeline.GregorianDateLabeller.prototype.labelInterval = function(date, intervalUnit) {
-var E=null;
+var f = Timeline.GregorianDateLabeller.labelIntervalFunctions[this._locale];
-var A=C.exec(D.id);
+if (f == null) {
-if(A){E=parseInt(A[1]);
+f = Timeline.GregorianDateLabeller.prototype.defaultLabelInterval;
-}if(E!=null){this._bands[E].zoom(G,B,F,D);
+}
-}this.paint();
+return f.call(this, date, intervalUnit);
 };
+Timeline.GregorianDateLabeller.prototype.labelPrecise = function(date) {
-/* units.js */
+return SimileAjax.DateTime.removeTimeZoneOffset(
-Timeline.NativeDateUnit=new Object();
+date,
-Timeline.NativeDateUnit.createLabeller=function(A,B){return new Timeline.GregorianDateLabeller(A,B);
+this._timeZone //+ (new Date().getTimezoneOffset() / 60)
-};
+).toUTCString();
-Timeline.NativeDateUnit.makeDefaultValue=function(){return new Date();
+};
-};
-Timeline.NativeDateUnit.cloneValue=function(A){return new Date(A.getTime());
+Timeline.GregorianDateLabeller.prototype.defaultLabelInterval = function(date, intervalUnit) {
-};
+var text;
-Timeline.NativeDateUnit.getParser=function(A){if(typeof A=="string"){A=A.toLowerCase();
+var emphasized = false;
-}return(A=="iso8601"||A=="iso 8601")?Timeline.DateTime.parseIso8601DateTime:Timeline.DateTime.parseGregorianDateTime;
-};
+date = SimileAjax.DateTime.removeTimeZoneOffset(date, this._timeZone);
-Timeline.NativeDateUnit.parseFromObject=function(A){return Timeline.DateTime.parseGregorianDateTime(A);
-};
+switch(intervalUnit) {
-Timeline.NativeDateUnit.toNumber=function(A){return A.getTime();
+case SimileAjax.DateTime.MILLISECOND:
-};
+text = date.getUTCMilliseconds();
-Timeline.NativeDateUnit.fromNumber=function(A){return new Date(A);
+break;
-};
+case SimileAjax.DateTime.SECOND:
-Timeline.NativeDateUnit.compare=function(D,C){var B,A;
+text = date.getUTCSeconds();
-if(typeof D=="object"){B=D.getTime();
+break;
-}else{B=Number(D);
+case SimileAjax.DateTime.MINUTE:
-}if(typeof C=="object"){A=C.getTime();
+var m = date.getUTCMinutes();
-}else{A=Number(C);
+if (m == 0) {
-}return B-A;
+text = date.getUTCHours() + ":00";
-};
+emphasized = true;
-Timeline.NativeDateUnit.earlier=function(B,A){return Timeline.NativeDateUnit.compare(B,A)<0?B:A;
+} else {
-};
+text = m;
-Timeline.NativeDateUnit.later=function(B,A){return Timeline.NativeDateUnit.compare(B,A)>0?B:A;
+}
-};
+break;
-Timeline.NativeDateUnit.change=function(A,B){return new Date(A.getTime()+B);
+case SimileAjax.DateTime.HOUR:
-};
+text = date.getUTCHours() + "hr";
+break;
-/******** end of simile-timeline-bundle.js ********/
+case SimileAjax.DateTime.DAY:
+text = Timeline.GregorianDateLabeller.getMonthName(date.getUTCMonth(), this._locale) + " " + date.getUTCDate();
+break;
+case SimileAjax.DateTime.WEEK:
+text = Timeline.GregorianDateLabeller.getMonthName(date.getUTCMonth(), this._locale) + " " + date.getUTCDate();
+break;
+case SimileAjax.DateTime.MONTH:
+var m = date.getUTCMonth();
+if (m != 0) {
+text = Timeline.GregorianDateLabeller.getMonthName(m, this._locale);
+break;
+} // else, fall through
+case SimileAjax.DateTime.YEAR:
+case SimileAjax.DateTime.DECADE:
+case SimileAjax.DateTime.CENTURY:
+case SimileAjax.DateTime.MILLENNIUM:
+var y = date.getUTCFullYear();
+if (y > 0) {
+text = date.getUTCFullYear();
+} else {
+text = (1 - y) + "BC";
+}
+emphasized =
+(intervalUnit == SimileAjax.DateTime.MONTH) ||
+(intervalUnit == SimileAjax.DateTime.DECADE && y % 100 == 0) ||
+(intervalUnit == SimileAjax.DateTime.CENTURY && y % 1000 == 0);
+break;
+default:
+text = date.toUTCString();
+}
+return { text: text, emphasized: emphasized };
+}
+/*==================================================
+*  Default Event Source
+*==================================================
+*/
+Timeline.DefaultEventSource = function(eventIndex) {
+this._events = (eventIndex instanceof Object) ? eventIndex : new SimileAjax.EventIndex();
+this._listeners = [];
+};
+Timeline.DefaultEventSource.prototype.addListener = function(listener) {
+this._listeners.push(listener);
+};
+Timeline.DefaultEventSource.prototype.removeListener = function(listener) {
+for (var i = 0; i < this._listeners.length; i++) {
+if (this._listeners[i] == listener) {
+this._listeners.splice(i, 1);
+break;
+}
+}
+};
+Timeline.DefaultEventSource.prototype.loadXML = function(xml, url) {
+var base = this._getBaseURL(url);
+var wikiURL = xml.documentElement.getAttribute("wiki-url");
+var wikiSection = xml.documentElement.getAttribute("wiki-section");
+var dateTimeFormat = xml.documentElement.getAttribute("date-time-format");
+var parseDateTimeFunction = this._events.getUnit().getParser(dateTimeFormat);
+var node = xml.documentElement.firstChild;
+var added = false;
+while (node != null) {
+if (node.nodeType == 1) {
+var description = "";
+if (node.firstChild != null && node.firstChild.nodeType == 3) {
+description = node.firstChild.nodeValue;
+}
+// instant event: default is true. Or use values from isDuration or durationEvent
+var instant = (node.getAttribute("isDuration")    === null &&
+node.getAttribute("durationEvent") === null) ||
+node.getAttribute("isDuration") == "false" ||
+node.getAttribute("durationEvent") == "false";
+var evt = new Timeline.DefaultEventSource.Event( {
+id: node.getAttribute("id"),
+start: parseDateTimeFunction(node.getAttribute("start")),
+end: parseDateTimeFunction(node.getAttribute("end")),
+latestStart: parseDateTimeFunction(node.getAttribute("latestStart")),
+earliestEnd: parseDateTimeFunction(node.getAttribute("earliestEnd")),
+instant: instant,
+text: node.getAttribute("title"),
+description: description,
+image: this._resolveRelativeURL(node.getAttribute("image"), base),
+link: this._resolveRelativeURL(node.getAttribute("link") , base),
+icon: this._resolveRelativeURL(node.getAttribute("icon") , base),
+color: node.getAttribute("color"),
+textColor: node.getAttribute("textColor"),
+hoverText: node.getAttribute("hoverText"),
+classname: node.getAttribute("classname"),
+tapeImage: node.getAttribute("tapeImage"),
+tapeRepeat: node.getAttribute("tapeRepeat"),
+caption: node.getAttribute("caption"),
+eventID: node.getAttribute("eventID"),
+trackNum: node.getAttribute("trackNum")
+});
+evt._node = node;
+evt.getProperty = function(name) {
+return this._node.getAttribute(name);
+};
+evt.setWikiInfo(wikiURL, wikiSection);
+this._events.add(evt);
+added = true;
+}
+node = node.nextSibling;
+}
+if (added) {
+this._fire("onAddMany", []);
+}
+};
+Timeline.DefaultEventSource.prototype.loadJSON = function(data, url) {
+var base = this._getBaseURL(url);
+var added = false;
+if (data && data.events){
+var wikiURL = ("wikiURL" in data) ? data.wikiURL : null;
+var wikiSection = ("wikiSection" in data) ? data.wikiSection : null;
+var dateTimeFormat = ("dateTimeFormat" in data) ? data.dateTimeFormat : null;
+var parseDateTimeFunction = this._events.getUnit().getParser(dateTimeFormat);
+for (var i=0; i < data.events.length; i++){
+var event = data.events[i];
+// Fixing issue 33:
+// instant event: default (for JSON only) is false. Or use values from isDuration or durationEvent
+// isDuration was negated (see issue 33, so keep that interpretation
+var instant = event.isDuration || (event.durationEvent != null && !event.durationEvent);
+var evt = new Timeline.DefaultEventSource.Event({
+id: ("id" in event) ? event.id : undefined,
+start: parseDateTimeFunction(event.start),
+end: parseDateTimeFunction(event.end),
+latestStart: parseDateTimeFunction(event.latestStart),
+earliestEnd: parseDateTimeFunction(event.earliestEnd),
+instant: instant,
+text: event.title,
+description: event.description,
+image: this._resolveRelativeURL(event.image, base),
+link: this._resolveRelativeURL(event.link , base),
+icon: this._resolveRelativeURL(event.icon , base),
+color: event.color,
+textColor: event.textColor,
+hoverText: event.hoverText,
+classname: event.classname,
+tapeImage: event.tapeImage,
+tapeRepeat: event.tapeRepeat,
+caption: event.caption,
+eventID: event.eventID,
+trackNum: event.trackNum
+});
+evt._obj = event;
+evt.getProperty = function(name) {
+return this._obj[name];
+};
+evt.setWikiInfo(wikiURL, wikiSection);
+this._events.add(evt);
+added = true;
+}
+}
+if (added) {
+this._fire("onAddMany", []);
+}
+};
+/*
+*  Contributed by Morten Frederiksen, http://www.wasab.dk/morten/
+*/
+Timeline.DefaultEventSource.prototype.loadSPARQL = function(xml, url) {
+var base = this._getBaseURL(url);
+var dateTimeFormat = 'iso8601';
+var parseDateTimeFunction = this._events.getUnit().getParser(dateTimeFormat);
+if (xml == null) {
+return;
+}
+/*
+*  Find <results> tag
+*/
+var node = xml.documentElement.firstChild;
+while (node != null && (node.nodeType != 1 || node.nodeName != 'results')) {
+node = node.nextSibling;
+}
+var wikiURL = null;
+var wikiSection = null;
+if (node != null) {
+wikiURL = node.getAttribute("wiki-url");
+wikiSection = node.getAttribute("wiki-section");
+node = node.firstChild;
+}
+var added = false;
+while (node != null) {
+if (node.nodeType == 1) {
+var bindings = { };
+var binding = node.firstChild;
+while (binding != null) {
+if (binding.nodeType == 1 &&
+binding.firstChild != null &&
+binding.firstChild.nodeType == 1 &&
+binding.firstChild.firstChild != null &&
+binding.firstChild.firstChild.nodeType == 3) {
+bindings[binding.getAttribute('name')] = binding.firstChild.firstChild.nodeValue;
+}
+binding = binding.nextSibling;
+}
+if (bindings["start"] == null && bindings["date"] != null) {
+bindings["start"] = bindings["date"];
+}
+// instant event: default is true. Or use values from isDuration or durationEvent
+var instant = (bindings["isDuration"]    === null &&
+bindings["durationEvent"] === null) ||
+bindings["isDuration"] == "false" ||
+bindings["durationEvent"] == "false";
+var evt = new Timeline.DefaultEventSource.Event({
+id: bindings["id"],
+start: parseDateTimeFunction(bindings["start"]),
+end: parseDateTimeFunction(bindings["end"]),
+latestStart: parseDateTimeFunction(bindings["latestStart"]),
+earliestEnd: parseDateTimeFunction(bindings["earliestEnd"]),
+instant: instant, // instant
+text: bindings["title"], // text
+description: bindings["description"],
+image: this._resolveRelativeURL(bindings["image"], base),
+link: this._resolveRelativeURL(bindings["link"] , base),
+icon: this._resolveRelativeURL(bindings["icon"] , base),
+color: bindings["color"],
+textColor: bindings["textColor"],
+hoverText: bindings["hoverText"],
+caption: bindings["caption"],
+classname: bindings["classname"],
+tapeImage: bindings["tapeImage"],
+tapeRepeat: bindings["tapeRepeat"],
+eventID: bindings["eventID"],
+trackNum: bindings["trackNum"]
+});
+evt._bindings = bindings;
+evt.getProperty = function(name) {
+return this._bindings[name];
+};
+evt.setWikiInfo(wikiURL, wikiSection);
+this._events.add(evt);
+added = true;
+}
+node = node.nextSibling;
+}
+if (added) {
+this._fire("onAddMany", []);
+}
+};
+Timeline.DefaultEventSource.prototype.add = function(evt) {
+this._events.add(evt);
+this._fire("onAddOne", [evt]);
+};
+Timeline.DefaultEventSource.prototype.addMany = function(events) {
+for (var i = 0; i < events.length; i++) {
+this._events.add(events[i]);
+}
+this._fire("onAddMany", []);
+};
+Timeline.DefaultEventSource.prototype.clear = function() {
+this._events.removeAll();
+this._fire("onClear", []);
+};
+Timeline.DefaultEventSource.prototype.getEvent = function(id) {
+return this._events.getEvent(id);
+};
+Timeline.DefaultEventSource.prototype.getEventIterator = function(startDate, endDate) {
+return this._events.getIterator(startDate, endDate);
+};
+Timeline.DefaultEventSource.prototype.getEventReverseIterator = function(startDate, endDate) {
+return this._events.getReverseIterator(startDate, endDate);
+};
+Timeline.DefaultEventSource.prototype.getAllEventIterator = function() {
+return this._events.getAllIterator();
+};
+Timeline.DefaultEventSource.prototype.getCount = function() {
+return this._events.getCount();
+};
+Timeline.DefaultEventSource.prototype.getEarliestDate = function() {
+return this._events.getEarliestDate();
+};
+Timeline.DefaultEventSource.prototype.getLatestDate = function() {
+return this._events.getLatestDate();
+};
+Timeline.DefaultEventSource.prototype._fire = function(handlerName, args) {
+for (var i = 0; i < this._listeners.length; i++) {
+var listener = this._listeners[i];
+if (handlerName in listener) {
+try {
+listener[handlerName].apply(listener, args);
+} catch (e) {
+SimileAjax.Debug.exception(e);
+}
+}
+}
+};
+Timeline.DefaultEventSource.prototype._getBaseURL = function(url) {
+if (url.indexOf("://") < 0) {
+var url2 = this._getBaseURL(document.location.href);
+if (url.substr(0,1) == "/") {
+url = url2.substr(0, url2.indexOf("/", url2.indexOf("://") + 3)) + url;
+} else {
+url = url2 + url;
+}
+}
+var i = url.lastIndexOf("/");
+if (i < 0) {
+return "";
+} else {
+return url.substr(0, i+1);
+}
+};
+Timeline.DefaultEventSource.prototype._resolveRelativeURL = function(url, base) {
+if (url == null || url == "") {
+return url;
+} else if (url.indexOf("://") > 0) {
+return url;
+} else if (url.substr(0,1) == "/") {
+return base.substr(0, base.indexOf("/", base.indexOf("://") + 3)) + url;
+} else {
+return base + url;
+}
+};
+Timeline.DefaultEventSource.Event = function(args) {
+//
+// Attention developers!
+// If you add a new event attribute, please be sure to add it to
+// all three load functions: loadXML, loadSPARCL, loadJSON.
+// Thanks!
+//
+// args is a hash/object. It supports the following keys. Most are optional
+//   id            -- an internal id. Really shouldn't be used by events.
+//                    Timeline library clients should use eventID
+//   eventID       -- For use by library client when writing custom painters or
+//                    custom fillInfoBubble
+//   start
+//   end
+//   latestStart
+//   earliestEnd
+//   instant      -- boolean. Controls precise/non-precise logic & duration/instant issues
+//   text         -- event source attribute 'title' -- used as the label on Timelines and in bubbles.
+//   description  -- used in bubbles
+//   image        -- used in bubbles
+//   link         -- used in bubbles
+//   icon         -- on the Timeline
+//   color        -- Timeline label and tape color
+//   textColor    -- Timeline label color, overrides color attribute
+//   hoverText    -- deprecated, here for backwards compatibility.
+//                   Superceeded by caption
+//   caption      -- tooltip-like caption on the Timeline. Uses HTML title attribute
+//   classname    -- used to set classname in Timeline. Enables better CSS selector rules
+//   tapeImage    -- background image of the duration event's tape div on the Timeline
+//   tapeRepeat   -- repeat attribute for tapeImage. {repeat | repeat-x | repeat-y }
+function cleanArg(arg) {
+// clean up an arg
+return (args[arg] != null && args[arg] != "") ? args[arg] : null;
+}
+var id = args.id ? args.id.trim() : "";
+this._id = id.length > 0 ? id : Timeline.EventUtils.getNewEventID();
+this._instant = args.instant || (args.end == null);
+this._start = args.start;
+this._end = (args.end != null) ? args.end : args.start;
+this._latestStart = (args.latestStart != null) ?
+args.latestStart : (args.instant ? this._end : this._start);
+this._earliestEnd = (args.earliestEnd != null) ? args.earliestEnd : this._end;
+// check sanity of dates since incorrect dates will later cause calculation errors
+// when painting
+var err=[];
+if (this._start > this._latestStart) {
+this._latestStart = this._start;
+err.push("start is > latestStart");}
+if (this._start > this._earliestEnd) {
+this._earliestEnd = this._latestStart;
+err.push("start is > earliestEnd");}
+if (this._start > this._end) {
+this._end = this._earliestEnd;
+err.push("start is > end");}
+if (this._latestStart > this._earliestEnd) {
+this._earliestEnd = this._latestStart;
+err.push("latestStart is > earliestEnd");}
+if (this._latestStart > this._end) {
+this._end = this._earliestEnd;
+err.push("latestStart is > end");}
+if (this._earliestEnd > this._end) {
+this._end = this._earliestEnd;
+err.push("earliestEnd is > end");}
+this._eventID = cleanArg('eventID');
+this._text = (args.text != null) ? SimileAjax.HTML.deEntify(args.text) : ""; // Change blank titles to ""
+if (err.length > 0) {
+this._text += " PROBLEM: " + err.join(", ");
+}
+this._description = SimileAjax.HTML.deEntify(args.description);
+this._image = cleanArg('image');
+this._link =  cleanArg('link');
+this._title = cleanArg('hoverText');
+this._title = cleanArg('caption');
+this._icon = cleanArg('icon');
+this._color = cleanArg('color');
+this._textColor = cleanArg('textColor');
+this._classname = cleanArg('classname');
+this._tapeImage = cleanArg('tapeImage');
+this._tapeRepeat = cleanArg('tapeRepeat');
+this._trackNum = cleanArg('trackNum');
+if (this._trackNum != null) {
+this._trackNum = parseInt(this._trackNum);
+}
+this._wikiURL = null;
+this._wikiSection = null;
+};
+Timeline.DefaultEventSource.Event.prototype = {
+getID:          function() { return this._id; },
+isInstant:      function() { return this._instant; },
+isImprecise:    function() { return this._start != this._latestStart || this._end != this._earliestEnd; },
+getStart:       function() { return this._start; },
+getEnd:         function() { return this._end; },
+getLatestStart: function() { return this._latestStart; },
+getEarliestEnd: function() { return this._earliestEnd; },
+getEventID:     function() { return this._eventID; },
+getText:        function() { return this._text; }, // title
+getDescription: function() { return this._description; },
+getImage:       function() { return this._image; },
+getLink:        function() { return this._link; },
+getIcon:        function() { return this._icon; },
+getColor:       function() { return this._color; },
+getTextColor:   function() { return this._textColor; },
+getClassName:   function() { return this._classname; },
+getTapeImage:   function() { return this._tapeImage; },
+getTapeRepeat:  function() { return this._tapeRepeat; },
+getTrackNum:    function() { return this._trackNum; },
+getProperty:    function(name) { return null; },
+getWikiURL:     function() { return this._wikiURL; },
+getWikiSection: function() { return this._wikiSection; },
+setWikiInfo: function(wikiURL, wikiSection) {
+this._wikiURL = wikiURL;
+this._wikiSection = wikiSection;
+},
+fillDescription: function(elmt) {
+elmt.innerHTML = this._description;
+},
+fillWikiInfo: function(elmt) {
+// Many bubbles will not support a wiki link.
+//
+// Strategy: assume no wiki link. If we do have
+// enough parameters for one, then create it.
+elmt.style.display = "none"; // default
+if (this._wikiURL == null || this._wikiSection == null) {
+return; // EARLY RETURN
+}
+// create the wikiID from the property or from the event text (the title)
+var wikiID = this.getProperty("wikiID");
+if (wikiID == null || wikiID.length == 0) {
+wikiID = this.getText(); // use the title as the backup wiki id
+}
+if (wikiID == null || wikiID.length == 0) {
+return; // No wikiID. Thus EARLY RETURN
+}
+// ready to go...
+elmt.style.display = "inline";
+wikiID = wikiID.replace(/\s/g, "_");
+var url = this._wikiURL + this._wikiSection.replace(/\s/g, "_") + "/" + wikiID;
+var a = document.createElement("a");
+a.href = url;
+a.target = "new";
+a.innerHTML = Timeline.strings[Timeline.clientLocale].wikiLinkLabel;
+elmt.appendChild(document.createTextNode("["));
+elmt.appendChild(a);
+elmt.appendChild(document.createTextNode("]"));
+},
+fillTime: function(elmt, labeller) {
+if (this._instant) {
+if (this.isImprecise()) {
+elmt.appendChild(elmt.ownerDocument.createTextNode(labeller.labelPrecise(this._start)));
+elmt.appendChild(elmt.ownerDocument.createElement("br"));
+elmt.appendChild(elmt.ownerDocument.createTextNode(labeller.labelPrecise(this._end)));
+} else {
+elmt.appendChild(elmt.ownerDocument.createTextNode(labeller.labelPrecise(this._start)));
+}
+} else {
+if (this.isImprecise()) {
+elmt.appendChild(elmt.ownerDocument.createTextNode(
+labeller.labelPrecise(this._start) + " ~ " + labeller.labelPrecise(this._latestStart)));
+elmt.appendChild(elmt.ownerDocument.createElement("br"));
+elmt.appendChild(elmt.ownerDocument.createTextNode(
+labeller.labelPrecise(this._earliestEnd) + " ~ " + labeller.labelPrecise(this._end)));
+} else {
+elmt.appendChild(elmt.ownerDocument.createTextNode(labeller.labelPrecise(this._start)));
+elmt.appendChild(elmt.ownerDocument.createElement("br"));
+elmt.appendChild(elmt.ownerDocument.createTextNode(labeller.labelPrecise(this._end)));
+}
+}
+},
+fillInfoBubble: function(elmt, theme, labeller) {
+var doc = elmt.ownerDocument;
+var title = this.getText();
+var link = this.getLink();
+var image = this.getImage();
+if (image != null) {
+var img = doc.createElement("img");
+img.src = image;
+theme.event.bubble.imageStyler(img);
+elmt.appendChild(img);
+}
+var divTitle = doc.createElement("div");
+var textTitle = doc.createTextNode(title);
+if (link != null) {
+var a = doc.createElement("a");
+a.href = link;
+a.appendChild(textTitle);
+divTitle.appendChild(a);
+} else {
+divTitle.appendChild(textTitle);
+}
+theme.event.bubble.titleStyler(divTitle);
+elmt.appendChild(divTitle);
+var divBody = doc.createElement("div");
+this.fillDescription(divBody);
+theme.event.bubble.bodyStyler(divBody);
+elmt.appendChild(divBody);
+var divTime = doc.createElement("div");
+this.fillTime(divTime, labeller);
+theme.event.bubble.timeStyler(divTime);
+elmt.appendChild(divTime);
+var divWiki = doc.createElement("div");
+this.fillWikiInfo(divWiki);
+theme.event.bubble.wikiStyler(divWiki);
+elmt.appendChild(divWiki);
+}
+};
+/*==================================================
+*  Original Event Painter
+*==================================================
+*/
+/*==================================================
+*
+* To enable a single event listener to monitor everything
+* on a Timeline, we need a way to map from an event's icon,
+* label or tape element to the associated timeline, band and
+* specific event.
+*
+* Thus a set format is used for the id's of the
+* events' elements on the Timeline--
+*
+* element id format for labels, icons, tapes:
+*   labels: label-tl-<timelineID>-<band_index>-<evt.id>
+*    icons: icon-tl-<timelineID>-<band_index>-<evt.id>
+*    tapes: tape1-tl-<timelineID>-<band_index>-<evt.id>
+*           tape2-tl-<timelineID>-<band_index>-<evt.id>
+*           // some events have more than one tape
+*    highlight: highlight1-tl-<timelineID>-<band_index>-<evt.id>
+*               highlight2-tl-<timelineID>-<band_index>-<evt.id>
+*           // some events have more than one highlight div (future)
+* You can then retrieve the band/timeline objects and event object
+* by using Timeline.EventUtils.decodeEventElID
+*
+*==================================================
+*/
+/*
+*    eventPaintListener functions receive calls about painting.
+*    function(band, op, evt, els)
+*       context: 'this' will be an OriginalEventPainter object.
+*                It has properties and methods for obtaining
+*                the relevant band, timeline, etc
+*       band = the band being painted
+*       op = 'paintStarting' // the painter is about to remove
+*            all previously painted events, if any. It will
+*            then start painting all of the visible events that
+*            pass the filter.
+*            evt = null, els = null
+*       op = 'paintEnded' // the painter has finished painting
+*            all of the visible events that passed the filter
+*            evt = null, els = null
+*       op = 'paintedEvent' // the painter just finished painting an event
+*            evt = event just painted
+*            els = array of painted elements' divs. Depending on the event,
+*                  the array could be just a tape or icon (if no label).
+*                  Or could include label, multiple tape divs (imprecise event),
+*                  highlight divs. The array is not ordered. The meaning of
+*                  each el is available by decoding the el's id
+*      Note that there may be no paintedEvent calls if no events were visible
+*      or passed the filter.
+*/
+Timeline.OriginalEventPainter = function(params) {
+this._params = params;
+this._onSelectListeners = [];
+this._eventPaintListeners = [];
+this._filterMatcher = null;
+this._highlightMatcher = null;
+this._frc = null;
+this._eventIdToElmt = {};
+};
+Timeline.OriginalEventPainter.prototype.initialize = function(band, timeline) {
+this._band = band;
+this._timeline = timeline;
+this._backLayer = null;
+this._eventLayer = null;
+this._lineLayer = null;
+this._highlightLayer = null;
+this._eventIdToElmt = null;
+};
+Timeline.OriginalEventPainter.prototype.getType = function() {
+return 'original';
+};
+Timeline.OriginalEventPainter.prototype.addOnSelectListener = function(listener) {
+this._onSelectListeners.push(listener);
+};
+Timeline.OriginalEventPainter.prototype.removeOnSelectListener = function(listener) {
+for (var i = 0; i < this._onSelectListeners.length; i++) {
+if (this._onSelectListeners[i] == listener) {
+this._onSelectListeners.splice(i, 1);
+break;
+}
+}
+};
+Timeline.OriginalEventPainter.prototype.addEventPaintListener = function(listener) {
+this._eventPaintListeners.push(listener);
+};
+Timeline.OriginalEventPainter.prototype.removeEventPaintListener = function(listener) {
+for (var i = 0; i < this._eventPaintListeners.length; i++) {
+if (this._eventPaintListeners[i] == listener) {
+this._eventPaintListeners.splice(i, 1);
+break;
+}
+}
+};
+Timeline.OriginalEventPainter.prototype.getFilterMatcher = function() {
+return this._filterMatcher;
+};
+Timeline.OriginalEventPainter.prototype.setFilterMatcher = function(filterMatcher) {
+this._filterMatcher = filterMatcher;
+};
+Timeline.OriginalEventPainter.prototype.getHighlightMatcher = function() {
+return this._highlightMatcher;
+};
+Timeline.OriginalEventPainter.prototype.setHighlightMatcher = function(highlightMatcher) {
+this._highlightMatcher = highlightMatcher;
+};
+Timeline.OriginalEventPainter.prototype.paint = function() {
+// Paints the events for a given section of the band--what is
+// visible on screen and some extra.
+var eventSource = this._band.getEventSource();
+if (eventSource == null) {
+return;
+}
+this._eventIdToElmt = {};
+this._fireEventPaintListeners('paintStarting', null, null);
+this._prepareForPainting();
+var metrics = this._computeMetrics();
+var minDate = this._band.getMinDate();
+var maxDate = this._band.getMaxDate();
+var filterMatcher = (this._filterMatcher != null) ?
+this._filterMatcher :
+function(evt) { return true; };
+var highlightMatcher = (this._highlightMatcher != null) ?
+this._highlightMatcher :
+function(evt) { return -1; };
+var iterator = eventSource.getEventReverseIterator(minDate, maxDate);
+while (iterator.hasNext()) {
+var evt = iterator.next();
+if (filterMatcher(evt)) {
+this.paintEvent(evt, metrics, this._params.theme, highlightMatcher(evt));
+}
+}
+this._highlightLayer.style.display = "block";
+this._lineLayer.style.display = "block";
+this._eventLayer.style.display = "block";
+// update the band object for max number of tracks in this section of the ether
+this._band.updateEventTrackInfo(this._tracks.length, metrics.trackIncrement);
+this._fireEventPaintListeners('paintEnded', null, null);
+this._setOrthogonalOffset(metrics);
+};
+Timeline.OriginalEventPainter.prototype.softPaint = function() {
+this._setOrthogonalOffset(this._computeMetrics());
+};
+Timeline.OriginalEventPainter.prototype._setOrthogonalOffset = function(metrics) {
+var actualViewWidth = 2 * metrics.trackOffset + this._tracks.length * metrics.trackIncrement;
+var minOrthogonalOffset = Math.min(0, this._band.getViewWidth() - actualViewWidth);
+var orthogonalOffset = Math.max(minOrthogonalOffset, this._band.getViewOrthogonalOffset());
+this._highlightLayer.style.top =
+this._lineLayer.style.top =
+this._eventLayer.style.top =
+orthogonalOffset + "px";
+};
+Timeline.OriginalEventPainter.prototype._computeMetrics = function() {
+var eventTheme = this._params.theme.event;
+var trackHeight = Math.max(eventTheme.track.height, eventTheme.tape.height +
+this._frc.getLineHeight());
+var metrics = {
+trackOffset: eventTheme.track.offset,
+trackHeight: trackHeight,
+trackGap: eventTheme.track.gap,
+trackIncrement: trackHeight + eventTheme.track.gap,
+icon: eventTheme.instant.icon,
+iconWidth: eventTheme.instant.iconWidth,
+iconHeight: eventTheme.instant.iconHeight,
+labelWidth: eventTheme.label.width,
+maxLabelChar: eventTheme.label.maxLabelChar,
+impreciseIconMargin: eventTheme.instant.impreciseIconMargin
+};
+return metrics;
+};
+Timeline.OriginalEventPainter.prototype._prepareForPainting = function() {
+// Remove everything previously painted: highlight, line and event layers.
+// Prepare blank layers for painting.
+var band = this._band;
+if (this._backLayer == null) {
+this._backLayer = this._band.createLayerDiv(0, "timeline-band-events");
+this._backLayer.style.visibility = "hidden";
+var eventLabelPrototype = document.createElement("span");
+eventLabelPrototype.className = "timeline-event-label";
+this._backLayer.appendChild(eventLabelPrototype);
+this._frc = SimileAjax.Graphics.getFontRenderingContext(eventLabelPrototype);
+}
+this._frc.update();
+this._tracks = [];
+if (this._highlightLayer != null) {
+band.removeLayerDiv(this._highlightLayer);
+}
+this._highlightLayer = band.createLayerDiv(105, "timeline-band-highlights");
+this._highlightLayer.style.display = "none";
+if (this._lineLayer != null) {
+band.removeLayerDiv(this._lineLayer);
+}
+this._lineLayer = band.createLayerDiv(110, "timeline-band-lines");
+this._lineLayer.style.display = "none";
+if (this._eventLayer != null) {
+band.removeLayerDiv(this._eventLayer);
+}
+this._eventLayer = band.createLayerDiv(115, "timeline-band-events");
+this._eventLayer.style.display = "none";
+};
+Timeline.OriginalEventPainter.prototype.paintEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isInstant()) {
+this.paintInstantEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintDurationEvent(evt, metrics, theme, highlightIndex);
+}
+};
+Timeline.OriginalEventPainter.prototype.paintInstantEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isImprecise()) {
+this.paintImpreciseInstantEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintPreciseInstantEvent(evt, metrics, theme, highlightIndex);
+}
+}
+Timeline.OriginalEventPainter.prototype.paintDurationEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isImprecise()) {
+this.paintImpreciseDurationEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintPreciseDurationEvent(evt, metrics, theme, highlightIndex);
+}
+}
+Timeline.OriginalEventPainter.prototype.paintPreciseInstantEvent = function(evt, metrics, theme, highlightIndex) {
+var doc = this._timeline.getDocument();
+var text = evt.getText();
+var startDate = evt.getStart();
+var startPixel = Math.round(this._band.dateToPixelOffset(startDate));
+var iconRightEdge = Math.round(startPixel + metrics.iconWidth / 2);
+var iconLeftEdge = Math.round(startPixel - metrics.iconWidth / 2);
+var labelDivClassName = this._getLabelDivClassName(evt);
+var labelSize = this._frc.computeSize(text, labelDivClassName);
+var labelLeft = iconRightEdge + theme.event.label.offsetFromLine;
+var labelRight = labelLeft + labelSize.width;
+var rightEdge = labelRight;
+var track = this._findFreeTrack(evt, rightEdge);
+var labelTop = Math.round(
+metrics.trackOffset + track * metrics.trackIncrement +
+metrics.trackHeight / 2 - labelSize.height / 2);
+var iconElmtData = this._paintEventIcon(evt, track, iconLeftEdge, metrics, theme, 0);
+var labelElmtData = this._paintEventLabel(evt, text, labelLeft, labelTop, labelSize.width,
+labelSize.height, theme, labelDivClassName, highlightIndex);
+var els = [iconElmtData.elmt, labelElmtData.elmt];
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickInstantEvent(iconElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(iconElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mousedown", clickHandler);
+var hDiv = this._createHighlightDiv(highlightIndex, iconElmtData, theme, evt);
+if (hDiv != null) {els.push(hDiv);}
+this._fireEventPaintListeners('paintedEvent', evt, els);
+this._eventIdToElmt[evt.getID()] = iconElmtData.elmt;
+this._tracks[track] = iconLeftEdge;
+};
+Timeline.OriginalEventPainter.prototype.paintImpreciseInstantEvent = function(evt, metrics, theme, highlightIndex) {
+var doc = this._timeline.getDocument();
+var text = evt.getText();
+var startDate = evt.getStart();
+var endDate = evt.getEnd();
+var startPixel = Math.round(this._band.dateToPixelOffset(startDate));
+var endPixel = Math.round(this._band.dateToPixelOffset(endDate));
+var iconRightEdge = Math.round(startPixel + metrics.iconWidth / 2);
+var iconLeftEdge = Math.round(startPixel - metrics.iconWidth / 2);
+var labelDivClassName = this._getLabelDivClassName(evt);
+var labelSize = this._frc.computeSize(text, labelDivClassName);
+var labelLeft = iconRightEdge + theme.event.label.offsetFromLine;
+var labelRight = labelLeft + labelSize.width;
+var rightEdge = Math.max(labelRight, endPixel);
+var track = this._findFreeTrack(evt, rightEdge);
+var tapeHeight = theme.event.tape.height;
+var labelTop = Math.round(
+metrics.trackOffset + track * metrics.trackIncrement + tapeHeight);
+var iconElmtData = this._paintEventIcon(evt, track, iconLeftEdge, metrics, theme, tapeHeight);
+var labelElmtData = this._paintEventLabel(evt, text, labelLeft, labelTop, labelSize.width,
+labelSize.height, theme, labelDivClassName, highlightIndex);
+var color = evt.getColor();
+color = color != null ? color : theme.event.instant.impreciseColor;
+var tapeElmtData = this._paintEventTape(evt, track, startPixel, endPixel,
+color, theme.event.instant.impreciseOpacity, metrics, theme, 0);
+var els = [iconElmtData.elmt, labelElmtData.elmt, tapeElmtData.elmt];
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickInstantEvent(iconElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(iconElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(tapeElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mousedown", clickHandler);
+var hDiv = this._createHighlightDiv(highlightIndex, iconElmtData, theme, evt);
+if (hDiv != null) {els.push(hDiv);}
+this._fireEventPaintListeners('paintedEvent', evt, els);
+this._eventIdToElmt[evt.getID()] = iconElmtData.elmt;
+this._tracks[track] = iconLeftEdge;
+};
+Timeline.OriginalEventPainter.prototype.paintPreciseDurationEvent = function(evt, metrics, theme, highlightIndex) {
+var doc = this._timeline.getDocument();
+var text = evt.getText();
+var startDate = evt.getStart();
+var endDate = evt.getEnd();
+var startPixel = Math.round(this._band.dateToPixelOffset(startDate));
+var endPixel = Math.round(this._band.dateToPixelOffset(endDate));
+var labelDivClassName = this._getLabelDivClassName(evt);
+var labelSize = this._frc.computeSize(text, labelDivClassName);
+var labelLeft = startPixel;
+var labelRight = labelLeft + labelSize.width;
+var rightEdge = Math.max(labelRight, endPixel);
+var track = this._findFreeTrack(evt, rightEdge);
+var labelTop = Math.round(
+metrics.trackOffset + track * metrics.trackIncrement + theme.event.tape.height);
+var color = evt.getColor();
+color = color != null ? color : theme.event.duration.color;
+var tapeElmtData = this._paintEventTape(evt, track, startPixel, endPixel, color, 100, metrics, theme, 0);
+var labelElmtData = this._paintEventLabel(evt, text, labelLeft, labelTop, labelSize.width,
+labelSize.height, theme, labelDivClassName, highlightIndex);
+var els = [tapeElmtData.elmt, labelElmtData.elmt];
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickDurationEvent(tapeElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(tapeElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mousedown", clickHandler);
+var hDiv = this._createHighlightDiv(highlightIndex, tapeElmtData, theme, evt);
+if (hDiv != null) {els.push(hDiv);}
+this._fireEventPaintListeners('paintedEvent', evt, els);
+this._eventIdToElmt[evt.getID()] = tapeElmtData.elmt;
+this._tracks[track] = startPixel;
+};
+Timeline.OriginalEventPainter.prototype.paintImpreciseDurationEvent = function(evt, metrics, theme, highlightIndex) {
+var doc = this._timeline.getDocument();
+var text = evt.getText();
+var startDate = evt.getStart();
+var latestStartDate = evt.getLatestStart();
+var endDate = evt.getEnd();
+var earliestEndDate = evt.getEarliestEnd();
+var startPixel = Math.round(this._band.dateToPixelOffset(startDate));
+var latestStartPixel = Math.round(this._band.dateToPixelOffset(latestStartDate));
+var endPixel = Math.round(this._band.dateToPixelOffset(endDate));
+var earliestEndPixel = Math.round(this._band.dateToPixelOffset(earliestEndDate));
+var labelDivClassName = this._getLabelDivClassName(evt);
+var labelSize = this._frc.computeSize(text, labelDivClassName);
+var labelLeft = latestStartPixel;
+var labelRight = labelLeft + labelSize.width;
+var rightEdge = Math.max(labelRight, endPixel);
+var track = this._findFreeTrack(evt, rightEdge);
+var labelTop = Math.round(
+metrics.trackOffset + track * metrics.trackIncrement + theme.event.tape.height);
+var color = evt.getColor();
+color = color != null ? color : theme.event.duration.color;
+// Imprecise events can have two event tapes
+// The imprecise dates tape, uses opacity to be dimmer than precise dates
+var impreciseTapeElmtData = this._paintEventTape(evt, track, startPixel, endPixel,
+theme.event.duration.impreciseColor,
+theme.event.duration.impreciseOpacity, metrics, theme, 0);
+// The precise dates tape, regular (100%) opacity
+var tapeElmtData = this._paintEventTape(evt, track, latestStartPixel,
+earliestEndPixel, color, 100, metrics, theme, 1);
+var labelElmtData = this._paintEventLabel(evt, text, labelLeft, labelTop,
+labelSize.width, labelSize.height, theme, labelDivClassName, highlightIndex);
+var els = [impreciseTapeElmtData.elmt, tapeElmtData.elmt, labelElmtData.elmt];
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickDurationEvent(tapeElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(tapeElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mousedown", clickHandler);
+var hDiv = this._createHighlightDiv(highlightIndex, tapeElmtData, theme, evt);
+if (hDiv != null) {els.push(hDiv);}
+this._fireEventPaintListeners('paintedEvent', evt, els);
+this._eventIdToElmt[evt.getID()] = tapeElmtData.elmt;
+this._tracks[track] = startPixel;
+};
+Timeline.OriginalEventPainter.prototype._encodeEventElID = function(elType, evt) {
+return Timeline.EventUtils.encodeEventElID(this._timeline, this._band, elType, evt);
+};
+Timeline.OriginalEventPainter.prototype._findFreeTrack = function(event, rightEdge) {
+var trackAttribute = event.getTrackNum();
+if (trackAttribute != null) {
+return trackAttribute; // early return since event includes track number
+}
+// normal case: find an open track
+for (var i = 0; i < this._tracks.length; i++) {
+var t = this._tracks[i];
+if (t > rightEdge) {
+break;
+}
+}
+return i;
+};
+Timeline.OriginalEventPainter.prototype._paintEventIcon = function(evt, iconTrack, left, metrics, theme, tapeHeight) {
+// If no tape, then paint the icon in the middle of the track.
+// If there is a tape, paint the icon below the tape + impreciseIconMargin
+var icon = evt.getIcon();
+icon = icon != null ? icon : metrics.icon;
+var top; // top of the icon
+if (tapeHeight > 0) {
+top = metrics.trackOffset + iconTrack * metrics.trackIncrement +
+tapeHeight + metrics.impreciseIconMargin;
+} else {
+var middle = metrics.trackOffset + iconTrack * metrics.trackIncrement +
+metrics.trackHeight / 2;
+top = Math.round(middle - metrics.iconHeight / 2);
+}
+var img = SimileAjax.Graphics.createTranslucentImage(icon);
+var iconDiv = this._timeline.getDocument().createElement("div");
+iconDiv.className = this._getElClassName('timeline-event-icon', evt, 'icon');
+iconDiv.id = this._encodeEventElID('icon', evt);
+iconDiv.style.left = left + "px";
+iconDiv.style.top = top + "px";
+iconDiv.appendChild(img);
+if(evt._title != null)
+iconDiv.title = evt._title;
+this._eventLayer.appendChild(iconDiv);
+return {
+left:   left,
+top:    top,
+width:  metrics.iconWidth,
+height: metrics.iconHeight,
+elmt:   iconDiv
+};
+};
+Timeline.OriginalEventPainter.prototype._paintEventLabel = function(evt, text, left, top, width,
+height, theme, labelDivClassName, highlightIndex) {
+var doc = this._timeline.getDocument();
+var labelDiv = doc.createElement("div");
+labelDiv.className = labelDivClassName;
+labelDiv.id = this._encodeEventElID('label', evt);
+labelDiv.style.left = left + "px";
+labelDiv.style.width = width + "px";
+labelDiv.style.top = top + "px";
+labelDiv.innerHTML = text;
+if(evt._title != null)
+labelDiv.title = evt._title;
+var color = evt.getTextColor();
+if (color == null) {
+color = evt.getColor();
+}
+if (color != null) {
+labelDiv.style.color = color;
+}
+if (theme.event.highlightLabelBackground && highlightIndex >= 0) {
+labelDiv.style.background = this._getHighlightColor(highlightIndex, theme);
+}
+this._eventLayer.appendChild(labelDiv);
+return {
+left:   left,
+top:    top,
+width:  width,
+height: height,
+elmt:   labelDiv
+};
+};
+Timeline.OriginalEventPainter.prototype._paintEventTape = function(
+evt, iconTrack, startPixel, endPixel, color, opacity, metrics, theme, tape_index) {
+var tapeWidth = endPixel - startPixel;
+var tapeHeight = theme.event.tape.height;
+var top = metrics.trackOffset + iconTrack * metrics.trackIncrement;
+var tapeDiv = this._timeline.getDocument().createElement("div");
+tapeDiv.className = this._getElClassName('timeline-event-tape', evt, 'tape');
+tapeDiv.id = this._encodeEventElID('tape' + tape_index, evt);
+tapeDiv.style.left = startPixel + "px";
+tapeDiv.style.width = tapeWidth + "px";
+tapeDiv.style.height = tapeHeight + "px";
+tapeDiv.style.top = top + "px";
+if(evt._title != null)
+tapeDiv.title = evt._title;
+if(color != null) {
+tapeDiv.style.backgroundColor = color;
+}
+var backgroundImage = evt.getTapeImage();
+var backgroundRepeat = evt.getTapeRepeat();
+backgroundRepeat = backgroundRepeat != null ? backgroundRepeat : 'repeat';
+if(backgroundImage != null) {
+tapeDiv.style.backgroundImage = "url(" + backgroundImage + ")";
+tapeDiv.style.backgroundRepeat = backgroundRepeat;
+}
+SimileAjax.Graphics.setOpacity(tapeDiv, opacity);
+this._eventLayer.appendChild(tapeDiv);
+return {
+left:   startPixel,
+top:    top,
+width:  tapeWidth,
+height: tapeHeight,
+elmt:   tapeDiv
+};
+}
+Timeline.OriginalEventPainter.prototype._getLabelDivClassName = function(evt) {
+return this._getElClassName('timeline-event-label', evt, 'label');
+};
+Timeline.OriginalEventPainter.prototype._getElClassName = function(elClassName, evt, prefix) {
+// Prefix and '_' is added to the event's classname. Set to null for no prefix
+var evt_classname = evt.getClassName(),
+pieces = [];
+if (evt_classname) {
+if (prefix) {pieces.push(prefix + '-' + evt_classname + ' ');}
+pieces.push(evt_classname + ' ');
+}
+pieces.push(elClassName);
+return(pieces.join(''));
+};
+Timeline.OriginalEventPainter.prototype._getHighlightColor = function(highlightIndex, theme) {
+var highlightColors = theme.event.highlightColors;
+return highlightColors[Math.min(highlightIndex, highlightColors.length - 1)];
+};
+Timeline.OriginalEventPainter.prototype._createHighlightDiv = function(highlightIndex, dimensions, theme, evt) {
+var div = null;
+if (highlightIndex >= 0) {
+var doc = this._timeline.getDocument();
+var color = this._getHighlightColor(highlightIndex, theme);
+div = doc.createElement("div");
+div.className = this._getElClassName('timeline-event-highlight', evt, 'highlight');
+div.id = this._encodeEventElID('highlight0', evt); // in future will have other
+// highlight divs for tapes + icons
+div.style.position = "absolute";
+div.style.overflow = "hidden";
+div.style.left =    (dimensions.left - 2) + "px";
+div.style.width =   (dimensions.width + 4) + "px";
+div.style.top =     (dimensions.top - 2) + "px";
+div.style.height =  (dimensions.height + 4) + "px";
+div.style.background = color;
+this._highlightLayer.appendChild(div);
+}
+return div;
+};
+Timeline.OriginalEventPainter.prototype._onClickInstantEvent = function(icon, domEvt, evt) {
+var c = SimileAjax.DOM.getPageCoordinates(icon);
+this._showBubble(
+c.left + Math.ceil(icon.offsetWidth / 2),
+c.top + Math.ceil(icon.offsetHeight / 2),
+evt
+);
+this._fireOnSelect(evt.getID());
+domEvt.cancelBubble = true;
+SimileAjax.DOM.cancelEvent(domEvt);
+return false;
+};
+Timeline.OriginalEventPainter.prototype._onClickDurationEvent = function(target, domEvt, evt) {
+if ("pageX" in domEvt) {
+var x = domEvt.pageX;
+var y = domEvt.pageY;
+} else {
+var c = SimileAjax.DOM.getPageCoordinates(target);
+var x = domEvt.offsetX + c.left;
+var y = domEvt.offsetY + c.top;
+}
+this._showBubble(x, y, evt);
+this._fireOnSelect(evt.getID());
+domEvt.cancelBubble = true;
+SimileAjax.DOM.cancelEvent(domEvt);
+return false;
+};
+Timeline.OriginalEventPainter.prototype.showBubble = function(evt) {
+var elmt = this._eventIdToElmt[evt.getID()];
+if (elmt) {
+var c = SimileAjax.DOM.getPageCoordinates(elmt);
+this._showBubble(c.left + elmt.offsetWidth / 2, c.top + elmt.offsetHeight / 2, evt);
+}
+};
+Timeline.OriginalEventPainter.prototype._showBubble = function(x, y, evt) {
+var div = document.createElement("div");
+var themeBubble = this._params.theme.event.bubble;
+evt.fillInfoBubble(div, this._params.theme, this._band.getLabeller());
+SimileAjax.WindowManager.cancelPopups();
+SimileAjax.Graphics.createBubbleForContentAndPoint(div, x, y,
+themeBubble.width, null, themeBubble.maxHeight);
+};
+Timeline.OriginalEventPainter.prototype._fireOnSelect = function(eventID) {
+for (var i = 0; i < this._onSelectListeners.length; i++) {
+this._onSelectListeners[i](eventID);
+}
+};
+Timeline.OriginalEventPainter.prototype._fireEventPaintListeners = function(op, evt, els) {
+for (var i = 0; i < this._eventPaintListeners.length; i++) {
+this._eventPaintListeners[i](this._band, op, evt, els);
+}
+};
+/*==================================================
+*  Detailed Event Painter
+*==================================================
+*/
+// Note: a number of features from original-painter
+//       are not yet implemented in detailed painter.
+//       Eg classname, id attributes for icons, labels, tapes
+Timeline.DetailedEventPainter = function(params) {
+this._params = params;
+this._onSelectListeners = [];
+this._filterMatcher = null;
+this._highlightMatcher = null;
+this._frc = null;
+this._eventIdToElmt = {};
+};
+Timeline.DetailedEventPainter.prototype.initialize = function(band, timeline) {
+this._band = band;
+this._timeline = timeline;
+this._backLayer = null;
+this._eventLayer = null;
+this._lineLayer = null;
+this._highlightLayer = null;
+this._eventIdToElmt = null;
+};
+Timeline.DetailedEventPainter.prototype.getType = function() {
+return 'detailed';
+};
+Timeline.DetailedEventPainter.prototype.addOnSelectListener = function(listener) {
+this._onSelectListeners.push(listener);
+};
+Timeline.DetailedEventPainter.prototype.removeOnSelectListener = function(listener) {
+for (var i = 0; i < this._onSelectListeners.length; i++) {
+if (this._onSelectListeners[i] == listener) {
+this._onSelectListeners.splice(i, 1);
+break;
+}
+}
+};
+Timeline.DetailedEventPainter.prototype.getFilterMatcher = function() {
+return this._filterMatcher;
+};
+Timeline.DetailedEventPainter.prototype.setFilterMatcher = function(filterMatcher) {
+this._filterMatcher = filterMatcher;
+};
+Timeline.DetailedEventPainter.prototype.getHighlightMatcher = function() {
+return this._highlightMatcher;
+};
+Timeline.DetailedEventPainter.prototype.setHighlightMatcher = function(highlightMatcher) {
+this._highlightMatcher = highlightMatcher;
+};
+Timeline.DetailedEventPainter.prototype.paint = function() {
+var eventSource = this._band.getEventSource();
+if (eventSource == null) {
+return;
+}
+this._eventIdToElmt = {};
+this._prepareForPainting();
+var eventTheme = this._params.theme.event;
+var trackHeight = Math.max(eventTheme.track.height, this._frc.getLineHeight());
+var metrics = {
+trackOffset:    Math.round(this._band.getViewWidth() / 2 - trackHeight / 2),
+trackHeight:    trackHeight,
+trackGap:       eventTheme.track.gap,
+trackIncrement: trackHeight + eventTheme.track.gap,
+icon:           eventTheme.instant.icon,
+iconWidth:      eventTheme.instant.iconWidth,
+iconHeight:     eventTheme.instant.iconHeight,
+labelWidth:     eventTheme.label.width
+}
+var minDate = this._band.getMinDate();
+var maxDate = this._band.getMaxDate();
+var filterMatcher = (this._filterMatcher != null) ?
+this._filterMatcher :
+function(evt) { return true; };
+var highlightMatcher = (this._highlightMatcher != null) ?
+this._highlightMatcher :
+function(evt) { return -1; };
+var iterator = eventSource.getEventReverseIterator(minDate, maxDate);
+while (iterator.hasNext()) {
+var evt = iterator.next();
+if (filterMatcher(evt)) {
+this.paintEvent(evt, metrics, this._params.theme, highlightMatcher(evt));
+}
+}
+this._highlightLayer.style.display = "block";
+this._lineLayer.style.display = "block";
+this._eventLayer.style.display = "block";
+// update the band object for max number of tracks in this section of the ether
+this._band.updateEventTrackInfo(this._lowerTracks.length + this._upperTracks.length,
+metrics.trackIncrement);
+};
+Timeline.DetailedEventPainter.prototype.softPaint = function() {
+};
+Timeline.DetailedEventPainter.prototype._prepareForPainting = function() {
+var band = this._band;
+if (this._backLayer == null) {
+this._backLayer = this._band.createLayerDiv(0, "timeline-band-events");
+this._backLayer.style.visibility = "hidden";
+var eventLabelPrototype = document.createElement("span");
+eventLabelPrototype.className = "timeline-event-label";
+this._backLayer.appendChild(eventLabelPrototype);
+this._frc = SimileAjax.Graphics.getFontRenderingContext(eventLabelPrototype);
+}
+this._frc.update();
+this._lowerTracks = [];
+this._upperTracks = [];
+if (this._highlightLayer != null) {
+band.removeLayerDiv(this._highlightLayer);
+}
+this._highlightLayer = band.createLayerDiv(105, "timeline-band-highlights");
+this._highlightLayer.style.display = "none";
+if (this._lineLayer != null) {
+band.removeLayerDiv(this._lineLayer);
+}
+this._lineLayer = band.createLayerDiv(110, "timeline-band-lines");
+this._lineLayer.style.display = "none";
+if (this._eventLayer != null) {
+band.removeLayerDiv(this._eventLayer);
+}
+this._eventLayer = band.createLayerDiv(110, "timeline-band-events");
+this._eventLayer.style.display = "none";
+};
+Timeline.DetailedEventPainter.prototype.paintEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isInstant()) {
+this.paintInstantEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintDurationEvent(evt, metrics, theme, highlightIndex);
+}
+};
+Timeline.DetailedEventPainter.prototype.paintInstantEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isImprecise()) {
+this.paintImpreciseInstantEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintPreciseInstantEvent(evt, metrics, theme, highlightIndex);
+}
+}
+Timeline.DetailedEventPainter.prototype.paintDurationEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isImprecise()) {
+this.paintImpreciseDurationEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintPreciseDurationEvent(evt, metrics, theme, highlightIndex);
+}
+}
+Timeline.DetailedEventPainter.prototype.paintPreciseInstantEvent = function(evt, metrics, theme, highlightIndex) {
+var doc = this._timeline.getDocument();
+var text = evt.getText();
+var startDate = evt.getStart();
+var startPixel = Math.round(this._band.dateToPixelOffset(startDate));
+var iconRightEdge = Math.round(startPixel + metrics.iconWidth / 2);
+var iconLeftEdge = Math.round(startPixel - metrics.iconWidth / 2);
+var labelSize = this._frc.computeSize(text);
+var iconTrack = this._findFreeTrackForSolid(iconRightEdge, startPixel);
+var iconElmtData = this._paintEventIcon(evt, iconTrack, iconLeftEdge, metrics, theme);
+var labelLeft = iconRightEdge + theme.event.label.offsetFromLine;
+var labelTrack = iconTrack;
+var iconTrackData = this._getTrackData(iconTrack);
+if (Math.min(iconTrackData.solid, iconTrackData.text) >= labelLeft + labelSize.width) { // label on the same track, to the right of icon
+iconTrackData.solid = iconLeftEdge;
+iconTrackData.text = labelLeft;
+} else { // label on a different track, below icon
+iconTrackData.solid = iconLeftEdge;
+labelLeft = startPixel + theme.event.label.offsetFromLine;
+labelTrack = this._findFreeTrackForText(iconTrack, labelLeft + labelSize.width, function(t) { t.line = startPixel - 2; });
+this._getTrackData(labelTrack).text = iconLeftEdge;
+this._paintEventLine(evt, startPixel, iconTrack, labelTrack, metrics, theme);
+}
+var labelTop = Math.round(
+metrics.trackOffset + labelTrack * metrics.trackIncrement +
+metrics.trackHeight / 2 - labelSize.height / 2);
+var labelElmtData = this._paintEventLabel(evt, text, labelLeft, labelTop, labelSize.width, labelSize.height, theme);
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickInstantEvent(iconElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(iconElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mousedown", clickHandler);
+this._createHighlightDiv(highlightIndex, iconElmtData, theme);
+this._eventIdToElmt[evt.getID()] = iconElmtData.elmt;
+};
+Timeline.DetailedEventPainter.prototype.paintImpreciseInstantEvent = function(evt, metrics, theme, highlightIndex) {
+var doc = this._timeline.getDocument();
+var text = evt.getText();
+var startDate = evt.getStart();
+var endDate = evt.getEnd();
+var startPixel = Math.round(this._band.dateToPixelOffset(startDate));
+var endPixel = Math.round(this._band.dateToPixelOffset(endDate));
+var iconRightEdge = Math.round(startPixel + metrics.iconWidth / 2);
+var iconLeftEdge = Math.round(startPixel - metrics.iconWidth / 2);
+var labelSize = this._frc.computeSize(text);
+var iconTrack = this._findFreeTrackForSolid(endPixel, startPixel);
+var tapeElmtData = this._paintEventTape(evt, iconTrack, startPixel, endPixel,
+theme.event.instant.impreciseColor, theme.event.instant.impreciseOpacity, metrics, theme);
+var iconElmtData = this._paintEventIcon(evt, iconTrack, iconLeftEdge, metrics, theme);
+var iconTrackData = this._getTrackData(iconTrack);
+iconTrackData.solid = iconLeftEdge;
+var labelLeft = iconRightEdge + theme.event.label.offsetFromLine;
+var labelRight = labelLeft + labelSize.width;
+var labelTrack;
+if (labelRight < endPixel) {
+labelTrack = iconTrack;
+} else {
+labelLeft = startPixel + theme.event.label.offsetFromLine;
+labelRight = labelLeft + labelSize.width;
+labelTrack = this._findFreeTrackForText(iconTrack, labelRight, function(t) { t.line = startPixel - 2; });
+this._getTrackData(labelTrack).text = iconLeftEdge;
+this._paintEventLine(evt, startPixel, iconTrack, labelTrack, metrics, theme);
+}
+var labelTop = Math.round(
+metrics.trackOffset + labelTrack * metrics.trackIncrement +
+metrics.trackHeight / 2 - labelSize.height / 2);
+var labelElmtData = this._paintEventLabel(evt, text, labelLeft, labelTop, labelSize.width, labelSize.height, theme);
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickInstantEvent(iconElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(iconElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(tapeElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mousedown", clickHandler);
+this._createHighlightDiv(highlightIndex, iconElmtData, theme);
+this._eventIdToElmt[evt.getID()] = iconElmtData.elmt;
+};
+Timeline.DetailedEventPainter.prototype.paintPreciseDurationEvent = function(evt, metrics, theme, highlightIndex) {
+var doc = this._timeline.getDocument();
+var text = evt.getText();
+var startDate = evt.getStart();
+var endDate = evt.getEnd();
+var startPixel = Math.round(this._band.dateToPixelOffset(startDate));
+var endPixel = Math.round(this._band.dateToPixelOffset(endDate));
+var labelSize = this._frc.computeSize(text);
+var tapeTrack = this._findFreeTrackForSolid(endPixel);
+var color = evt.getColor();
+color = color != null ? color : theme.event.duration.color;
+var tapeElmtData = this._paintEventTape(evt, tapeTrack, startPixel, endPixel, color, 100, metrics, theme);
+var tapeTrackData = this._getTrackData(tapeTrack);
+tapeTrackData.solid = startPixel;
+var labelLeft = startPixel + theme.event.label.offsetFromLine;
+var labelTrack = this._findFreeTrackForText(tapeTrack, labelLeft + labelSize.width, function(t) { t.line = startPixel - 2; });
+this._getTrackData(labelTrack).text = startPixel - 2;
+this._paintEventLine(evt, startPixel, tapeTrack, labelTrack, metrics, theme);
+var labelTop = Math.round(
+metrics.trackOffset + labelTrack * metrics.trackIncrement +
+metrics.trackHeight / 2 - labelSize.height / 2);
+var labelElmtData = this._paintEventLabel(evt, text, labelLeft, labelTop, labelSize.width, labelSize.height, theme);
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickDurationEvent(tapeElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(tapeElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mousedown", clickHandler);
+this._createHighlightDiv(highlightIndex, tapeElmtData, theme);
+this._eventIdToElmt[evt.getID()] = tapeElmtData.elmt;
+};
+Timeline.DetailedEventPainter.prototype.paintImpreciseDurationEvent = function(evt, metrics, theme, highlightIndex) {
+var doc = this._timeline.getDocument();
+var text = evt.getText();
+var startDate = evt.getStart();
+var latestStartDate = evt.getLatestStart();
+var endDate = evt.getEnd();
+var earliestEndDate = evt.getEarliestEnd();
+var startPixel = Math.round(this._band.dateToPixelOffset(startDate));
+var latestStartPixel = Math.round(this._band.dateToPixelOffset(latestStartDate));
+var endPixel = Math.round(this._band.dateToPixelOffset(endDate));
+var earliestEndPixel = Math.round(this._band.dateToPixelOffset(earliestEndDate));
+var labelSize = this._frc.computeSize(text);
+var tapeTrack = this._findFreeTrackForSolid(endPixel);
+var color = evt.getColor();
+color = color != null ? color : theme.event.duration.color;
+var impreciseTapeElmtData = this._paintEventTape(evt, tapeTrack, startPixel, endPixel,
+theme.event.duration.impreciseColor, theme.event.duration.impreciseOpacity, metrics, theme);
+var tapeElmtData = this._paintEventTape(evt, tapeTrack, latestStartPixel, earliestEndPixel, color, 100, metrics, theme);
+var tapeTrackData = this._getTrackData(tapeTrack);
+tapeTrackData.solid = startPixel;
+var labelLeft = latestStartPixel + theme.event.label.offsetFromLine;
+var labelTrack = this._findFreeTrackForText(tapeTrack, labelLeft + labelSize.width, function(t) { t.line = latestStartPixel - 2; });
+this._getTrackData(labelTrack).text = latestStartPixel - 2;
+this._paintEventLine(evt, latestStartPixel, tapeTrack, labelTrack, metrics, theme);
+var labelTop = Math.round(
+metrics.trackOffset + labelTrack * metrics.trackIncrement +
+metrics.trackHeight / 2 - labelSize.height / 2);
+var labelElmtData = this._paintEventLabel(evt, text, labelLeft, labelTop, labelSize.width, labelSize.height, theme);
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickDurationEvent(tapeElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(tapeElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mousedown", clickHandler);
+this._createHighlightDiv(highlightIndex, tapeElmtData, theme);
+this._eventIdToElmt[evt.getID()] = tapeElmtData.elmt;
+};
+Timeline.DetailedEventPainter.prototype._findFreeTrackForSolid = function(solidEdge, softEdge) {
+for (var i = 0; true; i++) {
+if (i < this._lowerTracks.length) {
+var t = this._lowerTracks[i];
+if (Math.min(t.solid, t.text) > solidEdge && (!(softEdge) || t.line > softEdge)) {
+return i;
+}
+} else {
+this._lowerTracks.push({
+solid:  Number.POSITIVE_INFINITY,
+text:   Number.POSITIVE_INFINITY,
+line:   Number.POSITIVE_INFINITY
+});
+return i;
+}
+if (i < this._upperTracks.length) {
+var t = this._upperTracks[i];
+if (Math.min(t.solid, t.text) > solidEdge && (!(softEdge) || t.line > softEdge)) {
+return -1 - i;
+}
+} else {
+this._upperTracks.push({
+solid:  Number.POSITIVE_INFINITY,
+text:   Number.POSITIVE_INFINITY,
+line:   Number.POSITIVE_INFINITY
+});
+return -1 - i;
+}
+}
+};
+Timeline.DetailedEventPainter.prototype._findFreeTrackForText = function(fromTrack, edge, occupiedTrackVisitor) {
+var extendUp;
+var index;
+var firstIndex;
+var result;
+if (fromTrack < 0) {
+extendUp = true;
+firstIndex = -fromTrack;
+index = this._findFreeUpperTrackForText(firstIndex, edge);
+result = -1 - index;
+} else if (fromTrack > 0) {
+extendUp = false;
+firstIndex = fromTrack + 1;
+index = this._findFreeLowerTrackForText(firstIndex, edge);
+result = index;
+} else {
+var upIndex = this._findFreeUpperTrackForText(0, edge);
+var downIndex = this._findFreeLowerTrackForText(1, edge);
+if (downIndex - 1 <= upIndex) {
+extendUp = false;
+firstIndex = 1;
+index = downIndex;
+result = index;
+} else {
+extendUp = true;
+firstIndex = 0;
+index = upIndex;
+result = -1 - index;
+}
+}
+if (extendUp) {
+if (index == this._upperTracks.length) {
+this._upperTracks.push({
+solid:  Number.POSITIVE_INFINITY,
+text:   Number.POSITIVE_INFINITY,
+line:   Number.POSITIVE_INFINITY
+});
+}
+for (var i = firstIndex; i < index; i++) {
+occupiedTrackVisitor(this._upperTracks[i]);
+}
+} else {
+if (index == this._lowerTracks.length) {
+this._lowerTracks.push({
+solid:  Number.POSITIVE_INFINITY,
+text:   Number.POSITIVE_INFINITY,
+line:   Number.POSITIVE_INFINITY
+});
+}
+for (var i = firstIndex; i < index; i++) {
+occupiedTrackVisitor(this._lowerTracks[i]);
+}
+}
+return result;
+};
+Timeline.DetailedEventPainter.prototype._findFreeLowerTrackForText = function(index, edge) {
+for (; index < this._lowerTracks.length; index++) {
+var t = this._lowerTracks[index];
+if (Math.min(t.solid, t.text) >= edge) {
+break;
+}
+}
+return index;
+};
+Timeline.DetailedEventPainter.prototype._findFreeUpperTrackForText = function(index, edge) {
+for (; index < this._upperTracks.length; index++) {
+var t = this._upperTracks[index];
+if (Math.min(t.solid, t.text) >= edge) {
+break;
+}
+}
+return index;
+};
+Timeline.DetailedEventPainter.prototype._getTrackData = function(index) {
+return (index < 0) ? this._upperTracks[-index - 1] : this._lowerTracks[index];
+};
+Timeline.DetailedEventPainter.prototype._paintEventLine = function(evt, left, startTrack, endTrack, metrics, theme) {
+var top = Math.round(metrics.trackOffset + startTrack * metrics.trackIncrement + metrics.trackHeight / 2);
+var height = Math.round(Math.abs(endTrack - startTrack) * metrics.trackIncrement);
+var lineStyle = "1px solid " + theme.event.label.lineColor;
+var lineDiv = this._timeline.getDocument().createElement("div");
+	lineDiv.style.position = "absolute";
+lineDiv.style.left = left + "px";
+lineDiv.style.width = theme.event.label.offsetFromLine + "px";
+lineDiv.style.height = height + "px";
+if (startTrack > endTrack) {
+lineDiv.style.top = (top - height) + "px";
+lineDiv.style.borderTop = lineStyle;
+} else {
+lineDiv.style.top = top + "px";
+lineDiv.style.borderBottom = lineStyle;
+}
+lineDiv.style.borderLeft = lineStyle;
+this._lineLayer.appendChild(lineDiv);
+};
+Timeline.DetailedEventPainter.prototype._paintEventIcon = function(evt, iconTrack, left, metrics, theme) {
+var icon = evt.getIcon();
+icon = icon != null ? icon : metrics.icon;
+var middle = metrics.trackOffset + iconTrack * metrics.trackIncrement + metrics.trackHeight / 2;
+var top = Math.round(middle - metrics.iconHeight / 2);
+var img = SimileAjax.Graphics.createTranslucentImage(icon);
+var iconDiv = this._timeline.getDocument().createElement("div");
+iconDiv.style.position = "absolute";
+iconDiv.style.left = left + "px";
+iconDiv.style.top = top + "px";
+iconDiv.appendChild(img);
+iconDiv.style.cursor = "pointer";
+if(evt._title != null)
+iconDiv.title = evt._title
+this._eventLayer.appendChild(iconDiv);
+return {
+left:   left,
+top:    top,
+width:  metrics.iconWidth,
+height: metrics.iconHeight,
+elmt:   iconDiv
+};
+};
+Timeline.DetailedEventPainter.prototype._paintEventLabel = function(evt, text, left, top, width, height, theme) {
+var doc = this._timeline.getDocument();
+var labelBackgroundDiv = doc.createElement("div");
+labelBackgroundDiv.style.position = "absolute";
+labelBackgroundDiv.style.left = left + "px";
+labelBackgroundDiv.style.width = width + "px";
+labelBackgroundDiv.style.top = top + "px";
+labelBackgroundDiv.style.height = height + "px";
+labelBackgroundDiv.style.backgroundColor = theme.event.label.backgroundColor;
+SimileAjax.Graphics.setOpacity(labelBackgroundDiv, theme.event.label.backgroundOpacity);
+this._eventLayer.appendChild(labelBackgroundDiv);
+var labelDiv = doc.createElement("div");
+labelDiv.style.position = "absolute";
+labelDiv.style.left = left + "px";
+labelDiv.style.width = width + "px";
+labelDiv.style.top = top + "px";
+labelDiv.innerHTML = text;
+labelDiv.style.cursor = "pointer";
+if(evt._title != null)
+labelDiv.title = evt._title;
+var color = evt.getTextColor();
+if (color == null) {
+color = evt.getColor();
+}
+if (color != null) {
+labelDiv.style.color = color;
+}
+this._eventLayer.appendChild(labelDiv);
+return {
+left:   left,
+top:    top,
+width:  width,
+height: height,
+elmt:   labelDiv
+};
+};
+Timeline.DetailedEventPainter.prototype._paintEventTape = function(
+evt, iconTrack, startPixel, endPixel, color, opacity, metrics, theme) {
+var tapeWidth = endPixel - startPixel;
+var tapeHeight = theme.event.tape.height;
+var middle = metrics.trackOffset + iconTrack * metrics.trackIncrement + metrics.trackHeight / 2;
+var top = Math.round(middle - tapeHeight / 2);
+var tapeDiv = this._timeline.getDocument().createElement("div");
+tapeDiv.style.position = "absolute";
+tapeDiv.style.left = startPixel + "px";
+tapeDiv.style.width = tapeWidth + "px";
+tapeDiv.style.top = top + "px";
+tapeDiv.style.height = tapeHeight + "px";
+tapeDiv.style.backgroundColor = color;
+tapeDiv.style.overflow = "hidden";
+tapeDiv.style.cursor = "pointer";
+if(evt._title != null)
+tapeDiv.title = evt._title;
+SimileAjax.Graphics.setOpacity(tapeDiv, opacity);
+this._eventLayer.appendChild(tapeDiv);
+return {
+left:   startPixel,
+top:    top,
+width:  tapeWidth,
+height: tapeHeight,
+elmt:   tapeDiv
+};
+}
+Timeline.DetailedEventPainter.prototype._createHighlightDiv = function(highlightIndex, dimensions, theme) {
+if (highlightIndex >= 0) {
+var doc = this._timeline.getDocument();
+var eventTheme = theme.event;
+var color = eventTheme.highlightColors[Math.min(highlightIndex, eventTheme.highlightColors.length - 1)];
+var div = doc.createElement("div");
+div.style.position = "absolute";
+div.style.overflow = "hidden";
+div.style.left =    (dimensions.left - 2) + "px";
+div.style.width =   (dimensions.width + 4) + "px";
+div.style.top =     (dimensions.top - 2) + "px";
+div.style.height =  (dimensions.height + 4) + "px";
+div.style.background = color;
+this._highlightLayer.appendChild(div);
+}
+};
+Timeline.DetailedEventPainter.prototype._onClickInstantEvent = function(icon, domEvt, evt) {
+var c = SimileAjax.DOM.getPageCoordinates(icon);
+this._showBubble(
+c.left + Math.ceil(icon.offsetWidth / 2),
+c.top + Math.ceil(icon.offsetHeight / 2),
+evt
+);
+this._fireOnSelect(evt.getID());
+domEvt.cancelBubble = true;
+SimileAjax.DOM.cancelEvent(domEvt);
+return false;
+};
+Timeline.DetailedEventPainter.prototype._onClickDurationEvent = function(target, domEvt, evt) {
+if ("pageX" in domEvt) {
+var x = domEvt.pageX;
+var y = domEvt.pageY;
+} else {
+var c = SimileAjax.DOM.getPageCoordinates(target);
+var x = domEvt.offsetX + c.left;
+var y = domEvt.offsetY + c.top;
+}
+this._showBubble(x, y, evt);
+this._fireOnSelect(evt.getID());
+domEvt.cancelBubble = true;
+SimileAjax.DOM.cancelEvent(domEvt);
+return false;
+};
+Timeline.DetailedEventPainter.prototype.showBubble = function(evt) {
+var elmt = this._eventIdToElmt[evt.getID()];
+if (elmt) {
+var c = SimileAjax.DOM.getPageCoordinates(elmt);
+this._showBubble(c.left + elmt.offsetWidth / 2, c.top + elmt.offsetHeight / 2, evt);
+}
+};
+Timeline.DetailedEventPainter.prototype._showBubble = function(x, y, evt) {
+var div = document.createElement("div");
+var themeBubble = this._params.theme.event.bubble;
+evt.fillInfoBubble(div, this._params.theme, this._band.getLabeller());
+SimileAjax.WindowManager.cancelPopups();
+SimileAjax.Graphics.createBubbleForContentAndPoint(div, x, y,
+themeBubble.width, null, themeBubble.maxHeight);
+};
+Timeline.DetailedEventPainter.prototype._fireOnSelect = function(eventID) {
+for (var i = 0; i < this._onSelectListeners.length; i++) {
+this._onSelectListeners[i](eventID);
+}
+};
+/*==================================================
+*  Overview Event Painter
+*==================================================
+*/
+Timeline.OverviewEventPainter = function(params) {
+this._params = params;
+this._onSelectListeners = [];
+this._filterMatcher = null;
+this._highlightMatcher = null;
+};
+Timeline.OverviewEventPainter.prototype.initialize = function(band, timeline) {
+this._band = band;
+this._timeline = timeline;
+this._eventLayer = null;
+this._highlightLayer = null;
+};
+Timeline.OverviewEventPainter.prototype.getType = function() {
+return 'overview';
+};
+Timeline.OverviewEventPainter.prototype.addOnSelectListener = function(listener) {
+this._onSelectListeners.push(listener);
+};
+Timeline.OverviewEventPainter.prototype.removeOnSelectListener = function(listener) {
+for (var i = 0; i < this._onSelectListeners.length; i++) {
+if (this._onSelectListeners[i] == listener) {
+this._onSelectListeners.splice(i, 1);
+break;
+}
+}
+};
+Timeline.OverviewEventPainter.prototype.getFilterMatcher = function() {
+return this._filterMatcher;
+};
+Timeline.OverviewEventPainter.prototype.setFilterMatcher = function(filterMatcher) {
+this._filterMatcher = filterMatcher;
+};
+Timeline.OverviewEventPainter.prototype.getHighlightMatcher = function() {
+return this._highlightMatcher;
+};
+Timeline.OverviewEventPainter.prototype.setHighlightMatcher = function(highlightMatcher) {
+this._highlightMatcher = highlightMatcher;
+};
+Timeline.OverviewEventPainter.prototype.paint = function() {
+var eventSource = this._band.getEventSource();
+if (eventSource == null) {
+return;
+}
+this._prepareForPainting();
+var eventTheme = this._params.theme.event;
+var metrics = {
+trackOffset:    eventTheme.overviewTrack.offset,
+trackHeight:    eventTheme.overviewTrack.height,
+trackGap:       eventTheme.overviewTrack.gap,
+trackIncrement: eventTheme.overviewTrack.height + eventTheme.overviewTrack.gap
+}
+var minDate = this._band.getMinDate();
+var maxDate = this._band.getMaxDate();
+var filterMatcher = (this._filterMatcher != null) ?
+this._filterMatcher :
+function(evt) { return true; };
+var highlightMatcher = (this._highlightMatcher != null) ?
+this._highlightMatcher :
+function(evt) { return -1; };
+var iterator = eventSource.getEventReverseIterator(minDate, maxDate);
+while (iterator.hasNext()) {
+var evt = iterator.next();
+if (filterMatcher(evt)) {
+this.paintEvent(evt, metrics, this._params.theme, highlightMatcher(evt));
+}
+}
+this._highlightLayer.style.display = "block";
+this._eventLayer.style.display = "block";
+// update the band object for max number of tracks in this section of the ether
+this._band.updateEventTrackInfo(this._tracks.length, metrics.trackIncrement);
+};
+Timeline.OverviewEventPainter.prototype.softPaint = function() {
+};
+Timeline.OverviewEventPainter.prototype._prepareForPainting = function() {
+var band = this._band;
+this._tracks = [];
+if (this._highlightLayer != null) {
+band.removeLayerDiv(this._highlightLayer);
+}
+this._highlightLayer = band.createLayerDiv(105, "timeline-band-highlights");
+this._highlightLayer.style.display = "none";
+if (this._eventLayer != null) {
+band.removeLayerDiv(this._eventLayer);
+}
+this._eventLayer = band.createLayerDiv(110, "timeline-band-events");
+this._eventLayer.style.display = "none";
+};
+Timeline.OverviewEventPainter.prototype.paintEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isInstant()) {
+this.paintInstantEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintDurationEvent(evt, metrics, theme, highlightIndex);
+}
+};
+Timeline.OverviewEventPainter.prototype.paintInstantEvent = function(evt, metrics, theme, highlightIndex) {
+var startDate = evt.getStart();
+var startPixel = Math.round(this._band.dateToPixelOffset(startDate));
+var color = evt.getColor(),
+klassName = evt.getClassName();
+if (klassName) {
+color = null;
+} else {
+color = color != null ? color : theme.event.duration.color;
+}
+var tickElmtData = this._paintEventTick(evt, startPixel, color, 100, metrics, theme);
+this._createHighlightDiv(highlightIndex, tickElmtData, theme);
+};
+Timeline.OverviewEventPainter.prototype.paintDurationEvent = function(evt, metrics, theme, highlightIndex) {
+var latestStartDate = evt.getLatestStart();
+var earliestEndDate = evt.getEarliestEnd();
+var latestStartPixel = Math.round(this._band.dateToPixelOffset(latestStartDate));
+var earliestEndPixel = Math.round(this._band.dateToPixelOffset(earliestEndDate));
+var tapeTrack = 0;
+for (; tapeTrack < this._tracks.length; tapeTrack++) {
+if (earliestEndPixel < this._tracks[tapeTrack]) {
+break;
+}
+}
+this._tracks[tapeTrack] = earliestEndPixel;
+var color = evt.getColor(),
+klassName = evt.getClassName();
+if (klassName) {
+color = null;
+} else {
+color = color != null ? color : theme.event.duration.color;
+}
+var tapeElmtData = this._paintEventTape(evt, tapeTrack, latestStartPixel, earliestEndPixel,
+color, 100, metrics, theme, klassName);
+this._createHighlightDiv(highlightIndex, tapeElmtData, theme);
+};
+Timeline.OverviewEventPainter.prototype._paintEventTape = function(
+evt, track, left, right, color, opacity, metrics, theme, klassName) {
+var top = metrics.trackOffset + track * metrics.trackIncrement;
+var width = right - left;
+var height = metrics.trackHeight;
+var tapeDiv = this._timeline.getDocument().createElement("div");
+tapeDiv.className = 'timeline-small-event-tape'
+if (klassName) {tapeDiv.className += ' small-' + klassName;}
+tapeDiv.style.left = left + "px";
+tapeDiv.style.width = width + "px";
+tapeDiv.style.top = top + "px";
+tapeDiv.style.height = height + "px";
+if (color) {
+tapeDiv.style.backgroundColor = color; // set color here if defined by event. Else use css
+}
+//   tapeDiv.style.overflow = "hidden";   // now set in css
+//   tapeDiv.style.position = "absolute";
+if(opacity<100) SimileAjax.Graphics.setOpacity(tapeDiv, opacity);
+this._eventLayer.appendChild(tapeDiv);
+return {
+left:   left,
+top:    top,
+width:  width,
+height: height,
+elmt:   tapeDiv
+};
+}
+Timeline.OverviewEventPainter.prototype._paintEventTick = function(
+evt, left, color, opacity, metrics, theme) {
+var height = theme.event.overviewTrack.tickHeight;
+var top = metrics.trackOffset - height;
+var width = 1;
+var tickDiv = this._timeline.getDocument().createElement("div");
+	  tickDiv.className = 'timeline-small-event-icon'
+tickDiv.style.left = left + "px";
+tickDiv.style.top = top + "px";
+//  tickDiv.style.width = width + "px";
+//  tickDiv.style.position = "absolute";
+//  tickDiv.style.height = height + "px";
+//  tickDiv.style.backgroundColor = color;
+//  tickDiv.style.overflow = "hidden";
+var klassName = evt.getClassName()
+if (klassName) {tickDiv.className +=' small-' + klassName};
+if(opacity<100) {SimileAjax.Graphics.setOpacity(tickDiv, opacity)};
+this._eventLayer.appendChild(tickDiv);
+return {
+left:   left,
+top:    top,
+width:  width,
+height: height,
+elmt:   tickDiv
+};
+}
+Timeline.OverviewEventPainter.prototype._createHighlightDiv = function(highlightIndex, dimensions, theme) {
+if (highlightIndex >= 0) {
+var doc = this._timeline.getDocument();
+var eventTheme = theme.event;
+var color = eventTheme.highlightColors[Math.min(highlightIndex, eventTheme.highlightColors.length - 1)];
+var div = doc.createElement("div");
+div.style.position = "absolute";
+div.style.overflow = "hidden";
+div.style.left =    (dimensions.left - 1) + "px";
+div.style.width =   (dimensions.width + 2) + "px";
+div.style.top =     (dimensions.top - 1) + "px";
+div.style.height =  (dimensions.height + 2) + "px";
+div.style.background = color;
+this._highlightLayer.appendChild(div);
+}
+};
+Timeline.OverviewEventPainter.prototype.showBubble = function(evt) {
+// not implemented
+};
+/*==================================================
+*  Compact Event Painter
+*==================================================
+*/
+Timeline.CompactEventPainter = function(params) {
+this._params = params;
+this._onSelectListeners = [];
+this._filterMatcher = null;
+this._highlightMatcher = null;
+this._frc = null;
+this._eventIdToElmt = {};
+};
+Timeline.CompactEventPainter.prototype.getType = function() {
+return 'compact';
+};
+Timeline.CompactEventPainter.prototype.initialize = function(band, timeline) {
+this._band = band;
+this._timeline = timeline;
+this._backLayer = null;
+this._eventLayer = null;
+this._lineLayer = null;
+this._highlightLayer = null;
+this._eventIdToElmt = null;
+};
+Timeline.CompactEventPainter.prototype.addOnSelectListener = function(listener) {
+this._onSelectListeners.push(listener);
+};
+Timeline.CompactEventPainter.prototype.removeOnSelectListener = function(listener) {
+for (var i = 0; i < this._onSelectListeners.length; i++) {
+if (this._onSelectListeners[i] == listener) {
+this._onSelectListeners.splice(i, 1);
+break;
+}
+}
+};
+Timeline.CompactEventPainter.prototype.getFilterMatcher = function() {
+return this._filterMatcher;
+};
+Timeline.CompactEventPainter.prototype.setFilterMatcher = function(filterMatcher) {
+this._filterMatcher = filterMatcher;
+};
+Timeline.CompactEventPainter.prototype.getHighlightMatcher = function() {
+return this._highlightMatcher;
+};
+Timeline.CompactEventPainter.prototype.setHighlightMatcher = function(highlightMatcher) {
+this._highlightMatcher = highlightMatcher;
+};
+Timeline.CompactEventPainter.prototype.paint = function() {
+var eventSource = this._band.getEventSource();
+if (eventSource == null) {
+return;
+}
+this._eventIdToElmt = {};
+this._prepareForPainting();
+var metrics = this._computeMetrics();
+var minDate = this._band.getMinDate();
+var maxDate = this._band.getMaxDate();
+var filterMatcher = (this._filterMatcher != null) ?
+this._filterMatcher :
+function(evt) { return true; };
+var highlightMatcher = (this._highlightMatcher != null) ?
+this._highlightMatcher :
+function(evt) { return -1; };
+var iterator = eventSource.getEventIterator(minDate, maxDate);
+var stackConcurrentPreciseInstantEvents = "stackConcurrentPreciseInstantEvents" in this._params && typeof this._params.stackConcurrentPreciseInstantEvents == "object";
+var collapseConcurrentPreciseInstantEvents = "collapseConcurrentPreciseInstantEvents" in this._params && this._params.collapseConcurrentPreciseInstantEvents;
+if (collapseConcurrentPreciseInstantEvents || stackConcurrentPreciseInstantEvents) {
+var bufferedEvents = [];
+var previousInstantEvent = null;
+while (iterator.hasNext()) {
+var evt = iterator.next();
+if (filterMatcher(evt)) {
+if (!evt.isInstant() || evt.isImprecise()) {
+this.paintEvent(evt, metrics, this._params.theme, highlightMatcher(evt));
+} else if (previousInstantEvent != null &&
+previousInstantEvent.getStart().getTime() == evt.getStart().getTime()) {
+bufferedEvents[bufferedEvents.length - 1].push(evt);
+} else {
+bufferedEvents.push([ evt ]);
+previousInstantEvent = evt;
+}
+}
+}
+for (var i = 0; i < bufferedEvents.length; i++) {
+var compositeEvents = bufferedEvents[i];
+if (compositeEvents.length == 1) {
+this.paintEvent(compositeEvents[0], metrics, this._params.theme, highlightMatcher(evt));
+} else {
+var match = -1;
+for (var j = 0; match < 0 && j < compositeEvents.length; j++) {
+match = highlightMatcher(compositeEvents[j]);
+}
+if (stackConcurrentPreciseInstantEvents) {
+this.paintStackedPreciseInstantEvents(compositeEvents, metrics, this._params.theme, match);
+} else {
+this.paintCompositePreciseInstantEvents(compositeEvents, metrics, this._params.theme, match);
+}
+}
+}
+} else {
+while (iterator.hasNext()) {
+var evt = iterator.next();
+if (filterMatcher(evt)) {
+this.paintEvent(evt, metrics, this._params.theme, highlightMatcher(evt));
+}
+}
+}
+this._highlightLayer.style.display = "block";
+this._lineLayer.style.display = "block";
+this._eventLayer.style.display = "block";
+this._setOrthogonalOffset(metrics);
+};
+Timeline.CompactEventPainter.prototype.softPaint = function() {
+this._setOrthogonalOffset(this._computeMetrics());
+};
+Timeline.CompactEventPainter.prototype._setOrthogonalOffset = function(metrics) {
+var actualViewWidth = 2 * metrics.trackOffset + this._tracks.length * metrics.trackHeight;
+var minOrthogonalOffset = Math.min(0, this._band.getViewWidth() - actualViewWidth);
+var orthogonalOffset = Math.max(minOrthogonalOffset, this._band.getViewOrthogonalOffset());
+this._highlightLayer.style.top =
+this._lineLayer.style.top =
+this._eventLayer.style.top =
+orthogonalOffset + "px";
+};
+Timeline.CompactEventPainter.prototype._computeMetrics = function() {
+var theme = this._params.theme;
+var eventTheme = theme.event;
+var metrics = {
+trackOffset:            "trackOffset" in this._params ? this._params.trackOffset : 10,
+trackHeight:            "trackHeight" in this._params ? this._params.trackHeight : 10,
+tapeHeight:             theme.event.tape.height,
+tapeBottomMargin:       "tapeBottomMargin" in this._params ? this._params.tapeBottomMargin : 2,
+labelBottomMargin:      "labelBottomMargin" in this._params ? this._params.labelBottomMargin : 5,
+labelRightMargin:       "labelRightMargin" in this._params ? this._params.labelRightMargin : 5,
+defaultIcon:            eventTheme.instant.icon,
+defaultIconWidth:       eventTheme.instant.iconWidth,
+defaultIconHeight:      eventTheme.instant.iconHeight,
+customIconWidth:        "iconWidth" in this._params ? this._params.iconWidth : eventTheme.instant.iconWidth,
+customIconHeight:       "iconHeight" in this._params ? this._params.iconHeight : eventTheme.instant.iconHeight,
+iconLabelGap:           "iconLabelGap" in this._params ? this._params.iconLabelGap : 2,
+iconBottomMargin:       "iconBottomMargin" in this._params ? this._params.iconBottomMargin : 2
+};
+if ("compositeIcon" in this._params) {
+metrics.compositeIcon = this._params.compositeIcon;
+metrics.compositeIconWidth = this._params.compositeIconWidth || metrics.customIconWidth;
+metrics.compositeIconHeight = this._params.compositeIconHeight || metrics.customIconHeight;
+} else {
+metrics.compositeIcon = metrics.defaultIcon;
+metrics.compositeIconWidth = metrics.defaultIconWidth;
+metrics.compositeIconHeight = metrics.defaultIconHeight;
+}
+metrics.defaultStackIcon = "icon" in this._params.stackConcurrentPreciseInstantEvents ?
+this._params.stackConcurrentPreciseInstantEvents.icon : metrics.defaultIcon;
+metrics.defaultStackIconWidth = "iconWidth" in this._params.stackConcurrentPreciseInstantEvents ?
+this._params.stackConcurrentPreciseInstantEvents.iconWidth : metrics.defaultIconWidth;
+metrics.defaultStackIconHeight = "iconHeight" in this._params.stackConcurrentPreciseInstantEvents ?
+this._params.stackConcurrentPreciseInstantEvents.iconHeight : metrics.defaultIconHeight;
+return metrics;
+};
+Timeline.CompactEventPainter.prototype._prepareForPainting = function() {
+var band = this._band;
+if (this._backLayer == null) {
+this._backLayer = this._band.createLayerDiv(0, "timeline-band-events");
+this._backLayer.style.visibility = "hidden";
+var eventLabelPrototype = document.createElement("span");
+eventLabelPrototype.className = "timeline-event-label";
+this._backLayer.appendChild(eventLabelPrototype);
+this._frc = SimileAjax.Graphics.getFontRenderingContext(eventLabelPrototype);
+}
+this._frc.update();
+this._tracks = [];
+if (this._highlightLayer != null) {
+band.removeLayerDiv(this._highlightLayer);
+}
+this._highlightLayer = band.createLayerDiv(105, "timeline-band-highlights");
+this._highlightLayer.style.display = "none";
+if (this._lineLayer != null) {
+band.removeLayerDiv(this._lineLayer);
+}
+this._lineLayer = band.createLayerDiv(110, "timeline-band-lines");
+this._lineLayer.style.display = "none";
+if (this._eventLayer != null) {
+band.removeLayerDiv(this._eventLayer);
+}
+this._eventLayer = band.createLayerDiv(115, "timeline-band-events");
+this._eventLayer.style.display = "none";
+};
+Timeline.CompactEventPainter.prototype.paintEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isInstant()) {
+this.paintInstantEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintDurationEvent(evt, metrics, theme, highlightIndex);
+}
+};
+Timeline.CompactEventPainter.prototype.paintInstantEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isImprecise()) {
+this.paintImpreciseInstantEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintPreciseInstantEvent(evt, metrics, theme, highlightIndex);
+}
+}
+Timeline.CompactEventPainter.prototype.paintDurationEvent = function(evt, metrics, theme, highlightIndex) {
+if (evt.isImprecise()) {
+this.paintImpreciseDurationEvent(evt, metrics, theme, highlightIndex);
+} else {
+this.paintPreciseDurationEvent(evt, metrics, theme, highlightIndex);
+}
+}
+Timeline.CompactEventPainter.prototype.paintPreciseInstantEvent = function(evt, metrics, theme, highlightIndex) {
+var commonData = {
+tooltip: evt.getProperty("tooltip") || evt.getText()
+};
+var iconData = {
+url: evt.getIcon()
+};
+if (iconData.url == null) {
+iconData.url = metrics.defaultIcon;
+iconData.width = metrics.defaultIconWidth;
+iconData.height = metrics.defaultIconHeight;
+iconData.className = "timeline-event-icon-default";
+} else {
+iconData.width = evt.getProperty("iconWidth") || metrics.customIconWidth;
+iconData.height = evt.getProperty("iconHeight") || metrics.customIconHeight;
+}
+var labelData = {
+text:       evt.getText(),
+color:      evt.getTextColor() || evt.getColor(),
+className:  evt.getClassName()
+};
+var result = this.paintTapeIconLabel(
+evt.getStart(),
+commonData,
+null, // no tape data
+iconData,
+labelData,
+metrics,
+theme,
+highlightIndex
+);
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickInstantEvent(result.iconElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(result.iconElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(result.labelElmtData.elmt, "mousedown", clickHandler);
+this._eventIdToElmt[evt.getID()] = result.iconElmtData.elmt;
+};
+Timeline.CompactEventPainter.prototype.paintCompositePreciseInstantEvents = function(events, metrics, theme, highlightIndex) {
+var evt = events[0];
+var tooltips = [];
+for (var i = 0; i < events.length; i++) {
+tooltips.push(events[i].getProperty("tooltip") || events[i].getText());
+}
+var commonData = {
+tooltip: tooltips.join("; ")
+};
+var iconData = {
+url: metrics.compositeIcon,
+width: metrics.compositeIconWidth,
+height: metrics.compositeIconHeight,
+className: "timeline-event-icon-composite"
+};
+var labelData = {
+text: String.substitute(this._params.compositeEventLabelTemplate, [ events.length ])
+};
+var result = this.paintTapeIconLabel(
+evt.getStart(),
+commonData,
+null, // no tape data
+iconData,
+labelData,
+metrics,
+theme,
+highlightIndex
+);
+var self = this;
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickMultiplePreciseInstantEvent(result.iconElmtData.elmt, domEvt, events);
+};
+SimileAjax.DOM.registerEvent(result.iconElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(result.labelElmtData.elmt, "mousedown", clickHandler);
+for (var i = 0; i < events.length; i++) {
+this._eventIdToElmt[events[i].getID()] = result.iconElmtData.elmt;
+}
+};
+Timeline.CompactEventPainter.prototype.paintStackedPreciseInstantEvents = function(events, metrics, theme, highlightIndex) {
+var limit = "limit" in this._params.stackConcurrentPreciseInstantEvents ?
+this._params.stackConcurrentPreciseInstantEvents.limit : 10;
+var moreMessageTemplate = "moreMessageTemplate" in this._params.stackConcurrentPreciseInstantEvents ?
+this._params.stackConcurrentPreciseInstantEvents.moreMessageTemplate : "%0 More Events";
+var showMoreMessage = limit <= events.length - 2; // We want at least 2 more events above the limit.
+// Otherwise we'd need the singular case of "1 More Event"
+var band = this._band;
+var getPixelOffset = function(date) {
+return Math.round(band.dateToPixelOffset(date));
+};
+var getIconData = function(evt) {
+var iconData = {
+url: evt.getIcon()
+};
+if (iconData.url == null) {
+iconData.url = metrics.defaultStackIcon;
+iconData.width = metrics.defaultStackIconWidth;
+iconData.height = metrics.defaultStackIconHeight;
+iconData.className = "timeline-event-icon-stack timeline-event-icon-default";
+} else {
+iconData.width = evt.getProperty("iconWidth") || metrics.customIconWidth;
+iconData.height = evt.getProperty("iconHeight") || metrics.customIconHeight;
+iconData.className = "timeline-event-icon-stack";
+}
+return iconData;
+};
+var firstIconData = getIconData(events[0]);
+var horizontalIncrement = 5;
+var leftIconEdge = 0;
+var totalLabelWidth = 0;
+var totalLabelHeight = 0;
+var totalIconHeight = 0;
+var records = [];
+for (var i = 0; i < events.length && (!showMoreMessage || i < limit); i++) {
+var evt = events[i];
+var text = evt.getText();
+var iconData = getIconData(evt);
+var labelSize = this._frc.computeSize(text);
+var record = {
+text:       text,
+iconData:   iconData,
+labelSize:  labelSize,
+iconLeft:   firstIconData.width + i * horizontalIncrement - iconData.width
+};
+record.labelLeft = firstIconData.width + i * horizontalIncrement + metrics.iconLabelGap;
+record.top = totalLabelHeight;
+records.push(record);
+leftIconEdge = Math.min(leftIconEdge, record.iconLeft);
+totalLabelHeight += labelSize.height;
+totalLabelWidth = Math.max(totalLabelWidth, record.labelLeft + labelSize.width);
+totalIconHeight = Math.max(totalIconHeight, record.top + iconData.height);
+}
+if (showMoreMessage) {
+var moreMessage = String.substitute(moreMessageTemplate, [ events.length - limit ]);
+var moreMessageLabelSize = this._frc.computeSize(moreMessage);
+var moreMessageLabelLeft = firstIconData.width + (limit - 1) * horizontalIncrement + metrics.iconLabelGap;
+var moreMessageLabelTop = totalLabelHeight;
+totalLabelHeight += moreMessageLabelSize.height;
+totalLabelWidth = Math.max(totalLabelWidth, moreMessageLabelLeft + moreMessageLabelSize.width);
+}
+totalLabelWidth += metrics.labelRightMargin;
+totalLabelHeight += metrics.labelBottomMargin;
+totalIconHeight += metrics.iconBottomMargin;
+var anchorPixel = getPixelOffset(events[0].getStart());
+var newTracks = [];
+var trackCount = Math.ceil(Math.max(totalIconHeight, totalLabelHeight) / metrics.trackHeight);
+var rightIconEdge = firstIconData.width + (events.length - 1) * horizontalIncrement;
+for (var i = 0; i < trackCount; i++) {
+newTracks.push({ start: leftIconEdge, end: rightIconEdge });
+}
+var labelTrackCount = Math.ceil(totalLabelHeight / metrics.trackHeight);
+for (var i = 0; i < labelTrackCount; i++) {
+var track = newTracks[i];
+track.end = Math.max(track.end, totalLabelWidth);
+}
+var firstTrack = this._fitTracks(anchorPixel, newTracks);
+var verticalPixelOffset = firstTrack * metrics.trackHeight + metrics.trackOffset;
+var iconStackDiv = this._timeline.getDocument().createElement("div");
+iconStackDiv.className = 'timeline-event-icon-stack';
+iconStackDiv.style.position = "absolute";
+iconStackDiv.style.overflow = "visible";
+iconStackDiv.style.left = anchorPixel + "px";
+iconStackDiv.style.top = verticalPixelOffset + "px";
+iconStackDiv.style.width = rightIconEdge + "px";
+iconStackDiv.style.height = totalIconHeight + "px";
+iconStackDiv.innerHTML = "<div style='position: relative'></div>";
+this._eventLayer.appendChild(iconStackDiv);
+var self = this;
+var onMouseOver = function(domEvt) {
+try {
+var n = parseInt(this.getAttribute("index"));
+var childNodes = iconStackDiv.firstChild.childNodes;
+for (var i = 0; i < childNodes.length; i++) {
+var child = childNodes[i];
+if (i == n) {
+child.style.zIndex = childNodes.length;
+} else {
+child.style.zIndex = childNodes.length - i;
+}
+}
+} catch (e) {
+}
+};
+var paintEvent = function(index) {
+var record = records[index];
+var evt = events[index];
+var tooltip = evt.getProperty("tooltip") || evt.getText();
+var labelElmtData = self._paintEventLabel(
+{ tooltip: tooltip },
+{ text: record.text },
+anchorPixel + record.labelLeft,
+verticalPixelOffset + record.top,
+record.labelSize.width,
+record.labelSize.height,
+theme
+);
+labelElmtData.elmt.setAttribute("index", index);
+labelElmtData.elmt.onmouseover = onMouseOver;
+var img = SimileAjax.Graphics.createTranslucentImage(record.iconData.url);
+var iconDiv = self._timeline.getDocument().createElement("div");
+iconDiv.className = 'timeline-event-icon' + ("className" in record.iconData ? (" " + record.iconData.className) : "");
+iconDiv.style.left = record.iconLeft + "px";
+iconDiv.style.top = record.top + "px";
+iconDiv.style.zIndex = (records.length - index);
+iconDiv.appendChild(img);
+iconDiv.setAttribute("index", index);
+iconDiv.onmouseover = onMouseOver;
+iconStackDiv.firstChild.appendChild(iconDiv);
+var clickHandler = function(elmt, domEvt, target) {
+return self._onClickInstantEvent(labelElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(iconDiv, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(labelElmtData.elmt, "mousedown", clickHandler);
+self._eventIdToElmt[evt.getID()] = iconDiv;
+};
+for (var i = 0; i < records.length; i++) {
+paintEvent(i);
+}
+if (showMoreMessage) {
+var moreEvents = events.slice(limit);
+var moreMessageLabelElmtData = this._paintEventLabel(
+{ tooltip: moreMessage },
+{ text: moreMessage },
+anchorPixel + moreMessageLabelLeft,
+verticalPixelOffset + moreMessageLabelTop,
+moreMessageLabelSize.width,
+moreMessageLabelSize.height,
+theme
+);
+var moreMessageClickHandler = function(elmt, domEvt, target) {
+return self._onClickMultiplePreciseInstantEvent(moreMessageLabelElmtData.elmt, domEvt, moreEvents);
+};
+SimileAjax.DOM.registerEvent(moreMessageLabelElmtData.elmt, "mousedown", moreMessageClickHandler);
+for (var i = 0; i < moreEvents.length; i++) {
+this._eventIdToElmt[moreEvents[i].getID()] = moreMessageLabelElmtData.elmt;
+}
+}
+//this._createHighlightDiv(highlightIndex, iconElmtData, theme);
+};
+Timeline.CompactEventPainter.prototype.paintImpreciseInstantEvent = function(evt, metrics, theme, highlightIndex) {
+var commonData = {
+tooltip: evt.getProperty("tooltip") || evt.getText()
+};
+var tapeData = {
+start:          evt.getStart(),
+end:            evt.getEnd(),
+latestStart:    evt.getLatestStart(),
+earliestEnd:    evt.getEarliestEnd(),
+isInstant:      true
+};
+var iconData = {
+url: evt.getIcon()
+};
+if (iconData.url == null) {
+iconData = null;
+} else {
+iconData.width = evt.getProperty("iconWidth") || metrics.customIconWidth;
+iconData.height = evt.getProperty("iconHeight") || metrics.customIconHeight;
+}
+var labelData = {
+text:       evt.getText(),
+color:      evt.getTextColor() || evt.getColor(),
+className:  evt.getClassName()
+};
+var result = this.paintTapeIconLabel(
+evt.getStart(),
+commonData,
+tapeData, // no tape data
+iconData,
+labelData,
+metrics,
+theme,
+highlightIndex
+);
+var self = this;
+var clickHandler = iconData != null ?
+function(elmt, domEvt, target) {
+return self._onClickInstantEvent(result.iconElmtData.elmt, domEvt, evt);
+} :
+function(elmt, domEvt, target) {
+return self._onClickInstantEvent(result.labelElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(result.labelElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(result.impreciseTapeElmtData.elmt, "mousedown", clickHandler);
+if (iconData != null) {
+SimileAjax.DOM.registerEvent(result.iconElmtData.elmt, "mousedown", clickHandler);
+this._eventIdToElmt[evt.getID()] = result.iconElmtData.elmt;
+} else {
+this._eventIdToElmt[evt.getID()] = result.labelElmtData.elmt;
+}
+};
+Timeline.CompactEventPainter.prototype.paintPreciseDurationEvent = function(evt, metrics, theme, highlightIndex) {
+var commonData = {
+tooltip: evt.getProperty("tooltip") || evt.getText()
+};
+var tapeData = {
+start:          evt.getStart(),
+end:            evt.getEnd(),
+isInstant:      false
+};
+var iconData = {
+url: evt.getIcon()
+};
+if (iconData.url == null) {
+iconData = null;
+} else {
+iconData.width = evt.getProperty("iconWidth") || metrics.customIconWidth;
+iconData.height = evt.getProperty("iconHeight") || metrics.customIconHeight;
+}
+var labelData = {
+text:       evt.getText(),
+color:      evt.getTextColor() || evt.getColor(),
+className:  evt.getClassName()
+};
+var result = this.paintTapeIconLabel(
+evt.getLatestStart(),
+commonData,
+tapeData, // no tape data
+iconData,
+labelData,
+metrics,
+theme,
+highlightIndex
+);
+var self = this;
+var clickHandler = iconData != null ?
+function(elmt, domEvt, target) {
+return self._onClickInstantEvent(result.iconElmtData.elmt, domEvt, evt);
+} :
+function(elmt, domEvt, target) {
+return self._onClickInstantEvent(result.labelElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(result.labelElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(result.tapeElmtData.elmt, "mousedown", clickHandler);
+if (iconData != null) {
+SimileAjax.DOM.registerEvent(result.iconElmtData.elmt, "mousedown", clickHandler);
+this._eventIdToElmt[evt.getID()] = result.iconElmtData.elmt;
+} else {
+this._eventIdToElmt[evt.getID()] = result.labelElmtData.elmt;
+}
+};
+Timeline.CompactEventPainter.prototype.paintImpreciseDurationEvent = function(evt, metrics, theme, highlightIndex) {
+var commonData = {
+tooltip: evt.getProperty("tooltip") || evt.getText()
+};
+var tapeData = {
+start:          evt.getStart(),
+end:            evt.getEnd(),
+latestStart:    evt.getLatestStart(),
+earliestEnd:    evt.getEarliestEnd(),
+isInstant:      false
+};
+var iconData = {
+url: evt.getIcon()
+};
+if (iconData.url == null) {
+iconData = null;
+} else {
+iconData.width = evt.getProperty("iconWidth") || metrics.customIconWidth;
+iconData.height = evt.getProperty("iconHeight") || metrics.customIconHeight;
+}
+var labelData = {
+text:       evt.getText(),
+color:      evt.getTextColor() || evt.getColor(),
+className:  evt.getClassName()
+};
+var result = this.paintTapeIconLabel(
+evt.getLatestStart(),
+commonData,
+tapeData, // no tape data
+iconData,
+labelData,
+metrics,
+theme,
+highlightIndex
+);
+var self = this;
+var clickHandler = iconData != null ?
+function(elmt, domEvt, target) {
+return self._onClickInstantEvent(result.iconElmtData.elmt, domEvt, evt);
+} :
+function(elmt, domEvt, target) {
+return self._onClickInstantEvent(result.labelElmtData.elmt, domEvt, evt);
+};
+SimileAjax.DOM.registerEvent(result.labelElmtData.elmt, "mousedown", clickHandler);
+SimileAjax.DOM.registerEvent(result.tapeElmtData.elmt, "mousedown", clickHandler);
+if (iconData != null) {
+SimileAjax.DOM.registerEvent(result.iconElmtData.elmt, "mousedown", clickHandler);
+this._eventIdToElmt[evt.getID()] = result.iconElmtData.elmt;
+} else {
+this._eventIdToElmt[evt.getID()] = result.labelElmtData.elmt;
+}
+};
+Timeline.CompactEventPainter.prototype.paintTapeIconLabel = function(
+anchorDate,
+commonData,
+tapeData,
+iconData,
+labelData,
+metrics,
+theme,
+highlightIndex
+) {
+var band = this._band;
+var getPixelOffset = function(date) {
+return Math.round(band.dateToPixelOffset(date));
+};
+var anchorPixel = getPixelOffset(anchorDate);
+var newTracks = [];
+var tapeHeightOccupied = 0;         // how many pixels (vertically) the tape occupies, including bottom margin
+var tapeTrackCount = 0;             // how many tracks the tape takes up, usually just 1
+var tapeLastTrackExtraSpace = 0;    // on the last track that the tape occupies, how many pixels are left (for icon and label to occupy as well)
+if (tapeData != null) {
+tapeHeightOccupied = metrics.tapeHeight + metrics.tapeBottomMargin;
+tapeTrackCount = Math.ceil(metrics.tapeHeight / metrics.trackHeight);
+var tapeEndPixelOffset = getPixelOffset(tapeData.end) - anchorPixel;
+var tapeStartPixelOffset = getPixelOffset(tapeData.start) - anchorPixel;
+for (var t = 0; t < tapeTrackCount; t++) {
+newTracks.push({ start: tapeStartPixelOffset, end: tapeEndPixelOffset });
+}
+tapeLastTrackExtraSpace = metrics.trackHeight - (tapeHeightOccupied % metrics.tapeHeight);
+}
+var iconStartPixelOffset = 0;        // where the icon starts compared to the anchor pixel;
+// this can be negative if the icon is center-aligned around the anchor
+var iconHorizontalSpaceOccupied = 0; // how many pixels the icon take up from the anchor pixel,
+// including the gap between the icon and the label
+if (iconData != null) {
+if ("iconAlign" in iconData && iconData.iconAlign == "center") {
+iconStartPixelOffset = -Math.floor(iconData.width / 2);
+}
+iconHorizontalSpaceOccupied = iconStartPixelOffset + iconData.width + metrics.iconLabelGap;
+if (tapeTrackCount > 0) {
+newTracks[tapeTrackCount - 1].end = Math.max(newTracks[tapeTrackCount - 1].end, iconHorizontalSpaceOccupied);
+}
+var iconHeight = iconData.height + metrics.iconBottomMargin + tapeLastTrackExtraSpace;
+while (iconHeight > 0) {
+newTracks.push({ start: iconStartPixelOffset, end: iconHorizontalSpaceOccupied });
+iconHeight -= metrics.trackHeight;
+}
+}
+var text = labelData.text;
+var labelSize = this._frc.computeSize(text);
+var labelHeight = labelSize.height + metrics.labelBottomMargin + tapeLastTrackExtraSpace;
+var labelEndPixelOffset = iconHorizontalSpaceOccupied + labelSize.width + metrics.labelRightMargin;
+if (tapeTrackCount > 0) {
+newTracks[tapeTrackCount - 1].end = Math.max(newTracks[tapeTrackCount - 1].end, labelEndPixelOffset);
+}
+for (var i = 0; labelHeight > 0; i++) {
+if (tapeTrackCount + i < newTracks.length) {
+var track = newTracks[tapeTrackCount + i];
+track.end = labelEndPixelOffset;
+} else {
+newTracks.push({ start: 0, end: labelEndPixelOffset });
+}
+labelHeight -= metrics.trackHeight;
+}
+/*
+*  Try to fit the new track on top of the existing tracks, then
+*  render the various elements.
+*/
+var firstTrack = this._fitTracks(anchorPixel, newTracks);
+var verticalPixelOffset = firstTrack * metrics.trackHeight + metrics.trackOffset;
+var result = {};
+result.labelElmtData = this._paintEventLabel(
+commonData,
+labelData,
+anchorPixel + iconHorizontalSpaceOccupied,
+verticalPixelOffset + tapeHeightOccupied,
+labelSize.width,
+labelSize.height,
+theme
+);
+if (tapeData != null) {
+if ("latestStart" in tapeData || "earliestEnd" in tapeData) {
+result.impreciseTapeElmtData = this._paintEventTape(
+commonData,
+tapeData,
+metrics.tapeHeight,
+verticalPixelOffset,
+getPixelOffset(tapeData.start),
+getPixelOffset(tapeData.end),
+theme.event.duration.impreciseColor,
+theme.event.duration.impreciseOpacity,
+metrics,
+theme
+);
+}
+if (!tapeData.isInstant && "start" in tapeData && "end" in tapeData) {
+result.tapeElmtData = this._paintEventTape(
+commonData,
+tapeData,
+metrics.tapeHeight,
+verticalPixelOffset,
+anchorPixel,
+getPixelOffset("earliestEnd" in tapeData ? tapeData.earliestEnd : tapeData.end),
+tapeData.color,
+100,
+metrics,
+theme
+);
+}
+}
+if (iconData != null) {
+result.iconElmtData = this._paintEventIcon(
+commonData,
+iconData,
+verticalPixelOffset + tapeHeightOccupied,
+anchorPixel + iconStartPixelOffset,
+metrics,
+theme
+);
+}
+//this._createHighlightDiv(highlightIndex, iconElmtData, theme);
+return result;
+};
+Timeline.CompactEventPainter.prototype._fitTracks = function(anchorPixel, newTracks) {
+var firstTrack;
+for (firstTrack = 0; firstTrack < this._tracks.length; firstTrack++) {
+var fit = true;
+for (var j = 0; j < newTracks.length && (firstTrack + j) < this._tracks.length; j++) {
+var existingTrack = this._tracks[firstTrack + j];
+var newTrack = newTracks[j];
+if (anchorPixel + newTrack.start < existingTrack) {
+fit = false;
+break;
+}
+}
+if (fit) {
+break;
+}
+}
+for (var i = 0; i < newTracks.length; i++) {
+this._tracks[firstTrack + i] = anchorPixel + newTracks[i].end;
+}
+return firstTrack;
+};
+Timeline.CompactEventPainter.prototype._paintEventIcon = function(commonData, iconData, top, left, metrics, theme) {
+var img = SimileAjax.Graphics.createTranslucentImage(iconData.url);
+var iconDiv = this._timeline.getDocument().createElement("div");
+iconDiv.className = 'timeline-event-icon' + ("className" in iconData ? (" " + iconData.className) : "");
+iconDiv.style.left = left + "px";
+iconDiv.style.top = top + "px";
+iconDiv.appendChild(img);
+if ("tooltip" in commonData && typeof commonData.tooltip == "string") {
+iconDiv.title = commonData.tooltip;
+}
+this._eventLayer.appendChild(iconDiv);
+return {
+left:   left,
+top:    top,
+width:  metrics.iconWidth,
+height: metrics.iconHeight,
+elmt:   iconDiv
+};
+};
+Timeline.CompactEventPainter.prototype._paintEventLabel = function(commonData, labelData, left, top, width, height, theme) {
+var doc = this._timeline.getDocument();
+var labelDiv = doc.createElement("div");
+labelDiv.className = 'timeline-event-label';
+labelDiv.style.left = left + "px";
+labelDiv.style.width = (width + 1) + "px";
+labelDiv.style.top = top + "px";
+labelDiv.innerHTML = labelData.text;
+if ("tooltip" in commonData && typeof commonData.tooltip == "string") {
+labelDiv.title = commonData.tooltip;
+}
+if ("color" in labelData && typeof labelData.color == "string") {
+labelDiv.style.color = labelData.color;
+}
+if ("className" in labelData && typeof labelData.className == "string") {
+labelDiv.className += ' ' + labelData.className;
+}
+this._eventLayer.appendChild(labelDiv);
+return {
+left:   left,
+top:    top,
+width:  width,
+height: height,
+elmt:   labelDiv
+};
+};
+Timeline.CompactEventPainter.prototype._paintEventTape = function(
+commonData, tapeData, height, top, startPixel, endPixel, color, opacity, metrics, theme) {
+var width = endPixel - startPixel;
+var tapeDiv = this._timeline.getDocument().createElement("div");
+tapeDiv.className = "timeline-event-tape"
+tapeDiv.style.left = startPixel + "px";
+tapeDiv.style.top = top + "px";
+tapeDiv.style.width = width + "px";
+tapeDiv.style.height = height + "px";
+if ("tooltip" in commonData && typeof commonData.tooltip == "string") {
+tapeDiv.title = commonData.tooltip;
+}
+if (color != null && typeof tapeData.color == "string") {
+tapeDiv.style.backgroundColor = color;
+}
+if ("backgroundImage" in tapeData && typeof tapeData.backgroundImage == "string") {
+tapeDiv.style.backgroundImage = "url(" + backgroundImage + ")";
+tapeDiv.style.backgroundRepeat =
+("backgroundRepeat" in tapeData && typeof tapeData.backgroundRepeat == "string")
+? tapeData.backgroundRepeat : 'repeat';
+}
+SimileAjax.Graphics.setOpacity(tapeDiv, opacity);
+if ("className" in tapeData && typeof tapeData.className == "string") {
+tapeDiv.className += ' ' + tapeData.className;
+}
+this._eventLayer.appendChild(tapeDiv);
+return {
+left:   startPixel,
+top:    top,
+width:  width,
+height: height,
+elmt:   tapeDiv
+};
+}
+Timeline.CompactEventPainter.prototype._createHighlightDiv = function(highlightIndex, dimensions, theme) {
+if (highlightIndex >= 0) {
+var doc = this._timeline.getDocument();
+var eventTheme = theme.event;
+var color = eventTheme.highlightColors[Math.min(highlightIndex, eventTheme.highlightColors.length - 1)];
+var div = doc.createElement("div");
+div.style.position = "absolute";
+div.style.overflow = "hidden";
+div.style.left =    (dimensions.left - 2) + "px";
+div.style.width =   (dimensions.width + 4) + "px";
+div.style.top =     (dimensions.top - 2) + "px";
+div.style.height =  (dimensions.height + 4) + "px";
+//        div.style.background = color;
+this._highlightLayer.appendChild(div);
+}
+};
+Timeline.CompactEventPainter.prototype._onClickMultiplePreciseInstantEvent = function(icon, domEvt, events) {
+var c = SimileAjax.DOM.getPageCoordinates(icon);
+this._showBubble(
+c.left + Math.ceil(icon.offsetWidth / 2),
+c.top + Math.ceil(icon.offsetHeight / 2),
+events
+);
+var ids = [];
+for (var i = 0; i < events.length; i++) {
+ids.push(events[i].getID());
+}
+this._fireOnSelect(ids);
+domEvt.cancelBubble = true;
+SimileAjax.DOM.cancelEvent(domEvt);
+return false;
+};
+Timeline.CompactEventPainter.prototype._onClickInstantEvent = function(icon, domEvt, evt) {
+var c = SimileAjax.DOM.getPageCoordinates(icon);
+this._showBubble(
+c.left + Math.ceil(icon.offsetWidth / 2),
+c.top + Math.ceil(icon.offsetHeight / 2),
+[evt]
+);
+this._fireOnSelect([evt.getID()]);
+domEvt.cancelBubble = true;
+SimileAjax.DOM.cancelEvent(domEvt);
+return false;
+};
+Timeline.CompactEventPainter.prototype._onClickDurationEvent = function(target, domEvt, evt) {
+if ("pageX" in domEvt) {
+var x = domEvt.pageX;
+var y = domEvt.pageY;
+} else {
+var c = SimileAjax.DOM.getPageCoordinates(target);
+var x = domEvt.offsetX + c.left;
+var y = domEvt.offsetY + c.top;
+}
+this._showBubble(x, y, [evt]);
+this._fireOnSelect([evt.getID()]);
+domEvt.cancelBubble = true;
+SimileAjax.DOM.cancelEvent(domEvt);
+return false;
+};
+Timeline.CompactEventPainter.prototype.showBubble = function(evt) {
+var elmt = this._eventIdToElmt[evt.getID()];
+if (elmt) {
+var c = SimileAjax.DOM.getPageCoordinates(elmt);
+this._showBubble(c.left + elmt.offsetWidth / 2, c.top + elmt.offsetHeight / 2, [evt]);
+}
+};
+Timeline.CompactEventPainter.prototype._showBubble = function(x, y, evts) {
+var div = document.createElement("div");
+evts = ("fillInfoBubble" in evts) ? [evts] : evts;
+for (var i = 0; i < evts.length; i++) {
+var div2 = document.createElement("div");
+div.appendChild(div2);
+evts[i].fillInfoBubble(div2, this._params.theme, this._band.getLabeller());
+}
+SimileAjax.WindowManager.cancelPopups();
+SimileAjax.Graphics.createBubbleForContentAndPoint(div, x, y, this._params.theme.event.bubble.width);
+};
+Timeline.CompactEventPainter.prototype._fireOnSelect = function(eventIDs) {
+for (var i = 0; i < this._onSelectListeners.length; i++) {
+this._onSelectListeners[i](eventIDs);
+}
+};
+/*==================================================
+*  Span Highlight Decorator
+*==================================================
+*/
+Timeline.SpanHighlightDecorator = function(params) {
+// When evaluating params, test against null. Not "p in params". Testing against
+// null enables caller to explicitly request the default. Testing against "in" means
+// that the param has to be ommitted to get the default.
+this._unit = params.unit != null ? params.unit : SimileAjax.NativeDateUnit;
+this._startDate = (typeof params.startDate == "string") ?
+this._unit.parseFromObject(params.startDate) : params.startDate;
+this._endDate = (typeof params.endDate == "string") ?
+this._unit.parseFromObject(params.endDate) : params.endDate;
+this._startLabel = params.startLabel != null ? params.startLabel : ""; // not null!
+this._endLabel   = params.endLabel   != null ? params.endLabel   : ""; // not null!
+this._color = params.color;
+this._cssClass = params.cssClass != null ? params.cssClass : null;
+this._opacity = params.opacity != null ? params.opacity : 100;
+// Default z is 10, behind everything but background grid.
+// If inFront, then place just behind events, in front of everything else
+this._zIndex = (params.inFront != null && params.inFront) ? 113 : 10;
+};
+Timeline.SpanHighlightDecorator.prototype.initialize = function(band, timeline) {
+this._band = band;
+this._timeline = timeline;
+this._layerDiv = null;
+};
+Timeline.SpanHighlightDecorator.prototype.paint = function() {
+if (this._layerDiv != null) {
+this._band.removeLayerDiv(this._layerDiv);
+}
+this._layerDiv = this._band.createLayerDiv(this._zIndex);
+this._layerDiv.setAttribute("name", "span-highlight-decorator"); // for debugging
+this._layerDiv.style.display = "none";
+var minDate = this._band.getMinDate();
+var maxDate = this._band.getMaxDate();
+if (this._unit.compare(this._startDate, maxDate) < 0 &&
+this._unit.compare(this._endDate, minDate) > 0) {
+minDate = this._unit.later(minDate, this._startDate);
+maxDate = this._unit.earlier(maxDate, this._endDate);
+var minPixel = this._band.dateToPixelOffset(minDate);
+var maxPixel = this._band.dateToPixelOffset(maxDate);
+var doc = this._timeline.getDocument();
+var createTable = function() {
+var table = doc.createElement("table");
+table.insertRow(0).insertCell(0);
+return table;
+};
+var div = doc.createElement("div");
+div.className='timeline-highlight-decorator'
+if(this._cssClass) {
+	  div.className += ' ' + this._cssClass;
+}
+if(this._color != null) {
+	  div.style.backgroundColor = this._color;
+}
+if (this._opacity < 100) {
+SimileAjax.Graphics.setOpacity(div, this._opacity);
+}
+this._layerDiv.appendChild(div);
+var tableStartLabel = createTable();
+tableStartLabel.className = 'timeline-highlight-label timeline-highlight-label-start'
+var tdStart =  tableStartLabel.rows[0].cells[0]
+tdStart.innerHTML = this._startLabel;
+if (this._cssClass) {
+	  tdStart.className = 'label_' + this._cssClass;
+}
+this._layerDiv.appendChild(tableStartLabel);
+var tableEndLabel = createTable();
+tableEndLabel.className = 'timeline-highlight-label timeline-highlight-label-end'
+var tdEnd = tableEndLabel.rows[0].cells[0]
+tdEnd.innerHTML = this._endLabel;
+if (this._cssClass) {
+	   tdEnd.className = 'label_' + this._cssClass;
+}
+this._layerDiv.appendChild(tableEndLabel);
+if (this._timeline.isHorizontal()){
+div.style.left = minPixel + "px";
+div.style.width = (maxPixel - minPixel) + "px";
+tableStartLabel.style.right = (this._band.getTotalViewLength() - minPixel) + "px";
+tableStartLabel.style.width = (this._startLabel.length) + "em";
+tableEndLabel.style.left = maxPixel + "px";
+tableEndLabel.style.width = (this._endLabel.length) + "em";
+} else {
+div.style.top = minPixel + "px";
+div.style.height = (maxPixel - minPixel) + "px";
+tableStartLabel.style.bottom = minPixel + "px";
+tableStartLabel.style.height = "1.5px";
+tableEndLabel.style.top = maxPixel + "px";
+tableEndLabel.style.height = "1.5px";
+}
+}
+this._layerDiv.style.display = "block";
+};
+Timeline.SpanHighlightDecorator.prototype.softPaint = function() {
+};
+/*==================================================
+*  Point Highlight Decorator
+*==================================================
+*/
+Timeline.PointHighlightDecorator = function(params) {
+this._unit = params.unit != null ? params.unit : SimileAjax.NativeDateUnit;
+this._date = (typeof params.date == "string") ?
+this._unit.parseFromObject(params.date) : params.date;
+this._width = params.width != null ? params.width : 10;
+// Since the width is used to calculate placements (see minPixel, below), we
+// specify width here, not in css.
+this._color = params.color;
+this._cssClass = params.cssClass != null ? params.cssClass : '';
+this._opacity = params.opacity != null ? params.opacity : 100;
+};
+Timeline.PointHighlightDecorator.prototype.initialize = function(band, timeline) {
+this._band = band;
+this._timeline = timeline;
+this._layerDiv = null;
+};
+Timeline.PointHighlightDecorator.prototype.paint = function() {
+if (this._layerDiv != null) {
+this._band.removeLayerDiv(this._layerDiv);
+}
+this._layerDiv = this._band.createLayerDiv(10);
+this._layerDiv.setAttribute("name", "span-highlight-decorator"); // for debugging
+this._layerDiv.style.display = "none";
+var minDate = this._band.getMinDate();
+var maxDate = this._band.getMaxDate();
+if (this._unit.compare(this._date, maxDate) < 0 &&
+this._unit.compare(this._date, minDate) > 0) {
+var pixel = this._band.dateToPixelOffset(this._date);
+var minPixel = pixel - Math.round(this._width / 2);
+var doc = this._timeline.getDocument();
+var div = doc.createElement("div");
+div.className='timeline-highlight-point-decorator';
+div.className += ' ' + this._cssClass;
+if(this._color != null) {
+	  div.style.backgroundColor = this._color;
+}
+if (this._opacity < 100) {
+SimileAjax.Graphics.setOpacity(div, this._opacity);
+}
+this._layerDiv.appendChild(div);
+if (this._timeline.isHorizontal()) {
+div.style.left = minPixel + "px";
+div.style.width = this._width;
+} else {
+div.style.top = minPixel + "px";
+div.style.height = this._width;
+}
+}
+this._layerDiv.style.display = "block";
+};
+Timeline.PointHighlightDecorator.prototype.softPaint = function() {
+};
+/*==================================================
+*  Default Unit
+*==================================================
+*/
+Timeline.NativeDateUnit = new Object();
+Timeline.NativeDateUnit.createLabeller = function(locale, timeZone) {
+return new Timeline.GregorianDateLabeller(locale, timeZone);
+};
+Timeline.NativeDateUnit.makeDefaultValue = function() {
+return new Date();
+};
+Timeline.NativeDateUnit.cloneValue = function(v) {
+return new Date(v.getTime());
+};
+Timeline.NativeDateUnit.getParser = function(format) {
+if (typeof format == "string") {
+format = format.toLowerCase();
+}
+return (format == "iso8601" || format == "iso 8601") ?
+Timeline.DateTime.parseIso8601DateTime :
+Timeline.DateTime.parseGregorianDateTime;
+};
+Timeline.NativeDateUnit.parseFromObject = function(o) {
+return Timeline.DateTime.parseGregorianDateTime(o);
+};
+Timeline.NativeDateUnit.toNumber = function(v) {
+return v.getTime();
+};
+Timeline.NativeDateUnit.fromNumber = function(n) {
+return new Date(n);
+};
+Timeline.NativeDateUnit.compare = function(v1, v2) {
+var n1, n2;
+if (typeof v1 == "object") {
+n1 = v1.getTime();
+} else {
+n1 = Number(v1);
+}
+if (typeof v2 == "object") {
+n2 = v2.getTime();
+} else {
+n2 = Number(v2);
+}
+return n1 - n2;
+};
+Timeline.NativeDateUnit.earlier = function(v1, v2) {
+return Timeline.NativeDateUnit.compare(v1, v2) < 0 ? v1 : v2;
+};
+Timeline.NativeDateUnit.later = function(v1, v2) {
+return Timeline.NativeDateUnit.compare(v1, v2) > 0 ? v1 : v2;
+};
+Timeline.NativeDateUnit.change = function(v, n) {
+return new Date(v.getTime() + n);
+};
+/*==================================================
+*  Common localization strings
+*==================================================
+*/
+Timeline.strings["fr"] = {
+wikiLinkLabel:  "Discute"
+};
+/*==================================================
+*  Localization of labellers.js
+*==================================================
+*/
+Timeline.GregorianDateLabeller.monthNames["fr"] = [
+"jan", "fev", "mar", "avr", "mai", "jui", "jui", "aou", "sep", "oct", "nov", "dec"
+];
+/*==================================================
+*  Common localization strings
+*==================================================
+*/
+Timeline.strings["en"] = {
+wikiLinkLabel:  "Discuss"
+};
+/*==================================================
+*  Localization of labellers.js
+*==================================================
+*/
+Timeline.GregorianDateLabeller.monthNames["en"] = [
+"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
+];
+Timeline.GregorianDateLabeller.dayNames["en"] = [
+"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
+];

cubicweb