init

build/css/ox.ui.classic.css

@@ -0,0 +1,113 @@
+body.OxThemeClassic {
+    background: rgb(240, 240, 240);
+}
+.OxThemeClassic div {
+    color: rgb(16, 16, 16);
+}
+
+/*
+================================================================================
+Bars
+================================================================================
+*/
+
+.OxThemeClassic .OxBar.OxHorizontal {
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
+    //background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
+    //background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
+}
+
+/*
+================================================================================
+Forms
+================================================================================
+*/
+
+.OxThemeClassic .OxButton,
+.OxThemeClassic .OxInput,
+.OxThemeClassic .OxRange,
+.OxThemeClassic .OxTrack {
+    border: 1px solid rgb(176, 176, 176);
+    //border: 1px solid rgb(160, 160, 160);
+    color: rgb(64, 64, 64);
+}
+.OxThemeClassic .OxButton,
+.OxThemeClassic .OxRange {
+    //background: -moz-linear-gradient(left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
+    //background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
+}
+.OxThemeClassic .OxButton:active,
+.OxThemeClassic .OxRange.OxActive {
+    //background: rgb(160, 160, 160);
+    background: rgb(192, 192, 192);
+    color: rgb(48, 48, 48);
+}
+.OxThemeClassic .OxButton.OxDisabled {
+    background: rgb(192, 192, 192);
+    color: rgb(128, 128, 128);
+}
+.OxThemeClassic .OxButton.OxSelected {
+    //background: -moz-linear-gradient(left top, left bottom, from(rgb(128, 128, 128)), to(rgb(160, 160, 160)));
+    //background: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 128, 128)), to(rgb(160, 160, 160)));
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(128, 128, 128)), color-stop(0.1, rgb(160, 160, 160)), to(rgb(192, 192, 192)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 128, 128)), color-stop(0.1, rgb(160, 160, 160)), to(rgb(192, 192, 192)));
+    color: rgb(32, 32, 32);
+}
+.OxThemeClassic .OxButton.OxTab.OxSelected {
+    border-bottom: 1px solid rgb(192, 192, 192);
+}
+
+.OxThemeClassic .OxInput,
+.OxThemeClassic .OxTrack {
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
+}
+.OxThemeClassic .OxInput:focus {
+    border: 1px solid rgb(160, 160, 160);
+    -moz-box-shadow: 0 0 2px rgb(128, 128, 128);
+    -webkit-box-shadow: 0 2 4px rgb(128, 128, 128);
+}
+.OxThemeClassic .OxInput.OxPlaceholder {
+    color: rgb(160, 160, 160)
+}
+
+/*
+================================================================================
+Scrollbars
+================================================================================
+*/
+
+.OxThemeClassic ::-webkit-scrollbar {
+    width: 12px;
+    height: 12px;
+    border-left: 1px solid rgb(176, 176, 176);
+    border-right: 1px solid rgb(176, 176, 176);
+    background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
+}
+.OxThemeClassic ::-webkit-scrollbar-button {
+    width: 12px;
+    height: 12px;
+}
+.OxThemeClassic ::-webkit-scrollbar-button:vertical:decrement {
+    background: url(../png/ox.ui.classic/scrollbarVerticalDecrement.png);
+}
+.OxThemeClassic ::-webkit-scrollbar-button:vertical:increment {
+    background: url(../png/ox.ui.classic/scrollbarVerticalIncrement.png);
+}
+.OxThemeClassic ::-webkit-scrollbar-thumb:vertical {
+    border: 1px solid rgb(176, 176, 176);
+    background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
+    -webkit-border-radius: 6px;
+}
+.OxThemeClassic ::-webkit-scrollbar-track:vertical {
+    border: 1px solid rgb(176, 176, 176);
+    background-image: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
+    -webkit-border-radius: 6px;
+}
+.OxThemeClassic ::-webkit-scrollbar:active,
+.OxThemeClassic ::-webkit-scrollbar-thumb:vertical:active {
+    background: rgb(192, 192, 192);
+}

build/css/ox.ui.css

@@ -0,0 +1,269 @@
+@import url("ox.ui.classic.css");
+@import url("ox.ui.modern.css");
+@import url("ox.ui.future.css");
+
+/*
+================================================================================
+Base
+================================================================================
+*/
+
+body {
+    margin: 0;
+    overflow: hidden;
+    //-webkit-user-select: none
+}
+div, input {
+    font-family: Lucida Grande, Lucida Sans Unicode, Segoe UI;
+    font-size: 11px;
+}
+/*
+================================================================================
+Core
+================================================================================
+*/
+
+.OxContainer {
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    overflow: hidden;
+}
+.OxContent {
+    overflow: auto;
+}
+
+/*
+================================================================================
+Bars
+================================================================================
+*/
+
+.OxBar {
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.OxTabbar > .OxButtonGroup {
+    margin: 4px 0 0 4px;
+}
+
+/*
+================================================================================
+Forms
+================================================================================
+*/
+
+input {
+    padding: 0;
+    border: 1px;
+    margin: 0;
+}
+input[type=button],
+input[type=reset],
+input[type=submit] {
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+}
+input:focus {
+    outline: none;
+}
+input.OxXlarge {
+    height: 26px;
+    font-size: 19px;
+    padding: 0 12px 0 12px;
+    -moz-border-radius: 14px;
+    -webkit-border-radius: 14px;
+}
+input.OxLarge {
+    height: 22px;
+    font-size: 16px;
+    padding: 0 10px 0 10px;
+    -moz-border-radius: 12px;
+    -webkit-border-radius: 12px;
+}
+input.OxMedium {
+    height: 18px;
+    font-size: 13px;
+    padding: 0 8px 0 8px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+}
+input.OxSmall {
+    height: 14px;
+    padding: 0 6px 0 6px;
+    font-size: 11px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+}
+input.OxXsmall {
+    height: 10px;
+    padding: 0 4px 0 4px;
+    font-size: 8px;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+}
+input[type=image] {
+    padding: 0;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+}
+input[type=image].OxLarge {
+    width: 22px;
+}
+input[type=image].OxMedium {
+    width: 18px;
+}
+input[type=image].OxSmall {
+    width: 14px;
+}
+input::-moz-focus-inner {
+    border: none;
+}
+.OxButton.OxSymbol,
+.OxButton.OxSymbol:active {
+    border: 1px solid rgba(0, 0, 0, 0);
+    background: rgba(0, 0, 0, 0);
+}
+/*
+--------------------------------------------------------------------------------
+OxButtonGroup
+--------------------------------------------------------------------------------
+*/
+.OxButtonGroup {
+    display: table-cell;
+    float: left;
+    //overflow: hidden;
+    //white-space: nowrap;
+}
+.OxButtonGroup > .OxButton {
+    border-right-width: 0;
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+}
+.OxButtonGroup > .OxButton:last-child {
+    border-right-width: 1px;
+}
+.OxButtonGroup > .OxButton.OxSmall:first-child {
+    -moz-border-radius-topleft: 4px;
+    -moz-border-radius-bottomleft: 4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-bottom-left-radius: 4px;
+}
+.OxButtonGroup > .OxButton.OxSmall:last-child {
+    -moz-border-radius-topright: 4px;
+    -moz-border-radius-bottomright: 4px;
+    -webkit-border-top-right-radius: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+}
+.OxButtonGroup > .OxButton.OxXsmall:first-child {
+    -moz-border-radius-topleft: 2px;
+    -moz-border-radius-bottomleft: 2px;
+    -webkit-border-top-left-radius: 2px;
+    -webkit-border-bottom-left-radius: 2px;
+}
+.OxButtonGroup > .OxButton.OxXsmall:last-child {
+    -moz-border-radius-topright: 2px;
+    -moz-border-radius-bottomright: 2px;
+    -webkit-border-top-right-radius: 2px;
+    -webkit-border-bottom-right-radius: 2px;
+}
+.OxButtonGroup > .OxButton.OxTab {
+    -moz-border-radius-topleft: 4px;
+    -moz-border-radius-topright: 4px;
+    -moz-border-radius-bottomleft: 0;
+    -moz-border-radius-bottomright: 0;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    -webkit-border-bottom-left-radius: 0;
+    -webkit-border-bottom-right-radius: 0;
+}
+.OxButtonGroup > .OxButton.OxTab:first-child {
+    -moz-border-radius-bottomleft: 0;
+    -webkit-border-bottom-left-radius: 0;
+}
+.OxButtonGroup > .OxButton.OxTab:last-child {
+    -moz-border-radius-bottomright: 0;
+    -webkit-border-bottom-right-radius: 0;
+}
+/*
+--------------------------------------------------------------------------------
+OxRange
+--------------------------------------------------------------------------------
+*/
+.OxRange {
+    height: 14px;
+    border: 1px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+}
+.OxRange > .OxArrow:first-child {
+    float: left;
+    margin-top: -1px;
+}
+.OxRange > .OxArrow:last-child {
+    float: left;
+    margin-left: -1px;
+    margin-top: -1px;
+}
+.OxRange > .OxTrack {
+    float: left;
+    height: 14px;
+    margin-left: -1px;
+    margin-top: -1px;
+    -moz-border-radius: 8px;
+    -webkit-border-radius: 8px;
+}
+.OxRange > .OxTrack > .OxImage {
+    float: left;
+    height: 14px;
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+}
+.OxRange > .OxTrack > .OxThumb {
+    float: left;
+    margin-top: -15px;
+}
+.OxRange > .OxTrack > .OxThumb:first-child {
+    margin-top: -1px;
+}
+
+/*
+================================================================================
+Panels
+================================================================================
+*/
+
+.OxCollapsePanel > .OxBar {
+    position: relative;
+    z-index: 1;
+}
+.OxCollapsePanel > .OxBar > .OxButton {
+    float: left;
+    margin: 2px 0 0 4px;
+}
+.OxCollapsePanel > .OxBar > .OxTitle {
+    float: left;
+    margin: 3px 0 0 4px;
+    font-weight: bold;
+}
+.OxCollapsePanel > .OxContent {
+    position: relative;
+    left: 0;
+    right: 0;
+}
+
+
+.OxPanel {
+    overflow: auto;
+}
+
+.OxSplitPanel {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    overflow: hidden;
+}

build/css/ox.ui.future.css

@@ -0,0 +1,37 @@
+body.OxThemeFuture {
+    background: rgb(240, 240, 240);
+}
+
+/*
+--------------------------------------------------------------------------------
+input
+--------------------------------------------------------------------------------
+*/
+
+.OxThemeFuture .OxButton,
+.OxThemeFuture .OxInput {
+    border: 1px solid rgb(128, 128, 128);
+    color: rgb(64, 64, 64);
+}
+.OxThemeFuture .OxButton {
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
+}
+.OxThemeFuture .OxButton:active {
+    background: rgb(208, 208, 208);
+}
+.OxThemeFuture .OxInput {
+    //border-top-color: rgb(96, 96, 96);
+    //border-right-color: rgb(128, 128, 128);
+    //border-bottom-color: rgb(160, 160, 160);
+    //border-left-color: rgb(128, 128, 128);
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
+}
+.OxThemeFuture .OxInput:focus {
+    -moz-box-shadow: 0 0 4px rgb(128, 128, 128);
+    -webkit-box-shadow: 0 0 4px rgb(128, 128, 128);
+}
+.OxThemeFuture .OxInput.OxPlaceholder {
+    color: rgb(160, 160, 160)
+}

build/css/ox.ui.modern.css

@@ -0,0 +1,111 @@
+body.OxThemeModern {
+    background: rgb(16, 16, 16);
+}
+.OxThemeModern div {
+    color: rgb(240, 240, 240);
+}
+
+/*
+================================================================================
+Bars
+================================================================================
+*/
+
+.OxThemeModern .OxBar.OxHorizontal {
+    //background: -moz-linear-gradient(left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
+    //background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
+}
+
+/*
+================================================================================
+Forms
+================================================================================
+*/
+
+.OxThemeModern .OxButton,
+.OxThemeModern .OxInput,
+.OxThemeModern .OxRange,
+.OxThemeModern .OxTrack {
+    //border: 1px solid rgb(80, 80, 80);
+    border: 1px solid rgb(48, 48, 48);
+    color: rgb(192, 192, 192);
+}
+.OxThemeModern .OxButton,
+.OxThemeModern .OxRange {
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
+    //background: -moz-linear-gradient(left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
+    //background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
+}
+.OxThemeModern .OxButton:active,
+.OxThemeModern .OxRange.OxActive {
+    background: rgb(80, 80, 80);
+    //background: rgb(64, 64, 64);
+}
+.OxThemeModern .OxButton.OxDisabled {
+    background: rgb(80, 80, 80);
+    color: rgb(128, 128, 128);
+}
+.OxThemeModern .OxButton.OxSelected {
+    //background: -moz-linear-gradient(left top, left bottom, from(rgb(80, 80, 80)), to(rgb(112, 112, 112)));
+    //background: -webkit-gradient(linear, left top, left bottom, from(rgb(80, 80, 80)), to(rgb(112, 112, 112)));
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(0, 0, 0)), color-stop(0.1, rgb(32, 32, 32)), to(rgb(64, 64, 64)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(0.1, rgb(32, 32, 32)), to(rgb(64, 64, 64)));
+    color: rgb(224, 224, 224);
+}
+.OxThemeModern .OxButton.OxTab.OxSelected {
+    border-bottom: 1px solid rgb(64, 64, 64);
+}
+.OxThemeModern .OxInput,
+.OxThemeModern .OxTrack {
+    background: -moz-linear-gradient(left top, left bottom, from(rgb(0, 0, 0)), to(rgb(32, 32, 32)));
+    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgb(32, 32, 32)));
+}
+.OxThemeModern .OxInput:focus {
+    border: 1px solid rgb(80, 80, 80);
+    -moz-box-shadow: 0 0 2px rgb(128, 128, 128);
+    -webkit-box-shadow: 0 0 2px rgb(128, 128, 128);
+}
+.OxThemeModern .OxInput.OxPlaceholder {
+    color: rgb(96, 96, 96)
+}
+
+/*
+================================================================================
+Scrollbars
+================================================================================
+*/
+
+.OxThemeModern ::-webkit-scrollbar {
+    width: 12px;
+    height: 12px;
+    border-left: 1px solid rgb(48, 48, 48);
+    border-right: 1px solid rgb(48, 48, 48);
+    background: -webkit-gradient(linear, left top, right top, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
+}
+.OxThemeModern ::-webkit-scrollbar-button {
+    width: 12px;
+    height: 12px;
+}
+.OxThemeModern ::-webkit-scrollbar-button:vertical:decrement {
+    background: url(../png/ox.ui.modern/scrollbarVerticalDecrement.png);
+}
+.OxThemeModern ::-webkit-scrollbar-button:vertical:increment {
+    background: url(../png/ox.ui.modern/scrollbarVerticalIncrement.png);
+}
+.OxThemeModern ::-webkit-scrollbar-thumb:vertical {
+    border: 1px solid rgb(48, 48, 48);
+    background: -webkit-gradient(linear, left top, right top, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
+    -webkit-border-radius: 6px;
+}
+.OxThemeModern ::-webkit-scrollbar-track:vertical {
+    border: 1px solid rgb(32, 32, 32);
+    background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), to(rgb(32, 32, 32)));
+    -webkit-border-radius: 6px;
+}
+.OxThemeModern ::-webkit-scrollbar:active,
+.OxThemeModern ::-webkit-scrollbar-thumb:vertical:active {
+    background: rgb(64, 64, 64);
+}

build/js/json2.js

@@ -0,0 +1,479 @@
+/*
+    http://www.JSON.org/json2.js
+    2009-09-29
+
+    Public Domain.
+
+    NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
+
+    See http://www.JSON.org/js.html
+
+    This file creates a global JSON object containing two methods: stringify
+    and parse.
+
+        JSON.stringify(value, replacer, space)
+            value       any JavaScript value, usually an object or array.
+
+            replacer    an optional parameter that determines how object
+                        values are stringified for objects. It can be a
+                        function or an array of strings.
+
+            space       an optional parameter that specifies the indentation
+                        of nested structures. If it is omitted, the text will
+                        be packed without extra whitespace. If it is a number,
+                        it will specify the number of spaces to indent at each
+                        level. If it is a string (such as '\t' or ' '),
+                        it contains the characters used to indent at each level.
+
+            This method produces a JSON text from a JavaScript value.
+
+            When an object value is found, if the object contains a toJSON
+            method, its toJSON method will be called and the result will be
+            stringified. A toJSON method does not serialize: it returns the
+            value represented by the name/value pair that should be serialized,
+            or undefined if nothing should be serialized. The toJSON method
+            will be passed the key associated with the value, and this will be
+            bound to the value
+
+            For example, this would serialize Dates as ISO strings.
+
+                Date.prototype.toJSON = function (key) {
+                    function f(n) {
+                        // Format integers to have at least two digits.
+                        return n < 10 ? '0' + n : n;
+                    }
+
+                    return this.getUTCFullYear()   + '-' +
+                         f(this.getUTCMonth() + 1) + '-' +
+                         f(this.getUTCDate())      + 'T' +
+                         f(this.getUTCHours())     + ':' +
+                         f(this.getUTCMinutes())   + ':' +
+                         f(this.getUTCSeconds())   + 'Z';
+                };
+
+            You can provide an optional replacer method. It will be passed the
+            key and value of each member, with this bound to the containing
+            object. The value that is returned from your method will be
+            serialized. If your method returns undefined, then the member will
+            be excluded from the serialization.
+
+            If the replacer parameter is an array of strings, then it will be
+            used to select the members to be serialized. It filters the results
+            such that only members with keys listed in the replacer array are
+            stringified.
+
+            Values that do not have JSON representations, such as undefined or
+            functions, will not be serialized. Such values in objects will be
+            dropped; in arrays they will be replaced with null. You can use
+            a replacer function to replace those with JSON values.
+            JSON.stringify(undefined) returns undefined.
+
+            The optional space parameter produces a stringification of the
+            value that is filled with line breaks and indentation to make it
+            easier to read.
+
+            If the space parameter is a non-empty string, then that string will
+            be used for indentation. If the space parameter is a number, then
+            the indentation will be that many spaces.
+
+            Example:
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}]);
+            // text is '["e",{"pluribus":"unum"}]'
+
+
+            text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
+            // text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
+
+            text = JSON.stringify([new Date()], function (key, value) {
+                return this[key] instanceof Date ?
+                    'Date(' + this[key] + ')' : value;
+            });
+            // text is '["Date(---current time---)"]'
+
+
+        JSON.parse(text, reviver)
+            This method parses a JSON text to produce an object or array.
+            It can throw a SyntaxError exception.
+
+            The optional reviver parameter is a function that can filter and
+            transform the results. It receives each of the keys and values,
+            and its return value is used instead of the original value.
+            If it returns what it received, then the structure is not modified.
+            If it returns undefined then the member is deleted.
+
+            Example:
+
+            // Parse the text. Values that look like ISO date strings will
+            // be converted to Date objects.
+
+            myData = JSON.parse(text, function (key, value) {
+                var a;
+                if (typeof value === 'string') {
+                    a =
+/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
+                    if (a) {
+                        return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
+                            +a[5], +a[6]));
+                    }
+                }
+                return value;
+            });
+
+            myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
+                var d;
+                if (typeof value === 'string' &&
+                        value.slice(0, 5) === 'Date(' &&
+                        value.slice(-1) === ')') {
+                    d = new Date(value.slice(5, -1));
+                    if (d) {
+                        return d;
+                    }
+                }
+                return value;
+            });
+
+
+    This is a reference implementation. You are free to copy, modify, or
+    redistribute.
+
+    This code should be minified before deployment.
+    See http://javascript.crockford.com/jsmin.html
+
+    USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
+    NOT CONTROL.
+*/
+
+/*jslint evil: true, strict: false */
+
+/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
+    call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
+    getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
+    lastIndex, length, parse, prototype, push, replace, slice, stringify,
+    test, toJSON, toString, valueOf
+*/
+
+
+// Create a JSON object only if one does not already exist. We create the
+// methods in a closure to avoid creating global variables.
+
+if (!this.JSON) {
+    this.JSON = {};
+}
+
+(function () {
+
+    function f(n) {
+        // Format integers to have at least two digits.
+        return n < 10 ? '0' + n : n;
+    }
+
+    if (typeof Date.prototype.toJSON !== 'function') {
+
+        Date.prototype.toJSON = function (key) {
+
+            return isFinite(this.valueOf()) ?
+                   this.getUTCFullYear()   + '-' +
+                 f(this.getUTCMonth() + 1) + '-' +
+                 f(this.getUTCDate())      + 'T' +
+                 f(this.getUTCHours())     + ':' +
+                 f(this.getUTCMinutes())   + ':' +
+                 f(this.getUTCSeconds())   + 'Z' : null;
+        };
+
+        String.prototype.toJSON =
+        Number.prototype.toJSON =
+        Boolean.prototype.toJSON = function (key) {
+            return this.valueOf();
+        };
+    }
+
+    var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
+        gap,
+        indent,
+        meta = {    // table of character substitutions
+            '\b': '\\b',
+            '\t': '\\t',
+            '\n': '\\n',
+            '\f': '\\f',
+            '\r': '\\r',
+            '"' : '\\"',
+            '\\': '\\\\'
+        },
+        rep;
+
+
+    function quote(string) {
+
+// If the string contains no control characters, no quote characters, and no
+// backslash characters, then we can safely slap some quotes around it.
+// Otherwise we must also replace the offending characters with safe escape
+// sequences.
+
+        escapable.lastIndex = 0;
+        return escapable.test(string) ?
+            '"' + string.replace(escapable, function (a) {
+                var c = meta[a];
+                return typeof c === 'string' ? c :
+                    '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+            }) + '"' :
+            '"' + string + '"';
+    }
+
+
+    function str(key, holder) {
+
+// Produce a string from holder[key].
+
+        var i,          // The loop counter.
+            k,          // The member key.
+            v,          // The member value.
+            length,
+            mind = gap,
+            partial,
+            value = holder[key];
+
+// If the value has a toJSON method, call it to obtain a replacement value.
+
+        if (value && typeof value === 'object' &&
+                typeof value.toJSON === 'function') {
+            value = value.toJSON(key);
+        }
+
+// If we were called with a replacer function, then call the replacer to
+// obtain a replacement value.
+
+        if (typeof rep === 'function') {
+            value = rep.call(holder, key, value);
+        }
+
+// What happens next depends on the value's type.
+
+        switch (typeof value) {
+        case 'string':
+            return quote(value);
+
+        case 'number':
+
+// JSON numbers must be finite. Encode non-finite numbers as null.
+
+            return isFinite(value) ? String(value) : 'null';
+
+        case 'boolean':
+        case 'null':
+
+// If the value is a boolean or null, convert it to a string. Note:
+// typeof null does not produce 'null'. The case is included here in
+// the remote chance that this gets fixed someday.
+
+            return String(value);
+
+// If the type is 'object', we might be dealing with an object or an array or
+// null.
+
+        case 'object':
+
+// Due to a specification blunder in ECMAScript, typeof null is 'object',
+// so watch out for that case.
+
+            if (!value) {
+                return 'null';
+            }
+
+// Make an array to hold the partial results of stringifying this object value.
+
+            gap += indent;
+            partial = [];
+
+// Is the value an array?
+
+            if (Object.prototype.toString.apply(value) === '[object Array]') {
+
+// The value is an array. Stringify every element. Use null as a placeholder
+// for non-JSON values.
+
+                length = value.length;
+                for (i = 0; i < length; i += 1) {
+                    partial[i] = str(i, value) || 'null';
+                }
+
+// Join all of the elements together, separated with commas, and wrap them in
+// brackets.
+
+                v = partial.length === 0 ? '[]' :
+                    gap ? '[\n' + gap +
+                            partial.join(',\n' + gap) + '\n' +
+                                mind + ']' :
+                          '[' + partial.join(',') + ']';
+                gap = mind;
+                return v;
+            }
+
+// If the replacer is an array, use it to select the members to be stringified.
+
+            if (rep && typeof rep === 'object') {
+                length = rep.length;
+                for (i = 0; i < length; i += 1) {
+                    k = rep[i];
+                    if (typeof k === 'string') {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            } else {
+
+// Otherwise, iterate through all of the keys in the object.
+
+                for (k in value) {
+                    if (Object.hasOwnProperty.call(value, k)) {
+                        v = str(k, value);
+                        if (v) {
+                            partial.push(quote(k) + (gap ? ': ' : ':') + v);
+                        }
+                    }
+                }
+            }
+
+// Join all of the member texts together, separated with commas,
+// and wrap them in braces.
+
+            v = partial.length === 0 ? '{}' :
+                gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
+                        mind + '}' : '{' + partial.join(',') + '}';
+            gap = mind;
+            return v;
+        }
+    }
+
+// If the JSON object does not yet have a stringify method, give it one.
+
+    if (typeof JSON.stringify !== 'function') {
+        JSON.stringify = function (value, replacer, space) {
+
+// The stringify method takes a value and an optional replacer, and an optional
+// space parameter, and returns a JSON text. The replacer can be a function
+// that can replace values, or an array of strings that will select the keys.
+// A default replacer method can be provided. Use of the space parameter can
+// produce text that is more easily readable.
+
+            var i;
+            gap = '';
+            indent = '';
+
+// If the space parameter is a number, make an indent string containing that
+// many spaces.
+
+            if (typeof space === 'number') {
+                for (i = 0; i < space; i += 1) {
+                    indent += ' ';
+                }
+
+// If the space parameter is a string, it will be used as the indent string.
+
+            } else if (typeof space === 'string') {
+                indent = space;
+            }
+
+// If there is a replacer, it must be a function or an array.
+// Otherwise, throw an error.
+
+            rep = replacer;
+            if (replacer && typeof replacer !== 'function' &&
+                    (typeof replacer !== 'object' ||
+                     typeof replacer.length !== 'number')) {
+                throw new Error('JSON.stringify');
+            }
+
+// Make a fake root object containing our value under the key of ''.
+// Return the result of stringifying the value.
+
+            return str('', {'': value});
+        };
+    }
+
+
+// If the JSON object does not yet have a parse method, give it one.
+
+    if (typeof JSON.parse !== 'function') {
+        JSON.parse = function (text, reviver) {
+
+// The parse method takes a text and an optional reviver function, and returns
+// a JavaScript value if the text is a valid JSON text.
+
+            var j;
+
+            function walk(holder, key) {
+
+// The walk method is used to recursively walk the resulting structure so
+// that modifications can be made.
+
+                var k, v, value = holder[key];
+                if (value && typeof value === 'object') {
+                    for (k in value) {
+                        if (Object.hasOwnProperty.call(value, k)) {
+                            v = walk(value, k);
+                            if (v !== undefined) {
+                                value[k] = v;
+                            } else {
+                                delete value[k];
+                            }
+                        }
+                    }
+                }
+                return reviver.call(holder, key, value);
+            }
+
+
+// Parsing happens in four stages. In the first stage, we replace certain
+// Unicode characters with escape sequences. JavaScript handles many characters
+// incorrectly, either silently deleting them, or treating them as line endings.
+
+            cx.lastIndex = 0;
+            if (cx.test(text)) {
+                text = text.replace(cx, function (a) {
+                    return '\\u' +
+                        ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+                });
+            }
+
+// In the second stage, we run the text against regular expressions that look
+// for non-JSON patterns. We are especially concerned with '()' and 'new'
+// because they can cause invocation, and '=' because it can cause mutation.
+// But just to be safe, we want to reject all unexpected forms.
+
+// We split the second stage into 4 regexp operations in order to work around
+// crippling inefficiencies in IE's and Safari's regexp engines. First we
+// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
+// replace all simple value tokens with ']' characters. Third, we delete all
+// open brackets that follow a colon or comma or that begin the text. Finally,
+// we look to see that the remaining characters are only whitespace or ']' or
+// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
+
+            if (/^[\],:{}\s]*$/.
+test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
+replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
+replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+// In the third stage we use the eval function to compile the text into a
+// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
+// in JavaScript: it can begin a block or an object literal. We wrap the text
+// in parens to eliminate the ambiguity.
+
+                j = eval('(' + text + ')');
+
+// In the optional fourth stage, we recursively walk the new structure, passing
+// each name/value pair to a reviver function for possible transformation.
+
+                return typeof reviver === 'function' ?
+                    walk({'': j}, '') : j;
+            }
+
+// If the text is not JSON parseable, then a SyntaxError is thrown.
+
+            throw new SyntaxError('JSON.parse');
+        };
+    }
+}());

build/js/ox.geo.js

@@ -0,0 +1,110 @@
+/*
+################################################################################
+ox.geo.js
+
+requires
+    jquery.js
+    ox.js
+################################################################################
+*/
+
+(function() {
+
+    var earthRadius = 6378137,
+        earthCircumference = 2 * Math.PI * earthRadius
+        latMax = Ox.deg(Math.atan(Ox.sinh(Math.PI))),
+        latMin = -latMax;
+        /*
+        map = {
+            width: window.innerWidth,
+            height: window.innerHeight,
+            margin: 16
+        };
+        */
+
+    Ox.getLatLng = (function() {
+        /*
+            returns {lat, lng} for a given (x, y)
+        */
+        function getLatLng(xy) {
+            return (xy - 0.5) * 2 * Math.PI;
+        }
+        return function(x, y) {
+            return {
+                lat: -Ox.deg(Math.atan(Ox.sinh(getLatLng(y)))),
+                lng: Ox.deg(getLatLng(x))
+            };
+        };
+    })();
+
+    Ox.getPlacemarks = (function() {
+        /*
+        Ox.getPlacemarks(name, callback)
+        Ox.getPlacemarks(lat, lng, callback)
+        */
+        var cache = {};
+        return function() {
+
+            // $.getScript("http://maps.google.com/maps/api/js?sensor=false", function() {
+                // getPlacemarks(args);
+            // });
+
+
+            // var args = arguments;
+            var reverse = typeof arguments[0] == "number",
+                query = $.extend({
+                    language: "en"
+                }, !reverse ? {
+                    address: arguments[0]
+                } : {
+                    latLng: new google.maps.LatLng(arguments[0], arguments[1])
+                }),
+                id = JSON.stringify(query),
+                callback = arguments[arguments.length - 1],
+                geocoder = new google.maps.Geocoder();
+            if (cache[id]) {
+                callback(cache[id]);
+            } else {
+                geocoder.geocode(query, function(results, status) {
+                    var data = {
+                        results: results,
+                        status: status
+                    };
+                    cache[id] = data;
+                    callback(data);
+                });
+            }
+            
+        };
+    })();
+
+    Ox.getXY = (function() {
+        /*
+            returns {x, y} for a given (lat, lng), between 0 and 1
+        */
+        function getXY(xy) {
+            return (xy / (2 * Math.PI) + 0.5);
+        }
+        return function(lat, lng) {
+            return {
+                x: getXY(Ox.rad(lng)),
+                y: getXY(Ox.asinh(Math.tan(Ox.rad(-lat))))
+            };
+        };
+    })();
+
+    /*
+    Ox.getZ = function(placemark, map) {
+        // returns zoom level at which placemark is fully included
+        map.width -= 2 * map.margin;
+        map.height -= 2 * map.margin;
+        var northEast = getXY(placemark.northEast),
+            southWest = getXY(placemark.southWest),
+            width = (northEast.x - southWest.x),
+            height = (northEast.y - southWest.y),
+        return parseInt(Ox.log(width / height > map.width / map.height ?
+                map.width / width : map.height / height, 2));
+    };
+    */
+
+})();

build/js/ox.png.js

@@ -0,0 +1,57 @@
+onmessage = function(e) {
+    if (e.data.message) {
+        
+    } else {
+        
+    }
+}
+
+function encode() {
+    str = Ox.encodeUTF8(str);
+    var c = Ox.canvas(img), len = str.length;
+    if (len > maxLength(img.width, img.height)) {
+        throw new RangeError("PNG codec can't encode " + len +
+                " bytes into " + (img.width * img.height) + " pixels");
+    }
+    len = Ox.pad(Ox.encodeBase256(len), 4, Ox.char(0));
+    Ox.each(Ox.map(len + str, function(byte) {
+        return Ox.map(new Array(8), function(v, i) {
+            return byte.charCodeAt(0) >> 7 - i & 1;
+        }).join("");
+    }).join(""), function(i, bit) {
+        var index, byte = c.data[index = parseInt(i * 4/3)];
+        c.data[index] = bit == xor(byte) ? byte :
+                byte & 254 | !(byte & 1);
+    });
+    c.context.putImageData(c.imageData, 0, 0);
+    postMessage(c.canvas.toDataURL());
+}
+
+function decode() {
+    var c = Ox.canvas(img), bits = "", str = "", i = 0; len = 4, flag = false;
+    do {
+        bits += xor(c.data[parseInt(i * 4/3)]);
+        if (++i % 8 == 0) {
+            str += Ox.char(parseInt(bits, 2));
+            bits = "";
+            len--;
+            if (len == 0 && !flag) {
+                if ((len = Ox.decodeBase256(str)) >
+                        maxLength(img.width, img.height)) {
+                    throwPNGError();
+                }
+                str = "";
+                flag = true;
+            }
+        }
+    } while (len);
+    try {
+        return Ox.decodeUTF8(str);
+    } catch(e) {
+        throwPNGError();
+    }
+}
+
+function throwError() {
+    throw new RangeError("PNG codec can't decode image");
+}