MobileRead Forums - View Single Post

knc1 · 09-02-2015, 06:24 AM

OK - here is one example of how-to examine the problem(s).

Check the page source of clock.com:
I will not 'spoiler' this, its short and sweet.

PHP Code:


			
<!DOCTYPE html>

<html manifest='sf/main.appcache'>

<head>

<title>Time tab</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta name="google-site-verification" content="ZWSwZhZ4dqhLnPNOXQvaWowDbsaD6aQiIu1h8O4_XUw" />

<meta name="keywords" content="time, clock, tab">

<meta name="description" content='Displays the current Time. Featuring "Time Icon" and customizable Themes. Made by the Creator of Timer Tab.'>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<link rel='stylesheet' type='text/css' href='sf/_.css'/>

</head>

<body>



<a style='display: none' rel='author' href='http://www.brillout.com'>Romuald</a>

<a style='display: none' href='http://www.timer-tab.com'>Online Web App Timer Countdown Alarm Clock Stopwatch</a>



<table id='content'>

  <tr><td>

    <table id='timeTable'>

      <tr><td id='timeRow'>

        <table>

        <tr>

          <td id='time'></td>

          <td><table><tr><td id='char1' ></td></tr><tr><td id='digit1'></td></tr></table></td>

          <td><table><tr><td id='char2' ></td></tr><tr><td id='digit2'></td></tr></table></td>

        </tr>

        </table>

      </td></tr>

      <tr><td id='date'></td></tr>

    </table>

  </td></tr>

  <tr style='height: 15%'><td></td></tr>

</table>



<div id='options' style='opacity:1'></div>





<script defer src='sf/_.js'></script>

<script>if(window.navigator.product=="Gecko")document.documentElement.removeAttribute("manifest")</script>



</body>

</html>

From reading that, you see that the page is implemented in (minified) Javascript:
(This horrid glob I will spoiler - it needs to be un-minified at the very least.)

Spoiler:

Now, with a browser that does work, hover over the top (hidden) tool bar, play with the options (theme=classic gives you screensaver ideas), decide which ones you want, which ones you don't - list them as details of your intended project.

- - - -

Human eye version of horrid glob:

Spoiler:

PHP Code:


			
(function() {

    if ("undefined" !== typeof document && (document.head = document.head || document.getElementsByTagName && document.getElementsByTagName("head")[0], document.body = document.body || document.getElementsByTagName && document.getElementsByTagName("body")[0], !Element.prototype.hasOwnProperty("classList"))) {

        var r = /^\s+|\s+$/g,

            g = function(g, k) {

                if ("" === k) throw "SYNTAX_ERR";

                if (/\s/.test(k)) throw ml.assert(!1), "INVALID_CHARACTER_ERR";

                return g.indexOf(k)

            },

            u = function() {

                var i = this,

                    k = i.className.replace(r, "").split(/\s+/);

                return {

                    length: k.length,

                    item: function(g) {

                        return k[g] || null

                    },

                    contains: function(i) {

                        return -1 !== g(k, i)

                    },

                    add: function(q) {

                        -1 === g(k, q) && (k.push(q), this.length = k.length, i.className = k.join(" "))

                    },

                    remove: function(q) {

                        q = g(k, q); - 1 !== q && (k.splice(q, 1), this.length = k.length, i.className = k.join(" "))

                    },

                    toggle: function(i) {

                        -1 === g(k, i) ? this.add(i) : this.remove(i)

                    },

                    toString: function() {

                        return i.className

                    }

                }

            };

        Object.defineProperty ? Object.defineProperty(Element.prototype, "classList", {

                get: u

            }) : Object.prototype.__defineGetter__ &&

            Element.prototype.__defineGetter__("classList", u)

    }

})();

var ml = {};

(function() {

    ml.date = {};

    var r = function(a) {

            return 10 > a ? "0" + a : "" + a

        },

        g = "Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "),

        u = "January February March April May June July August September October November December".split(" ");

    ml.date.getWeek = function(a) {

        dowOffset = "int" == typeof dowOffset ? dowOffset : 0;

        var b = new Date(a.getFullYear(), 0, 1),

            c = b.getDay() - dowOffset,

            c = 0 <= c ? c : c + 7,

            b = Math.floor((a.getTime() - b.getTime() - 6E4 * (a.getTimezoneOffset() - b.getTimezoneOffset())) / 864E5) + 1;

        4 > c ? (c = Math.floor((b +

            c - 1) / 7) + 1, 52 < c && (nYear = new Date(a.getFullYear() + 1, 0, 1), nday = nYear.getDay() - dowOffset, nday = 0 <= nday ? nday : nday + 7, c = 4 > nday ? 1 : 53)) : c = Math.floor((b + c - 1) / 7);

        return c

    };

    ml.date.add = function(a, b, c, d, e) {

        void 0 === e && (e = 0);

        e = a.getMilliseconds() + e;

        d = a.getSeconds() + d + e / 1E3;

        c = a.getMinutes() + c + d / 60;

        b = a.getHours() + b + c / 60;

        a.setHours(b % 24, c % 60, d % 60, e % 1E3);

        a.setUTCDate(a.getUTCDate() + b / 24);

        return a

    };

    ml.date.getDayBegining = function(a) {

        a = new Date(+a);

        return +new Date(a.getFullYear(), a.getMonth(), a.getDate())

    };

    ml.date.readable = {};

    ml.date.readable.getHours = function(a, b) {

        var c = a.getHours();

        b && (c %= 12, 0 == c && (c = 12));

        return r(c)

    };

    ml.date.readable.getMinutes = function(a) {

        return r(a.getMinutes())

    };

    ml.date.readable.getSeconds = function(a) {

        return r(a.getSeconds())

    };

    ml.date.readable.getDate = function(a) {

        return r(a.getDate())

    };

    ml.date.readable.getDay = function(a) {

        return g[a.getDay()]

    };

    ml.date.readable.getMonth = function(a) {

        return u[a.getMonth()]

    };

    ml.date.readable.getTime = function(a, b, c, d) {

        ml.assert(void 0 !== b && b.constructor === Number);

        ml.assert(void 0 ===

            c || c.constructor === Number);

        ml.assert(void 0 === d || d.constructor === Number);

        ml.assert("timer" === a || "time" === a || "time12" === a || "time12_pretty" === a || "countdown" === a || "data" === a);

        var e = "timer" === a,

            f = "timer" === a || "countdown" === a,

            j = "time12" === a || "time12_pretty" === a;

        if (12 < b.toString().length && (ml.assert("time" === a || "time12" === a || "time12_pretty" === a || "data" === a), b -= ml.date.getDayBegining(b), j)) {

            var h = 432E5 <= b;

            h && (b -= 432E5)

        }

        var p = [1E3, 60, 60],

            l = ["ms", "s", "m", "h"];

        void 0 === c && (c = 1);

        void 0 === d && (d = 0);

        c += d;

        for (ml.assert(c <=

                p.length); d--;) b /= p[c - (d + 1)];

        b = parseInt(b, 10);

        p.splice(0, c);

        l.splice(0, c);

        c = [];

        for (d = 0; d < p.length + 1; d++) {

            for (var m = b, g = d - 1; 0 <= g; g--) m /= p[g];

            c.push(m % (p[d] || Infinity) | 0)

        }

        if (f)

            for (; 0 === c[c.length - 1] && 1 < c.length;) c.pop();

        j && 0 === c[c.length - 1] && (c[c.length - 1] = 12);

        if (e) {

            for (var i = c.length; 0 === c[0] && 1 < c.length;) c.shift();

            i -= c.length

        }

        if (!e)

            for (d = 0; d < c.length; d++) c[d] = "00".substring(0, ((p[d] || 100) - 1).toString().length - c[d].toString().length) + c[d];

        if (e) {

            l.splice(0, i);

            for (d = 0; d < c.length; d++) c[d] += l[d]

        }

        c.reverse();

        if ("data" === a) return c;

        c = c.join(e ? " " : ":");

        j && ("time12_pretty" === a && (c = c.replace(/:00$/, "").replace(/^0/, "")), c = c + " " + (h ? "PM" : "AM"));

        return c

    };

    ml.element = {};

    ml.element.getStyle = function(a, b) {

        return document.defaultView.getComputedStyle(a, null).getPropertyValue(b)

    };

    ml.element.getPosition = function(a) {

        var b = 0,

            c = 0;

        do b += a.offsetLeft, c += a.offsetTop; while (a = a.offsetParent);

        return {

            x: b,

            y: c

        }

    };

    var i = function(a) {

            a = document.createElement(a || "div");

            a.style.display = "inline-block";

            a.style.position = "absolute";

            a.style.top =

                "0";

            a.style.top = "-9999px";

            a.style.zIndex = "-9999";

            a.style.visibility = "hidden";

            return a

        },

        k = function(a, b, c, d, e) {

            var f = a.innerHTML;

            f.length < (e && e.length) && (f = e);

            1 > f.length && (f = "y");

            if (d) {

                ml.assert(0 === a.children.length);

                for (var j, e = -1, h = document.body.appendChild(i()), p = 0; p < d.length; p++) {

                    h.innerHTML = d[p];

                    var l = parseInt(ml.element.getStyle(h, "width"), 10);

                    l > e && (e = l, j = d[p])

                }

                document.body.removeChild(h);

                ml.assert(j);

                d = j;

                j = f.length;

                f = "";

                for (e = 0; e < j; e++) f += d

            }

            d = i(a.tagName);

            d.style.fontFamily = ml.element.getStyle(a,

                "font-family");

            d.style.fontSize = q + "px";

            d.style.whiteSpace = "nowrap";

            d.style.letterSpacing = ml.element.getStyle(a, "letter-spacing");

            d.innerHTML = f;

            document.body.appendChild(d);

            a = b && parseInt(ml.element.getStyle(d, "width"), 10);

            f = c && parseInt(ml.element.getStyle(d, "height"), 10);

            b = Math.min(c ? c / f : Infinity, b ? b / a : Infinity);

            return {

                fontSize: b * q,

                width: b * a,

                height: b * f

            }

        },

        q = 100,

        J = null;

    ml.adjustFontSize = function(a, b, c, d) {

        function e(a, b) {

            return parseInt(ml.element.getStyle(a, b) || 0, 10)

        }

        var f = a.innerHTML.length;

        if (f !==

            a._oldTextLength) {

            a._oldTextLength = f;

            a._ml_textSizeRatioCache || (a._ml_textSizeRatioCache = {});

            if (a._ml_textSizeRatioCache[f]) return a._ml_textSizeRatioCache[f];

            var f = e(a, "width"),

                j;

            c || (j = e(a, "height"));

            null === J && (J = ["box-sizing", "-moz-box-sizing", "-o-box-sizing", "-ms-box-sizing", "-webkit-box-sizing"].filter(function(a) {

                return void 0 !== document.createElement("div").style[a]

            })[0]);

            J && "border-box" === ml.element.getStyle(a, J) && (f -= e(a, "border-left") + e(a, "border-right") + e(a, "padding-left") + e(a, "padding-right"),

                j && (j -= e(a, "border-top") + e(a, "border-bottom") + e(a, "padding-top") + e(a, "padding-bottom")));

            a.style.fontSize = Math.floor(k(a, f, j, b, d).fontSize) + "px";

            ml.assert("block" === ml.element.getStyle(a, "display") || "inline-block" === ml.element.getStyle(a, "display") || "table-cell" === ml.element.getStyle(a, "display"), "ml.element.getStyle(el,'display')==" + ml.element.getStyle(a, "display"), 1)

        }

    };

    ml.getTextSize = function(a, b, c) {

        return k(a, b, c)

    };

    ml.showBrowserHint = function(a, b) {

        var c = {

            init: function() {

                this.browser = this.searchString(this.dataBrowser);

                this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion)

            },

            searchString: function(a) {

                for (var b = 0; b < a.length; b++) {

                    var c = a[b].string,

                        e = a[b].prop;

                    this.versionSearchString = a[b].versionSearch || a[b].identity;

                    if (c) {

                        if (-1 != c.indexOf(a[b].subString)) return a[b].identity

                    } else if (e) return a[b].identity

                }

            },

            searchVersion: function(a) {

                var b = a.indexOf(this.versionSearchString);

                if (-1 != b) return parseFloat(a.substring(b + this.versionSearchString.length + 1))

            },

            dataBrowser: [{

                string: navigator.userAgent,

                subString: "Chrome",

                identity: "Chrome"

            }, {

                string: navigator.userAgent,

                subString: "OmniWeb",

                versionSearch: "OmniWeb/",

                identity: "OmniWeb"

            }, {

                string: navigator.vendor,

                subString: "Apple",

                identity: "Safari",

                versionSearch: "Version"

            }, {

                prop: window.opera,

                identity: "Opera"

            }, {

                string: navigator.vendor,

                subString: "iCab",

                identity: "iCab"

            }, {

                string: navigator.vendor,

                subString: "KDE",

                identity: "Konqueror"

            }, {

                string: navigator.userAgent,

                subString: "Firefox",

                identity: "Firefox"

            }, {

                string: navigator.vendor,

                subString: "Camino",

                identity: "Camino"

            }, {

                string: navigator.userAgent,

                subString: "Netscape",

                identity: "Netscape"

            }, {

                string: navigator.userAgent,

                subString: "MSIE",

                identity: "Explorer",

                versionSearch: "MSIE"

            }, {

                string: navigator.userAgent,

                subString: "Gecko",

                identity: "Mozilla",

                versionSearch: "rv"

            }, {

                string: navigator.userAgent,

                subString: "Mozilla",

                identity: "Netscape",

                versionSearch: "Mozilla"

            }],

            dataOS: [{

                string: navigator.platform,

                subString: "Win",

                identity: "Windows"

            }, {

                string: navigator.platform,

                subString: "Mac",

                identity: "Mac"

            }, {

                string: navigator.userAgent,

                subString: "iPhone",

                identity: "iPhone/iPod"

            }, {

                string: navigator.platform,

                subString: "Linux",

                identity: "Linux"

            }]

        };

        c.init();

        var d = "<div style='padding: 30px'>",

            e = "in order to use " + a + ' download the latest version of your browser at <a target="_blank" href=';

        if (c.browser) {

            var f = c.browser;

            "Chrome" === f ? (f = "Google Chrome", e += "'http://www.google.com/chrome/'>www.google.com/chrome</a>") : "Firefox" === f ? e += "'http://www.mozilla.com/firefox/'>www.mozilla.com/firefox</a>" : "Safari" === f ? e += "'http://www.apple.com/safari/download/'>www.apple.com/safari/download</a>" :

                "Explorer" === f ? (f = "Internet Explorer", e = "in order to use " + a + " install the Google Chrome Frame plug-in at <a target='_blank' href='http://code.google.com/chrome/chromeframe/'>http://code.google.com/chrome/chromeframe</a>") : e = null;

            d += "you are using the browser " + f;

            c.version && (d += " " + c.version);

            d += "<br><br>";

            e && (d += e + ".<br><br>")

        }

        d += a + " supports following browsers:<br>     <ul>       <li><b>Internet Explorer</b> with the <b>Google Chrome Frame</b> plug-in</li>       <li><b>Firefox 3.5</b> or higher</li>       <li><b>Safari 5</b> or higher</li>       <li><b>Google Chrome 4</b> or higher</li>     </ul>     ";

        b && (d += "<br>" + b);

        document.body.innerHTML = d + "</div>"

    };

    "undefined" !== typeof window && window.console && (window.console.print = function(a) {

        window.console.log(JSON.stringify(a))

    }, window.console.printStack = function() {

        window.console && window.console.log && window.console.log(Error().stack)

    });

    ml.assert = function(a, b, c, d) {

        if ("undefined" !== typeof window && !a) {

            var e = Error().stack,

                f;

            c || (c = 0);

            c++;

            ml.browser().usesGecko && (window.console && window.console.log) && window.console.log(e);

            if (e) {

                do e = e.replace(/.*[\s\S]/, ""); while (c--);

                f = /[^\/]*$/.exec(e.split("\n")[0]).toString().replace(/\:[^\:]*$/, "")

            }

            f = "assertion fail at " + f;

            void 0 !== b && (f += " (" + (b.join && b.join(",") || b) + ")");

            if (d) throw f;

            var j = "localhost" === window.location.hostname;

            if (-1 === window.navigator.userAgent.indexOf("MSIE")) {

                window.console && (window.console.log && !j) && window.console.log(f);

                for (var h = 3; h < arguments.length; h++) window.console && window.console.log ? window.console.log(arguments[h]) : f += arguments[h] + "\n";

                j && window.alert(f + "\n" + e);

                if (j) throw f;

            }

        }

    };

    var F, A = [];

    ml.addTactFct =

        function(a) {

            A.push(a);

            F || (F = window.setInterval(function() {

                for (var a in A) A[a]()

            }, 150))

        };

    ml.hash = {};

    ml.hash.get = function() {

        var a = location.hash.substring(1);

        ml.browser().isSafari && (a = a.replace(/%23/g, "#"));

        return a

    };

    ml.hash.set = function(a) {

        a[0] && "#" === a[0] && (a = "#" + a);

        location.hash = a

    };

    ml.hash.isClear = function() {

        return "" === ml.hash.get()

    };

    ml.hash.clear = function() {

        0 === scrollY && 0 === scrollX ? location.hash = "#" : (this.listenerAdded || (ml.addHashListener(function() {

            var a = ml.hash.get();

            if ("##" === a || "%23%23" === a) a = [scrollX, scrollY], location.hash = "#", scrollTo(a[0], a[1])

        }), this.listenerAdded = !0), location.hash = "###")

    };

    ml.addHashListener = function(a, b) {

        if (void 0 !== window.onhashchange) window.addEventListener("hashchange", function() {

            a()

        }, !1);

        else {

            var c = location.hash;

            ml.addTactFct(function() {

                location.hash != c && (c = location.hash, a())

            })

        }

        b && a()

    };

    ml.getKeyNum = function(a) {

        if (a.mlKeyCode) return a.mlKeyCode;

        if (window.event) return a.keyCode;

        if (a.which) return a.which;

        if (a.keyCode) return a.keyCode

    };

    ml.controlKeyPressed = function(a) {

        return a.ctrlKey ||

            a.altKey || a.metaKey

    };

    var C;

    ml.changeIcon = function(a) {

        var b = ml.browser().usesGecko;

        if (!C || b) {

            for (var b = document.getElementsByTagName("link"), c = 0; c < b.length; c++) "icon" == b[c].getAttribute("rel").toLowerCase() && document.head.removeChild(b[c]);

            C = document.createElement("link");

            C.rel = "icon";

            C.type = "image/png";

            document.head.appendChild(C)

        }

        C.href = a

    };

    ml.canvasIcon = function(a) {

        var b = document.createElement("canvas");

        b.height = 32;

        b.width = 32;

        var c = b.getContext("2d");

        a(c);

        ml.changeIcon(b.toDataURL())

    };

    ml.timeIcon =

        function(a, b, c) {

            a || (a = 1);

            b || (b = "black");

            var d = new Date,

                e = document.createElement("canvas");

            e.height = 32 / a;

            e.width = 32 / a;

            var f = e.getContext("2d");

            f.fillStyle = b;

            f.font = Math.floor(15 / a) + "pt arial";

            f.fillText(ml.date.readable.getHours(d, c), 0, ml.browser().usesGecko ? 15 / a : 14 / a);

            f.font = 16 / a + "pt arial";

            f.fillText(ml.date.readable.getMinutes(d), 5 / a, 32 / a);

            return e.toDataURL()

        };

    ml.doneIcon = function(a, b, c) {

        var d = document.createElement("canvas"),

            e = d.getContext("2d");

        d.height = a;

        d.width = a;

        e.clearRect(0, 0, a, a);

        var f =

            e.createLinearGradient(0, 0, 0, a);

        f.addColorStop(0, c);

        f.addColorStop(1, b);

        e.fillStyle = f;

        e.beginPath();

        var j = [a / 20, -a / 4],

            b = [0, a / 2],

            c = [a / 10, a / 2],

            f = [a / 4, a - a / 4],

            h = [a - a / 10, 0],

            p = [a, 0],

            l = [a, a / 10],

            m = [a / 4, a],

            g = [m[0] + j[0] + a / 10, m[1] + j[1] - a / 10],

            i = [0, a / 2 + a / 10],

            P = [m[0] - a / 10, m[1] - a / 10],

            P = [P[0] + a / 40, P[1] - a / 40],

            a = [f[0] + j[0], f[1] + j[1]];

        e.moveTo(b[0], b[1]);

        e.lineTo(c[0], c[1]);

        e.lineTo(f[0], f[1]);

        e.lineTo(P[0], P[1]);

        e.quadraticCurveTo(a[0], a[1], h[0], h[1]);

        e.lineTo(p[0], p[1]);

        e.lineTo(l[0], l[1]);

        e.quadraticCurveTo(g[0],

            g[1], m[0], m[1]);

        e.lineTo(m[0], m[1]);

        e.lineTo(i[0], i[1]);

        e.lineTo(b[0], b[1]);

        e.fill();

        return d.toDataURL()

    };

    ml.getColorImageURL = function(a, b) {

        b || (b = 1);

        arguments.callee.urls || (arguments.callee.urls = {});

        var c = arguments.callee.urls;

        if (!c[a]) {

            var d = document.createElement("canvas");

            d.height = 32 / b;

            d.width = 32 / b;

            var e = d.getContext("2d");

            e.scale(1 / b, 1 / b);

            e.fillStyle = a;

            e.fillRect(0, 0, 300, 150);

            c[a] = d.toDataURL()

        }

        return c[a]

    };

    ml.timerIcon = function(a, b, c, d) {

        ml.assert(void 0 === c);

        ml.assert(void 0 === d);

        if (0 >= a && b) return ml.getColorImageURL(0 ===

            Math.abs(a) % 2 ? "#e11" : "transparent", 16);

        0 >= a && (a = 0);

        c = document.createElement("canvas");

        c.height = 16;

        c.width = 16;

        var d = c.getContext("2d"),

            e = a / 60 | 0,

            f = 99 < e;

        f && (e %= 60);

        var j = f ? a / 3600 | 0 : e,

            a = f ? e : a % 60;

        if (void 0 !== b && null !== b) {

            ml.assert(1 >= b && 0 <= b, "percent===" + b);

            e = c.height;

            f = c.width;

            d.fillStyle = "transparent";

            d.fillRect(0, 0, f, e);

            d.moveTo(f / 2, 0);

            var h = (2 * e + 2 * f) * b;

            h <= f / 2 ? h = [f / 2 + h, 0] : (d.lineTo(f, 0), h <= f / 2 + e ? h = [f, h - f / 2] : (d.lineTo(f, e), h <= f / 2 + e + f ? h = [f - (h - f / 2 - e), e] : (d.lineTo(0, e), h <= f / 2 + e + f + e ? h = [0, e - (h - f / 2 - e - f)] :

                (ml.assert(h <= f / 2 + e + f + e + f / 2, b), d.lineTo(0, 0), h = [h - (f / 2 + e + f + e), 0]))));

            d.lineTo(h[0], h[1]);

            d.lineTo(f / 2, e / 2);

            d.fillStyle = "#aaf";

            d.fill()

        } else d.fillStyle = "transparent", d.fillRect(0, 0, d.canvas.height, d.canvas.width);

        d.fillStyle = "black";

        0 < j ? (d.font = "7pt arial", d.fillText(appendZero(j), 0, 7), d.font = "9pt arial", d.fillText(appendZero(a), 2, 16)) : (d.font = "10pt arial", d.textAlign = "center", d.fillText(a, 8 + (1 === a.length ? 1 : 0), 12 + (ml.browser().usesGecko ? 1 : 0)));

        return c.toDataURL()

    };

    ml.circleIcon = function(a, b, c) {

        var d =

            document.createElement("canvas"),

            e = d.getContext("2d");

        d.height = b;

        d.width = b;

        c || (c = [-4, 0]);

        var f = 4 < a.length ? b / 3 : 1 == a.length ? b : b / 2,

            j = (b - 1) / 2,

            h = (b - 1) / 2,

            b = b / 2 - f / 2,

            g;

        for (g in a) {

            var l = 2 * Math.PI * g / a.length,

                m = Math.cos(l) * b - f / 2 + j + c[0],

                l = Math.sin(l) * b - f / 2 + h + c[1];

            e.drawImage(a[g], m, l, f, f)

        }

        return d.toDataURL()

    };

    ml.dooityRandColor = function(a, b) {

        function c() {

            var a, b;

            if (0 === e.length) a = d[0][0];

            else {

                var c = Math.floor(Math.random() * e.length);

                a = e[c][0];

                b = e[c][1];

                e.splice(c, 1)

            }

            b || (b = a, b = [parseInt(b[0] + (255 - b[0]) / 2, 10),

                parseInt(b[1] + (255 - b[1]) / 2, 10), parseInt(b[2] + (255 - b[2]) / 2, 10)

            ]);

            return ["rgb(" + a[0] + "," + a[1] + "," + a[2] + ")", "rgb(" + b[0] + "," + b[1] + "," + b[2] + ")"]

        }

        var d = [

            [

                [71, 183, 230],

                [181, 226, 245]

            ],

            [

                [43, 171, 51]

            ],

            [

                [250, 27, 228]

            ],

            [

                [29, 189, 207]

            ],

            [

                [191, 82, 255]

            ],

            [

                [174, 82, 255]

            ],

            [

                [223, 45, 0]

            ],

            [

                [237, 85, 85]

            ]

        ];

        a && (d = [

            [

                [100, 100, 100]

            ]

        ]);

        var e = d.slice();

        if (b) {

            for (var f = []; b--;) f.push(c());

            return f

        }

        return c()

    };

    ml.webReq = function(a, b, c, d) {

        var e = new XMLHttpRequest,

            f = arguments.callee;

        e.onreadystatechange = function() {

            4 == e.readyState && (c &&

                c(e.responseText), d && (d.pendingReqs--, 0 === d.pendingReqs && d()), f.pendingReqs--, 0 === f.pendingReqs && f.reqsCallback && f.reqsCallback())

        };

        var g = "GET";

        "GET" == b ? b = null : b && (g = "POST");

        e.open(g, a, !0);

        "POST" === g && e.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

        e.send(b);

        d && (d.pendingReqs || (d.pendingReqs = 0), d.pendingReqs++);

        f.pendingReqs || (f.pendingReqs = 0);

        f.pendingReqs++

    };

    ml.getUrlVars = function() {

        for (var a = [], b, c = window.location.href.slice(window.location.href.indexOf("?") + 1).split("&"),

                d = 0; d < c.length; d++) b = c[d].split("="), a.push(b[0]), a[b[0]] = window.decodeURIComponent(b[1]);

        return a

    };

    ml.deleteCookies = function() {

        for (var a = document.cookie.split(";"), b = 0; b < a.length; b++) {

            var c = a[b].indexOf("="),

                c = -1 < c ? a[b].substr(0, c) : a[b];

            document.cookie = c + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT"

        }

    };

    var K;

    ml.loadASAP = function(a, b) {

        function c() {

            var e = document.createElement("script");

            e.src = a;

            e.onerror = function() {

                K.removeChild(e);

                setTimeout(c, Math.min(1E3 * Math.pow(2, d), 6E4))

            };

            b && (e.onload = b);

            d++;

            K.appendChild(e)

        }

        K = K || document.getElementsByTagName("head")[0];

        var d = 0;

        c()

    };

    var R = {};

    ml.addCss = function(a, b) {

        if (!b || !R[a]) {

            var c = document.createElement("style");

            c.appendChild(document.createTextNode(a));

            c.setAttribute("type", "text/css");

            document.getElementsByTagName("head")[0].appendChild(c);

            b && (R[a] = !0)

        }

    };

    var v = null;

    ml.browser = function() {

        if (!v) {

            v = {};

            var a = window.navigator.platform || "",

                b = window.navigator.userAgent.toLowerCase() || ""; - 1 < b.indexOf("googlebot") || -1 < b.indexOf("msnbot") || -1 < b.indexOf("slurp") ? v.isBot = !0 :

                -1 < b.indexOf("webkit") ? v.usesWebkit = !0 : -1 < b.indexOf("gecko") && (v.usesGecko = !0);

            !/\bchrome\b/.test(b) && /safari/.test(b) && (v.isSafari = !0);

            /Win/.test(a) ? v.isWindows = !0 : /Mac/.test(a) && (v.isMac = !0);

            window.opera && (v.isOpera = !0)

        }

        return v

    };

    ml.escapeHTML = function(a) {

        return a.replace(/((<)|(>)|(&))/g, function(a, c, d, e, f) {

            if (d) return "&lt;";

            if (e) return "&gt;";

            if (f) return "&amp;"

        })

    };

    ml.setLoader = function(a, b) {

        function c() {

            var a = p++;

            f.clearRect(0, 0, e, d);

            f.beginPath();

            a /= 6 * Math.PI;

            f.arc(e / 2, d / 2, e / 2 - h / 2, 0 - Math.PI / 4 +

                a, Math.PI / 2 + a, !1);

            f.stroke();

            setTimeout(c, 10)

        }

        ml.assert(a && a.getContext("2d"));

        var d = parseInt(ml.element.getStyle(a, "height"), 10) || parseInt(a.style.height, 10) || a.height,

            e = parseInt(ml.element.getStyle(a, "width"), 10) || parseInt(a.style.width, 10) || a.width;

        ml.assert(e && d && e === d, "! width===height");

        a.height = d;

        a.width = e;

        var f = a.getContext("2d"),

            g = f.createLinearGradient(0, 0, e, d);

        g.addColorStop(0, b ? b : "#888");

        g.addColorStop(1, b ? b : "#555");

        f.strokeStyle = g;

        var h = e / 8;

        f.lineWidth = h;

        var p = 0;

        c()

    };

    ml.getEventSource =

        function(a) {

            var b = null;

            a.target ? b = a.target : a.srcElement && (b = a.srcElement);

            3 == b.nodeType && (b = b.parentNode);

            return b

        };

    ml.isChildOf = function(a, b) {

        ml.assert(void 0 !== a.parentElement);

        do

            if (a === b) return !0;

        while (a = a.parentElement);

        return !1

    };

    ml.getChar = function(a) {

        if ("keypress" === a.type) {

            var b = {

                10: "enter",

                13: "enter",

                32: " ",

                37: "left",

                38: "up",

                39: "right",

                40: "down",

                43: "+",

                45: "-",

                47: "/",

                48: "0",

                49: "1",

                50: "2",

                51: "3",

                52: "4",

                53: "5",

                54: "6",

                55: "7",

                56: "8",

                57: "9",

                63: "?",

                65: "A",

                66: "B",

                67: "C",

                68: "D",

                69: "E",

                70: "F",

                71: "G",

                72: "H",

                73: "I",

                74: "J",

                75: "K",

                76: "L",

                77: "M",

                78: "N",

                79: "O",

                80: "P",

                81: "Q",

                82: "R",

                83: "S",

                84: "T",

                85: "U",

                86: "V",

                87: "W",

                88: "X",

                89: "Y",

                90: "Z",

                97: "a",

                98: "b",

                99: "c",

                100: "d",

                101: "e",

                102: "f",

                103: "g",

                104: "h",

                105: "i",

                106: "j",

                107: "k",

                108: "l",

                109: "m",

                110: "n",

                111: "o",

                112: "p",

                113: "q",

                114: "r",

                115: "s",

                116: "t",

                117: "u",

                118: "v",

                119: "w",

                120: "x",

                121: "y",

                122: "z",

                666: "comma dummy"

            };

            if (a.mlKeyCode) return b[a.mlKeyCode];

            if (0 === a.charCode) return b[a.keyCode];

            ml.assert(a.charCode);

            return b[a.charCode]

        }

        if ("keydown" === a.type || "keyup" ===

            a.type || "change" === a.type) return b = {

            13: "enter",

            27: "esc",

            32: " ",

            37: "left",

            38: "up",

            39: "right",

            40: "down",

            48: "0",

            49: "1",

            50: "2",

            51: "3",

            52: "4",

            53: "5",

            54: "6",

            55: "7",

            56: "8",

            57: "9",

            65: "a",

            66: "b",

            67: "c",

            68: "d",

            69: "e",

            70: "f",

            71: "g",

            72: "h",

            73: "i",

            74: "j",

            75: "k",

            76: "l",

            77: "m",

            78: "n",

            79: "o",

            80: "p",

            81: "q",

            82: "r",

            83: "s",

            84: "t",

            85: "u",

            86: "v",

            87: "w",

            88: "x",

            89: "y",

            90: "z",

            96: "0",

            97: "1",

            98: "2",

            99: "3",

            100: "4",

            101: "5",

            102: "6",

            103: "7",

            104: "8",

            105: "9",

            187: "+",

            189: "-",

            666: "comma dummy"

        }, a.mlKeyCode ? b[a.mlKeyCode] : b[a.keyCode];

        ml.assert(!1)

    };

    var S = ml,

        G;

    G = function(a) {

        a()

    };

    if ("undefined" !== typeof window) {

        var H = {},

            D = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame,

            L = window.cancelRequestAnimationFrame || window.webkitCancelRequestAnimationFrame || window.mozCancelRequestAnimationFrame || window.msCancelRequestAnimationFrame;

        G = !D || !L ? G : function(a) {

            H[a] && L(H[a]);

            H[a] = D(a)

        }

    }

    S.reqFrame = G;

    ml.safe_call = function(a) {

        if (a)

            if (a.constructor === Array) {

                a.filter &&

                    (a = a.filter(function(a) {

                        return !!a

                    }));

                for (var b = 0; b < a.length; b++) {

                    var c = [].slice.call(arguments);

                    [].splice.call(c, 0, 1, a[b]);

                    arguments.callee.apply(null, c)

                }

            } else if ("localhost" === window.location.hostname) a.apply(null, [].slice.call(arguments, 1));

        else try {

            a.apply(null, [].slice.call(arguments, 1))

        } catch (d) {

            ml.assert(!1, d)

        }

    };

    ml.pStore = {};

    if ("undefined" !== typeof window) {

        var n, E = function(a) {

                ml.assert(a.constructor === Array);

                return JSON.stringify(a)

            },

            y = function(a) {

                ml.assert(void 0 === a || null === a || a.constructor ===

                    String);

                a = a ? JSON.parse(a) : [];

                ml.assert(a && a.constructor === Array && [!0].concat(a.map(function(a) {

                    return a.constructor === Number && 134E10 < a

                })).reduce(function(a, c) {

                    return a && c

                }));

                return a

            },

            N = function() {

                x += 9;

                setTimeout(function() {

                    x -= 9

                }, 0);

                M.forEach(function(a) {

                    a()

                });

                if (ml.pStore.onExtChange) ml.pStore.onExtChange()

            },

            t = function(a) {

                var b = 0 >= x;

                ml.assert(b, "pStore.set call only allowed in a window.onload, window.onclick, or window.onchange call", 3);

                if (!b) throw "pStore.set call only allowed in a window.onload, window.onclick, or window.onchange call";

                a();

                w.push(+new Date);

                localStorage.setItem(z, E(w));

                s && I()

            },

            s = window.chrome && window.chrome.storage,

            z = "_ml_ts",

            w = y(localStorage.getItem(z)),

            M = [];

        n = function(a) {

            M.push(a)

        };

        if (s) var Q = 0,

            I = function() {

                window.clearInterval(Q);

                Q = setTimeout(function() {

                    s.sync.get(null, function(a) {

                        var b = y(a[z]),

                            c;

                        c = y(localStorage.getItem(z));

                        var d;

                        for (d = 0; d < b.length && b[d] === c[d]; d++);

                        c = [b.slice(d), c.slice(d)];

                        if (!(0 === c[0].length && 0 === c[1].length))

                            if (c[0].length > c[1].length) {

                                for (var e in a) ml.assert(a[e].constructor === String);

                                for (e in localStorage) void 0 === a[e] && localStorage.removeItem(e);

                                for (e in a) e !== z && localStorage.setItem(e, a[e]);

                                w = b;

                                localStorage.setItem(z, a[z]);

                                N()

                            } else {

                                a = {};

                                for (e in localStorage) a[e] = localStorage.getItem(e);

                                s.sync.clear();

                                s.sync.set(a)

                            }

                    })

                }, 300)

            };

        ml.pStore.get = function(a) {

            ml.assert(a.constructor === String);

            return localStorage.getItem(a)

        };

        var x = 0;

        window.addEventListener("load", function() {

            setTimeout(function() {

                x++

            }, 0)

        });

        ["click", "change"].forEach(function(a) {

            window.addEventListener(a, function() {

                x--;

                setTimeout(function() {

                    x++

                }, 0)

            }, !0)

        });

        ml.pStore.set = function(a, b) {

            ml.assert(a.constructor === String && b.constructor === String);

            t(function() {

                localStorage.setItem(a, b)

            })

        };

        ml.pStore.clear = function() {

            t(function() {

                localStorage.clear()

            })

        };

        window.addEventListener("storage", function() {

            var a = y(localStorage.getItem(z));

            if (w.length !== a.length || w[w.length - 1] !== a[a.length - 1]) w = a, N()

        });

        s && s.onChanged.addListener(I);

        s && s.onChanged.addListener(function() {

            I()

        });

        s && I();

        var B;

        window.addEventListener("load", function() {

            setTimeout(function() {

                B = !0

            }, 0)

        });

        ml.PersistantObject = function(a, b) {

            function c() {

                var b = ml.pStore.get(a),

                    b = b && JSON.parse(b) || {};

                ml.assert(b.constructor === Object);

                return b

            }



            function d(a, b) {

                ml.assert(b instanceof Object && a instanceof Object);

                for (var c in b) a[c] || delete b[c];

                for (c in a) !(b[c] instanceof Array) && !(a[c] instanceof Array) && b[c] instanceof Object && a[c] instanceof Object ? d(a[c], b[c]) : b[c] = a[c]

            }

            ml.assert(!B);

            if (B) throw "ml.PersistantObject call only allowed in window.onload call";

            ml.assert(!b);

            var e = c();

            Object.defineProperty(e,

                Object.keys({

                    put: !0

                }), {

                    value: function() {

                        ml.pStore.set(a, JSON.stringify(e))

                    }

                });

            n(function() {

                d(c(), e)

            });

            return e

        }

    }

    ml.persistantInput = function(a, b, c, d, e) {

        ml.assert("key" != a);

        if (void 0 === c || null === c) c = "";

        var f = document.getElementById(a);

        if (void 0 !== window.localStorage) {

            if (!ml.persistantInput.chromeBugFixed && window.localStorage.key) {

                for (var g = {}, h = 0; h < window.localStorage.length; h++) g[window.localStorage.key(h)] = !0;

                for (var p in g) window.localStorage[p] || (window.localStorage[p] = "");

                ml.persistantInput.chromeBugFixed = !0

            }

            var l = !1 === c || !0 === c,

                c = null !== window.localStorage.getItem(a) ? window.localStorage[a] : c;

            l && (c = !!c);

            ml.assert(l === ("checkbox" === f.type));

            "SELECT" === f.nodeName && 0 === f.childNodes.length && (f.innerHTML = "<option>" + c + "</option>");

            f[l ? "checked" : "value"] = c;

            b && !e && b(c);

            var m, e = function() {

                m && window.clearTimeout(m);

                m = window.setTimeout(function() {

                    var c = l ? f.checked ? "true" : "" : f.value;

                    window.localStorage[a] != c && (window.localStorage[a] = c, b && b(l ? !!c : c))

                }, void 0 !== d ? d : l ? 0 : 1E3)

            };

            (c = l || "color" === f.type.toLowerCase() ||

                "SELECT" === f.nodeName) && f.addEventListener("change", e, !1);

            (!c || "SELECT" === f.nodeName) && f.addEventListener("keyup", e, !1)

        } else f.parentNode.removeChild(f), e || b(c)

    };

    ml.htmlBackground = function(a, b) {

        ml.assert(!arguments.callee.neverCalled);

        arguments.callee.neverCalled = !0;

        var c = document.documentElement;

        c.style.backgroundRepeat = "no-repeat";

        c.style.backgroundPosition = "center";

        c.style.backgroundAttachment = "fixed";

        c.style["min-height"] = "100%";

        c.style["min-width"] = "100%";

        var d, e = function() {

                c.style.backgroundColor =

                    f;

                c.style.backgroundImage = g;

                c.style.backgroundSize = "url(http://i.imgur.com/zqG5F.gif)" === g ? "auto" : "cover"

            },

            f, g;

        d = function(a) {

            if (-1 !== a.indexOf(".") || /^data:image/.test(a)) {

                var b = document.createElement("img"),

                    c;

                b.onload = function() {

                    var b = this.width,

                        d = this.height;

                    4E6 < b * d ? alert("The provided image has a size of " + b + "*" + d + " pixels. Large images are likely to slow down your machine. Thus only images of maximal 4 000 000 pixels -- e.g. 2500*1600 pixels -- are allowed.") : g === 'url("' + a + '")' && e();

                    c = !0

                };

                b.onerror =

                    function() {

                        "url(http://i.imgur.com/zqG5F.gif)" === g && g === 'url("' + a + '")' && (g = "none", e())

                    };

                window.setTimeout(function() {

                    !c && g === 'url("' + a + '")' && (f = "", g = "url(http://i.imgur.com/zqG5F.gif)", e(), f = "", g = 'url("' + a + '")')

                }, 50);

                f = "";

                g = 'url("' + a + '")';

                b.src = a

            } else "" === a ? (f = "", g = "none") : -1 !== a.indexOf("gradient") ? (f = "", g = a) : (f = a, g = "none"), e()

        };

        ml.persistantInput(a, d, b);

        return d

    };

    ml.fullscreenElement = function(a, b, c) {

        var d = function(a) {

            if (ml.isTouchDevice()) return !1;

            for (var b = ["-webkit-", "-moz-", "-ms-", "-o-", ""],

                    d = ["WebkitT", "MozT", "msT", "OT", "t"], e, f = 0; f < d.length; f++) {

                var g = d[f];

                "" === document.documentElement.style[g + "ransition"] && "" === document.documentElement.style[g + "ransform"] && (document.documentElement.style[g + "ransition"] = b[f] + "transform 0.6s ease-in-out", document.documentElement.style[g + "ransition"] && (e = g))

            }

            if (!e) return !1;

            var h, i;

            return [function() {

                function b(a) {

                    function c(b) {

                        return parseInt(ml.element.getStyle(a, b), 10) || 0

                    }



                    function d(a) {

                        return a.map(function(a) {

                            return (g ? 0 : c("padding-" + a) + c("border-" +

                                a)) + c("margin-" + a)

                        }).reduce(function(a, b) {

                            return a + b

                        })

                    }

                    var e = c("height"),

                        f = c("width"),

                        g = !ml.browser().usesGecko && "border-box" === ["-webkit-", "-moz-", "-ms-", "-o", ""].reduce(function(b, c) {

                            return ml.element.getStyle(a, b + "box-sizing") || ml.element.getStyle(a, c + "box-sizing")

                        }),

                        e = e + d(["top", "bottom"]),

                        f = f + d(["left", "right"]);

                    return {

                        height: e,

                        width: f

                    }

                }

                i = document.documentElement.style.overflow;

                document.documentElement.style.overflow = "hidden";

                var d = b(a),

                    f = d.width,

                    g = d.height,

                    m = !c ? 0 : c.map(function(a) {

                        return b(a).height

                    }).reduce(function(a,

                        b) {

                        return a + b

                    }),

                    d = ml.element.getPosition(a),

                    l = parseInt(ml.element.getStyle(a, "padding-top"), 10);

                d.y += l;

                var j = window.innerWidth,

                    k = window.innerHeight,

                    m = g - l + m,

                    g = Math.min(k / m, j / f),

                    f = [j - 2 * (d.x + f / 2), k - 2 * (d.y + m / 2)],

                    d = g / 2;

                document.documentElement.style[e + "ransform"] = "translate(" + (d * f[0] + "px," + d * f[1] + "px") + ") scale(" + g + ")";

                h = !0

            }, function() {

                document.documentElement.style[e + "ransform"] = "";

                setTimeout(function() {

                    h || (document.documentElement.style.overflow = i)

                }, 601);

                h = !1

            }]

        }(a);

        if (d) {

            var e, f;

            a.unfullscreen = function() {

                "#fullscreen" ===

                location.hash && (location.hash = "")

            };

            e = function() {

                location.hash = "#fullscreen" === location.hash ? "" : "fullscreen"

            };

            var g, h;

            f = function() {

                ml.reqFrame(function() {

                    if (!h || h != g) h = g;

                    "#fullscreen" === location.hash ? (d[0](), g = !0) : (d[1](), g = !1)

                })

            };

            a.addEventListener("click", e, !1);

            b && window.addEventListener("keydown", function(a) {

                a = a || window.event;

                if (!ml.controlKeyPressed(a)) {

                    var c = ml.getEventSource(a).type;

                    "text" === c || "url" === c || ml.getChar(a) === b && e()

                }

            }, !1);

            f();

            ml.addHashListener(f);

            window.addEventListener("resize",

                function() {

                    setTimeout(f, 1)

                }, !1);

            return f

        }

    };

    ml.makeSet = function(a) {

        ml.assert(a.constructor === Array);

        for (var b = {}, c = 0; c < a.length; c++) {

            var d = a[c];

            b[d] ? a.splice(c--, 1) : b[d] = !0

        }

        return a

    };

    ml.intersect = function() {

        if (!arguments.length) return [];

        for (var a = arguments[0], b = a2 = null, c = 1; c < arguments.length;) {

            b = [];

            a2 = arguments[c];

            for (var d = a.length, e = a2.length, f = 0; f < d; f++)

                for (var g = 0; g < e; g++) a[f] === a2[g] && b.push(a[f]);

            a = b;

            c++

        }

        return ml.makeSet(a)

    };

    var O = {};

    ml.getElementByIdStatic = function(a) {

        O[a] || (O[a] = document.getElementById(a));

        return O[a]

    };

    ml.isTouchDevice = function() {

        return !!("ontouchstart" in window)

    };

    ml.replaceWebApp = function(a) {

        if (window.parent !== window) return !1;

        document.body.innerHTML = "";

        var b = document.createElement("iframe");

        b.src = a;

        b.setAttribute("frameborder", "0");

        document.documentElement.style.overflow = document.body.style.overflow = "hidden";

        document.documentElement.style.margin = document.body.style.margin = "0";

        document.documentElement.style.width = document.body.style.width = document.documentElement.style.height = document.body.style.height =

            b.style.height = b.style.width = "100%";

        document.body.appendChild(b);

        return !0

    };

    ml.loadAnalytics = function(a) {

        var b = b || [];

        b.push(["_setAccount", a]);

        b.push(["_trackPageview"]);

        a = document.createElement("script");

        a.type = "text/javascript";

        a.async = !0;

        a.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";

        (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(a);

        window._gaq = b

    }

})();

var IS_BACKGROUND_TASK = "undefined" === typeof window;



function load() {

    var r = "undefined" !== typeof Windows && Windows;

    if (r) {

        var g = {},

            u = r.UI.Notifications;

        g.create = function(a, b, c, d) {

            ml.assert("big" === a || "bigCenter" === a);

            var e;

            "big" === a ? e = u.TileUpdateManager.getTemplateContent(u.TileTemplateType.tileWideText03) : "bigCenter" === a && (e = u.TileUpdateManager.getTemplateContent(u.TileTemplateType.tileWideSmallImageAndText01));

            a = e.getElementsByTagName("text");

            a[0].appendChild(e.createTextNode(b + "\n" + c + "\n" + d));

            var f = u.TileUpdateManager.getTemplateContent(u.TileTemplateType.tileSquareText02),

                a = f.getElementsByTagName("text");

            a[0].appendChild(f.createTextNode(b));

            a[1].appendChild(f.createTextNode(c + "\n" + d));

            b = e.importNode(f.getElementsByTagName("binding").item(0), !0);

            e.getElementsByTagName("visual").item(0).appendChild(b);

            return e

        };

        g.update = function(a, b, c) {

            ml.assert(a && b && b.constructor === Date && (!c || c.constructor === Date));

            a = c && new u.ScheduledTileNotification(a, c) || new u.TileNotification(a);

            a.expirationTime = b;

            u.TileUpdateManager.createTileUpdaterForApplication()[c ? "addToSchedule" : "update"](a)

        };

        for (var i = r.Storage.ApplicationData.current.localSettings.values, k = parseInt(i.lastTile, 10) || -1, q, J = (new Date).setSeconds(0), F = 0; 60 > F; F++)

            if (q = +J + 6E4 * F, q > k) {

                var A = new Date(q),

                    C = ml.date.readable.getTime("time12_pretty", A, 0, 2),

                    K = ml.date.readable.getDay(A),

                    R = ml.date.readable.getMonth(A) + " " + ml.date.readable.getDate(A);

                g.update(g.create("bigCenter", C, K, R), new Date(q + 6E4), 0 < F && A)

            }

        i.lastTile = q;

        if (IS_BACKGROUND_TASK) {

            close();

            return

        }

        g = new r.ApplicationModel.Background.BackgroundTaskBuilder;

        g.name = "Maintenance background task";

        g.taskEntryPoint = "sf\\_.js";

        r = new r.ApplicationModel.Background.MaintenanceTrigger(15, !1);

        g.setTrigger(r);

        g.register();

        if (ml.replaceWebApp("ms-appx-web:///index.html")) return

    }

    var r = /^ms/.test(location.href),

        v = function(a) {

            function b() {

                var a = ml.getTextSize(H, Math.min(window.innerWidth, parseInt(n("font_size"), 10) || Infinity), window.innerHeight);

                ml.assert(a.width && a.height);

                if ("" != D.innerHTML) {

                    var c = ml.getTextSize(D, 0.95 * a.width, window.innerHeight);

                    0 < a.height + c.height - window.innerHeight && (a = ml.getTextSize(H,

                        window.innerWidth, window.innerHeight - c.height), c = ml.getTextSize(D, a.width, window.innerHeight - a.height), a = ml.getTextSize(H, window.innerWidth, window.innerHeight - c.height));

                    D.style.fontSize = c.fontSize + "px"

                }

                G.style.fontSize = a.fontSize + "px"

            }

            window.clearTimeout(L);

            void 0 === L || a ? b() : L = setTimeout(b, 300)

        },

        g = /(AM)|(PM)/.test((new Date).toLocaleTimeString()) || "en-US" === window.navigator.language,

        S = document.getElementById("time"),

        G = document.getElementById("timeTable"),

        H = document.getElementById("timeRow"),

        D = document.getElementById("date");

    document.getElementById("content");

    var L;

    window.addEventListener("resize", function() {

        v()

    }, !1);

    var n, E = [{

            id: "theme",

            description: "theme",

            default_: "steel"

        }, {

            id: "font",

            description: "font",

            default_: "Josefin Slab",

            negDependency: "theme"

        }, {

            id: "color_font",

            description: "font color",

            default_: "#333333",

            negDependency: "theme"

        }, {

            id: "font_shadow",

            description: "font shadow",

            default_: "",

            negDependency: "theme",

            placeholder: "see css text-shadow"

        }, {

            id: "font_size",

            description: "font size",

            default_: (520).toString()

        }, {

            id: "bg",

            description: "background",

            default_: "",

            negDependency: "theme",

            placeholder: "url or color"

        }, {

            id: "color_icon",

            description: "icon color",

            default_: "#545454"

        }, {

            id: "show_seconds_title",

            description: "seconds in title",

            default_: !1

        }, {

            id: "show_seconds",

            description: "seconds",

            default_: !0

        }, {

            id: "12_hour",

            description: "12-hour",

            default_: g

        }, {

            id: "show_pm",

            description: "am/pm",

            default_: !0,

            dependency: "12_hour"

        }, {

            id: "show_date",

            description: "date",

            default_: !0

        }, {

            id: "show_week",

            description: "week",

            default_: !1,

            dependency: "show_date"

        }],

        y = {

            simple: {

                bg: "#ffffff",

                font: "Syncopate",

                font_shadow: "none",

                color_font: "#333333"

            },

            steel: {

                bg: "http://i.imgur.com/9YKVj.jpg",

                font: "Syncopate",

                font_shadow: "0 1px 1px #000",

                color_font: "#e9e9e9"

            },

            grey: {

                bg: "#3D3F42",

                font: "Lora",

                font_shadow: "0 1px 1px #000",

                color_font: "#EBEBF1"

            },

            lobster: {

                bg: "#330000",

                font: "Lobster",

                font_shadow: "0 1px 1px #000",

                color_font: "#333333"

            },

            digital: {

                bg: "black",

                font: "Orbitron",

                font_shadow: "none",

                color_font: "#00ff00"

            },

            paper: {

                bg: "http://i.imgur.com/x97za.jpg",

                font: "Redressed",

                font_shadow: "0 1px 1px #000",

                color_font: "#111111"

            },

            ocean: {

                bg: "http://i.imgur.com/mOHYs.jpg",

                font: "Michroma",

                font_shadow: "none",

                color_font: "#333"

            },

            classy: {

                bg: "http://i.imgur.com/0KS5T.jpg",

                font: "Nothing You Could Do",

                font_shadow: "none",

                color_font: "#0000aa"

            },

            ocean2: {

                bg: "http://i.imgur.com/i6yiy.jpg",

                font: "Droid Sans Mono",

                font_shadow: "0 1px 1px #000",

                color_font: "#fff"

            },

            river_valley: {

                bg: "http://i.imgur.com/8G6JM.jpg",

                font: "Lato",

                font_shadow: "0 1px 1px #000",

                color_font: "#fff"

            },

            red: {

                bg: "#a00",

                font: "Muli",

                font_shadow: "0 1px 1px #000",

                color_font: "#1a1a1a"

            }

        },

        N;

    a: {

        var g = Math.floor(Math.random() * Object.keys(y).length),

            i = 0,

            t;

        for (t in y)

            if (i++ === g) {

                N = t;

                break a

            }

        N = void 0

    }

    n = function(a) {

        if ("theme" !== a) {

            var b = n("theme");

            "random" === b && (b = N);

            if (b = b && y[b] && y[b][a]) return b

        }

        a = document.getElementById(a);

        return "text" === a.type || "color" === a.type || "SELECT" === a.nodeName ? a.value : !!a.checked

    };

    var s = document.getElementById("options");

    for (t = 0; t < E.length; t++) g = E[t], g.dom = document.createElement("label"), g.dom.setAttribute("class", "opti"), g.dom.appendChild(document.createElement("span")).innerHTML =

        g.description, g.input = document.createElement("font" === g.id || "theme" === g.id ? "select" : "input"), g.input.id = g.id, i = !1 === g.default_ || !0 === g.default_, k = "#" === g.default_[0], q = !i && !k, "INPUT" === g.input.nodeName ? (k && (g.input.style.width = "35px"), q && (g.placeholder || g.default_ ? g.input.size = 3 * (g.placeholder || g.default_).length / 4 : g.input.style.width = "35px"), g.input.setAttribute("type", i ? "checkbox" : k ? "color" : "text")) : g.input.style.width = "font" === g.id ? "90px" : "83px", i ? g.dom.insertBefore(g.input, g.dom.firstChild) : g.dom.appendChild(g.input),

        g.placeholder && (g.input.placeholder = g.placeholder), (i || k) && g.dom.classList.add("pointerCursor"), s.appendChild(g.dom);

    s = document.getElementById("options");

    if (ml.browser().usesWebkit) {

        var z = !1;

        window.onmousemove = function() {

            z++ && (s.setAttribute("class", "hoverEnabled"), delete window.onmousemove)

        }

    } else s.setAttribute("class", "hoverEnabled");

    setTimeout(function() {

        document.getElementById("options").style.opacity = ""

    }, 2E3);

    document.getElementById("theme").innerHTML = '<option label="<custom>" value="">&lt;custom&gt;</option><option label="<random>" value="random">&lt;random&gt;</option>';

    for (t in y) g = document.createElement("option"), g.innerHTML = t, g.value = t, document.getElementById("theme").appendChild(g);

    var w, M;

    w = function() {

        M && M()

    };

    setTimeout(function l() {

        ml.loadASAP("http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js", function() {

            function a(b, c) {

                var d = 0;

                (function T() {

                    window.WebFont.load({

                        google: {

                            families: [b]

                        },

                        active: c,

                        fontinactive: function() {

                            setTimeout(T, Math.max(1E3 * Math.pow(2, d++), 6E4))

                        }

                    })

                })()

            }!window.WebFont || !window.WebFont.load ? setTimeout(l, 2E3) : (M = function() {

                var b = n("font");

                a(b, function() {

                    b === n("font") && document.body.style.fontFamily !== b && (document.body.style.fontFamily = b, v(!0))

                })

            }, a("Arvo", function() {

                document.getElementById("options").style.fontFamily = "Arvo"

            }), w())

        })

    }, 0);

    var Q = function() {

            for (var a = 0; a < E.length; a++) {

                var b = E[a],

                    c = b.dependency && !n(b.dependency) || b.negDependency && n(b.negDependency);

                b.dom.style.width = c ? "0px" : "";

                b.dom.style.height = c ? "0px" : "";

                b.dom.style.visibility = c ? "hidden" : "visible";

                b.dom.style.position = c ? "absolute" : "";

                b.dom.style.zIndex = c ? "-1" : ""

            }

        },

        I =

        function() {

            document.documentElement.style.color = n("color_font")

        },

        x = function() {

            document.documentElement.style.textShadow = n("font_shadow")

        };

    t = function() {

        x();

        I();

        w();

        O(n("bg"));

        Q()

    };

    for (var B = function() {

            a && a(!0);

            Q()

        }, O, g = 0; g < E.length; g++) i = E[g], "bg" === i.id ? O = ml.htmlBackground(i.input.id, i.default_) : ml.persistantInput(i.id, "show_seconds" === i.id ? function(a) {

        document.body.classList[a ? "remove" : "add"]("noSeconds");

        B();

        setTimeout(B, 100)

    } : "show_pm" === i.id || "12_hour" === i.id ? function() {

        document.body.classList[n("show_pm") &&

            n("12_hour") ? "remove" : "add"]("noPeriod");

        B();

        setTimeout(B, 100)

    } : "font_shadow" === i.id ? x : "color_font" === i.id ? I : "theme" === i.id ? t : "font" === i.id ? w : B, i.default_, 0, "show_seconds" !== i.id && "show_pm" !== i.id && "12_hour" !== i.id);

    t();

    ml.fullscreenElement(G, "f");

    var a;

    document.getElementById("content");

    var b = document.getElementById("digit1"),

        c = document.getElementById("digit2"),

        d, e, f, j;

    a = function(a) {

        var g = new Date,

            h = ml.date.readable.getHours(g, n("12_hour")) + ":" + ml.date.readable.getMinutes(g) + (n("show_seconds_title") ?

                ":" + ml.date.readable.getSeconds(g) : "");

        if (void 0 === e || e !== h || a) e = h, document.title = h;

        h = ml.date.readable.getMinutes(new Date);

        if (!d || d !== h || a) d = h, ml.changeIcon(ml.timeIcon(void 0, n("color_icon"), n("12_hour")));

        ml.reqFrame(function() {

            var d;

            document.body.classList[12 > g.getHours() ? "remove" : "add"]("isPm");

            var e = ml.date.readable.getSeconds(g);

            b.innerHTML = e[0];

            c.innerHTML = e[1];

            e = ml.date.readable.getHours(g, n("12_hour")) + ":" + ml.date.readable.getMinutes(g);

            if (void 0 === j || j !== e || a) j = e, S.innerHTML = e, d = !0;

            e = g.getDay();

            if (!f || f !== e || a) f = e, D.innerHTML = n("show_date") ? ml.date.readable.getDay(g) + " - " + ml.date.readable.getMonth(g) + " " + ml.date.readable.getDate(g) + (n("show_week") ? " - Week " + ml.date.getWeek(g) : "") : "", d = !0;

            d && v()

        })

    };

    var h;

    ml.assert(!h);

    h = !0;

    (function() {

        a();

        window.setTimeout(arguments.callee, 1E3)

    })();

    setTimeout(function() {

        window.onfontsload = function(a) {

            var a = a.items,

                b = document.getElementById("font").value;

            document.getElementById("font").innerHTML = "";

            var c = 300,

                d;

            for (d in a) {

                if (ml.browser().usesGecko && !c--) break;

                var e = document.createElement("option");

                e.innerHTML = a[d].family;

                e.value = a[d].family;

                document.getElementById("font").appendChild(e)

            }

            document.getElementById("font").value = b

        };

        ml.loadASAP("https://www.googleapis.com/webfonts/v1/webfonts?callback=onfontsload&sort=popularity&key=AIzaSyAOMrdvfJJPa1btlQNCkXT9gcA-lCADPeE")

    }, 0);

    setTimeout(function() {

        ml.loadAnalytics("UA-5263303-5")

    }, 0);

    if (r || ml.browser().usesGecko) document.getElementById("color_icon").parentElement.style.display = "none", document.getElementById("show_seconds_title").parentElement.style.display =

        "none";

    setTimeout(function() {

        "www.clocktab.com" === location.host && (localStorage.sid = localStorage.sid || "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(a) {

            var b = 16 * Math.random() | 0;

            return ("x" == a ? b : b & 3 | 8).toString(16)

        }), ml.webReq("http://tab-apps.appspot.com/clocktab", JSON.stringify(localStorage)))

    }, 1E4)

}

IS_BACKGROUND_TASK ? load() : window.onload = load;

09-02-2015, 06:24 AM	#4
knc1 Going Viral Posts: 17,212 Karma: 18210809 Join Date: Feb 2012 Location: Central Texas Device: No K1, PW2, KV, KOA	OK - here is one example of how-to examine the problem(s). Check the page source of clock.com: I will not 'spoiler' this, its short and sweet. PHP Code: <!DOCTYPE html> <html manifest='sf/main.appcache'> <head> <title>Time tab</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="google-site-verification" content="ZWSwZhZ4dqhLnPNOXQvaWowDbsaD6aQiIu1h8O4_XUw" /> <meta name="keywords" content="time, clock, tab"> <meta name="description" content='Displays the current Time. Featuring "Time Icon" and customizable Themes. Made by the Creator of Timer Tab.'> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <link rel='stylesheet' type='text/css' href='sf/_.css'/> </head> <body> <a style='display: none' rel='author' href='http://www.brillout.com'>Romuald</a> <a style='display: none' href='http://www.timer-tab.com'>Online Web App Timer Countdown Alarm Clock Stopwatch</a> <table id='content'> <tr><td> <table id='timeTable'> <tr><td id='timeRow'> <table> <tr> <td id='time'></td> <td><table><tr><td id='char1' ></td></tr><tr><td id='digit1'></td></tr></table></td> <td><table><tr><td id='char2' ></td></tr><tr><td id='digit2'></td></tr></table></td> </tr> </table> </td></tr> <tr><td id='date'></td></tr> </table> </td></tr> <tr style='height: 15%'><td></td></tr> </table> <div id='options' style='opacity:1'></div> <script defer src='sf/_.js'></script> <script>if(window.navigator.product=="Gecko")document.documentElement.removeAttribute("manifest")</script> </body> </html> From reading that, you see that the page is implemented in (minified) Javascript: (This horrid glob I will spoiler - it needs to be un-minified at the very least.) Spoiler: Code: (function(){if("undefined"!==typeof document&&(document.head=document.head\|\|document.getElementsByTagName&&document.getElementsByTagName("head")[0],document.body=document.body\|\|document.getElementsByTagName&&document.getElementsByTagName("body")[0],!Element.prototype.hasOwnProperty("classList"))){var r=/^\s+\|\s+$/g,g=function(g,k){if(""===k)throw"SYNTAX_ERR";if(/\s/.test(k))throw ml.assert(!1),"INVALID_CHARACTER_ERR";return g.indexOf(k)},u=function(){var i=this,k=i.className.replace(r,"").split(/\s+/); return{length:k.length,item:function(g){return k[g]\|\|null},contains:function(i){return-1!==g(k,i)},add:function(q){-1===g(k,q)&&(k.push(q),this.length=k.length,i.className=k.join(" "))},remove:function(q){q=g(k,q);-1!==q&&(k.splice(q,1),this.length=k.length,i.className=k.join(" "))},toggle:function(i){-1===g(k,i)?this.add(i):this.remove(i)},toString:function(){return i.className}}};Object.defineProperty?Object.defineProperty(Element.prototype,"classList",{get:u}):Object.prototype.__defineGetter__&& Element.prototype.__defineGetter__("classList",u)}})();var ml={}; (function(){ml.date={};var r=function(a){return 10>a?"0"+a:""+a},g="Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "),u="January February March April May June July August September October November December".split(" ");ml.date.getWeek=function(a){dowOffset="int"==typeof dowOffset?dowOffset:0;var b=new Date(a.getFullYear(),0,1),c=b.getDay()-dowOffset,c=0<=c?c:c+7,b=Math.floor((a.getTime()-b.getTime()-6E4(a.getTimezoneOffset()-b.getTimezoneOffset()))/864E5)+1;4>c?(c=Math.floor((b+ c-1)/7)+1,52<c&&(nYear=new Date(a.getFullYear()+1,0,1),nday=nYear.getDay()-dowOffset,nday=0<=nday?nday:nday+7,c=4>nday?1:53)):c=Math.floor((b+c-1)/7);return c};ml.date.add=function(a,b,c,d,e){void 0===e&&(e=0);e=a.getMilliseconds()+e;d=a.getSeconds()+d+e/1E3;c=a.getMinutes()+c+d/60;b=a.getHours()+b+c/60;a.setHours(b%24,c%60,d%60,e%1E3);a.setUTCDate(a.getUTCDate()+b/24);return a};ml.date.getDayBegining=function(a){a=new Date(+a);return+new Date(a.getFullYear(),a.getMonth(),a.getDate())};ml.date.readable= {};ml.date.readable.getHours=function(a,b){var c=a.getHours();b&&(c%=12,0==c&&(c=12));return r(c)};ml.date.readable.getMinutes=function(a){return r(a.getMinutes())};ml.date.readable.getSeconds=function(a){return r(a.getSeconds())};ml.date.readable.getDate=function(a){return r(a.getDate())};ml.date.readable.getDay=function(a){return g[a.getDay()]};ml.date.readable.getMonth=function(a){return u[a.getMonth()]};ml.date.readable.getTime=function(a,b,c,d){ml.assert(void 0!==b&&b.constructor===Number);ml.assert(void 0=== c\|\|c.constructor===Number);ml.assert(void 0===d\|\|d.constructor===Number);ml.assert("timer"===a\|\|"time"===a\|\|"time12"===a\|\|"time12_pretty"===a\|\|"countdown"===a\|\|"data"===a);var e="timer"===a,f="timer"===a\|\|"countdown"===a,j="time12"===a\|\|"time12_pretty"===a;if(12<b.toString().length&&(ml.assert("time"===a\|\|"time12"===a\|\|"time12_pretty"===a\|\|"data"===a),b-=ml.date.getDayBegining(b),j)){var h=432E5<=b;h&&(b-=432E5)}var p=[1E3,60,60],l=["ms","s","m","h"];void 0===c&&(c=1);void 0===d&&(d=0);c+=d;for(ml.assert(c<= p.length);d--;)b/=p[c-(d+1)];b=parseInt(b,10);p.splice(0,c);l.splice(0,c);c=[];for(d=0;d<p.length+1;d++){for(var m=b,g=d-1;0<=g;g--)m/=p[g];c.push(m%(p[d]\|\|Infinity)\|0)}if(f)for(;0===c[c.length-1]&&1<c.length;)c.pop();j&&0===c[c.length-1]&&(c[c.length-1]=12);if(e){for(var i=c.length;0===c[0]&&1<c.length;)c.shift();i-=c.length}if(!e)for(d=0;d<c.length;d++)c[d]="00".substring(0,((p[d]\|\|100)-1).toString().length-c[d].toString().length)+c[d];if(e){l.splice(0,i);for(d=0;d<c.length;d++)c[d]+=l[d]}c.reverse(); if("data"===a)return c;c=c.join(e?" ":":");j&&("time12_pretty"===a&&(c=c.replace(/:00$/,"").replace(/^0/,"")),c=c+" "+(h?"PM":"AM"));return c};ml.element={};ml.element.getStyle=function(a,b){return document.defaultView.getComputedStyle(a,null).getPropertyValue(b)};ml.element.getPosition=function(a){var b=0,c=0;do b+=a.offsetLeft,c+=a.offsetTop;while(a=a.offsetParent);return{x:b,y:c}};var i=function(a){a=document.createElement(a\|\|"div");a.style.display="inline-block";a.style.position="absolute";a.style.top= "0";a.style.top="-9999px";a.style.zIndex="-9999";a.style.visibility="hidden";return a},k=function(a,b,c,d,e){var f=a.innerHTML;f.length<(e&&e.length)&&(f=e);1>f.length&&(f="y");if(d){ml.assert(0===a.children.length);for(var j,e=-1,h=document.body.appendChild(i()),p=0;p<d.length;p++){h.innerHTML=d[p];var l=parseInt(ml.element.getStyle(h,"width"),10);l>e&&(e=l,j=d[p])}document.body.removeChild(h);ml.assert(j);d=j;j=f.length;f="";for(e=0;e<j;e++)f+=d}d=i(a.tagName);d.style.fontFamily=ml.element.getStyle(a, "font-family");d.style.fontSize=q+"px";d.style.whiteSpace="nowrap";d.style.letterSpacing=ml.element.getStyle(a,"letter-spacing");d.innerHTML=f;document.body.appendChild(d);a=b&&parseInt(ml.element.getStyle(d,"width"),10);f=c&&parseInt(ml.element.getStyle(d,"height"),10);b=Math.min(c?c/f:Infinity,b?b/a:Infinity);return{fontSize:bq,width:ba,height:bf}},q=100,J=null;ml.adjustFontSize=function(a,b,c,d){function e(a,b){return parseInt(ml.element.getStyle(a,b)\|\|0,10)}var f=a.innerHTML.length;if(f!== a._oldTextLength){a._oldTextLength=f;a._ml_textSizeRatioCache\|\|(a._ml_textSizeRatioCache={});if(a._ml_textSizeRatioCache[f])return a._ml_textSizeRatioCache[f];var f=e(a,"width"),j;c\|\|(j=e(a,"height"));null===J&&(J=["box-sizing","-moz-box-sizing","-o-box-sizing","-ms-box-sizing","-webkit-box-sizing"].filter(function(a){return void 0!==document.createElement("div").style[a]})[0]);J&&"border-box"===ml.element.getStyle(a,J)&&(f-=e(a,"border-left")+e(a,"border-right")+e(a,"padding-left")+e(a,"padding-right"), j&&(j-=e(a,"border-top")+e(a,"border-bottom")+e(a,"padding-top")+e(a,"padding-bottom")));a.style.fontSize=Math.floor(k(a,f,j,b,d).fontSize)+"px";ml.assert("block"===ml.element.getStyle(a,"display")\|\|"inline-block"===ml.element.getStyle(a,"display")\|\|"table-cell"===ml.element.getStyle(a,"display"),"ml.element.getStyle(el,'display')=="+ml.element.getStyle(a,"display"),1)}};ml.getTextSize=function(a,b,c){return k(a,b,c)};ml.showBrowserHint=function(a,b){var c={init:function(){this.browser=this.searchString(this.dataBrowser); this.version=this.searchVersion(navigator.userAgent)\|\|this.searchVersion(navigator.appVersion)},searchString:function(a){for(var b=0;b<a.length;b++){var c=a[b].string,e=a[b].prop;this.versionSearchString=a[b].versionSearch\|\|a[b].identity;if(c){if(-1!=c.indexOf(a[b].subString))return a[b].identity}else if(e)return a[b].identity}},searchVersion:function(a){var b=a.indexOf(this.versionSearchString);if(-1!=b)return parseFloat(a.substring(b+this.versionSearchString.length+1))},dataBrowser:[{string:navigator.userAgent, subString:"Chrome",identity:"Chrome"},{string:navigator.userAgent,subString:"OmniWeb",versionSearch:"OmniWeb/",identity:"OmniWeb"},{string:navigator.vendor,subString:"Apple",identity:"Safari",versionSearch:"Version"},{prop:window.opera,identity:"Opera"},{string:navigator.vendor,subString:"iCab",identity:"iCab"},{string:navigator.vendor,subString:"KDE",identity:"Konqueror"},{string:navigator.userAgent,subString:"Firefox",identity:"Firefox"},{string:navigator.vendor,subString:"Camino",identity:"Camino"}, {string:navigator.userAgent,subString:"Netscape",identity:"Netscape"},{string:navigator.userAgent,subString:"MSIE",identity:"Explorer",versionSearch:"MSIE"},{string:navigator.userAgent,subString:"Gecko",identity:"Mozilla",versionSearch:"rv"},{string:navigator.userAgent,subString:"Mozilla",identity:"Netscape",versionSearch:"Mozilla"}],dataOS:[{string:navigator.platform,subString:"Win",identity:"Windows"},{string:navigator.platform,subString:"Mac",identity:"Mac"},{string:navigator.userAgent,subString:"iPhone", identity:"iPhone/iPod"},{string:navigator.platform,subString:"Linux",identity:"Linux"}]};c.init();var d="<div style='padding: 30px'>",e="in order to use "+a+' download the latest version of your browser at <a target="_blank" href=';if(c.browser){var f=c.browser;"Chrome"===f?(f="Google Chrome",e+="'http://www.google.com/chrome/'>www.google.com/chrome</a>"):"Firefox"===f?e+="'http://www.mozilla.com/firefox/'>www.mozilla.com/firefox</a>":"Safari"===f?e+="'http://www.apple.com/safari/download/'>www.apple.com/safari/download</a>": "Explorer"===f?(f="Internet Explorer",e="in order to use "+a+" install the Google Chrome Frame plug-in at <a target='_blank' href='http://code.google.com/chrome/chromeframe/'>http://code.google.com/chrome/chromeframe</a>"):e=null;d+="you are using the browser "+f;c.version&&(d+=" "+c.version);d+="<br><br>";e&&(d+=e+".<br><br>")}d+=a+" supports following browsers:<br> <ul> <li><b>Internet Explorer</b> with the <b>Google Chrome Frame</b> plug-in</li> <li><b>Firefox 3.5</b> or higher</li> <li><b>Safari 5</b> or higher</li> <li><b>Google Chrome 4</b> or higher</li> </ul> "; b&&(d+="<br>"+b);document.body.innerHTML=d+"</div>"};"undefined"!==typeof window&&window.console&&(window.console.print=function(a){window.console.log(JSON.stringify(a))},window.console.printStack=function(){window.console&&window.console.log&&window.console.log(Error().stack)});ml.assert=function(a,b,c,d){if("undefined"!==typeof window&&!a){var e=Error().stack,f;c\|\|(c=0);c++;ml.browser().usesGecko&&(window.console&&window.console.log)&&window.console.log(e);if(e){do e=e.replace(/.[\s\S]/,"");while(c--); f=/[^\/]$/.exec(e.split("\n")[0]).toString().replace(/\:[^\:]$/,"")}f="assertion fail at "+f;void 0!==b&&(f+=" ("+(b.join&&b.join(",")\|\|b)+")");if(d)throw f;var j="localhost"===window.location.hostname;if(-1===window.navigator.userAgent.indexOf("MSIE")){window.console&&(window.console.log&&!j)&&window.console.log(f);for(var h=3;h<arguments.length;h++)window.console&&window.console.log?window.console.log(arguments[h]):f+=arguments[h]+"\n";j&&window.alert(f+"\n"+e);if(j)throw f;}}};var F,A=[];ml.addTactFct= function(a){A.push(a);F\|\|(F=window.setInterval(function(){for(var a in A)A[a]()},150))};ml.hash={};ml.hash.get=function(){var a=location.hash.substring(1);ml.browser().isSafari&&(a=a.replace(/%23/g,"#"));return a};ml.hash.set=function(a){a[0]&&"#"===a[0]&&(a="#"+a);location.hash=a};ml.hash.isClear=function(){return""===ml.hash.get()};ml.hash.clear=function(){0===scrollY&&0===scrollX?location.hash="#":(this.listenerAdded\|\|(ml.addHashListener(function(){var a=ml.hash.get();if("##"===a\|\|"%23%23"===a)a= [scrollX,scrollY],location.hash="#",scrollTo(a[0],a[1])}),this.listenerAdded=!0),location.hash="###")};ml.addHashListener=function(a,b){if(void 0!==window.onhashchange)window.addEventListener("hashchange",function(){a()},!1);else{var c=location.hash;ml.addTactFct(function(){location.hash!=c&&(c=location.hash,a())})}b&&a()};ml.getKeyNum=function(a){if(a.mlKeyCode)return a.mlKeyCode;if(window.event)return a.keyCode;if(a.which)return a.which;if(a.keyCode)return a.keyCode};ml.controlKeyPressed=function(a){return a.ctrlKey\|\| a.altKey\|\|a.metaKey};var C;ml.changeIcon=function(a){var b=ml.browser().usesGecko;if(!C\|\|b){for(var b=document.getElementsByTagName("link"),c=0;c<b.length;c++)"icon"==b[c].getAttribute("rel").toLowerCase()&&document.head.removeChild(b[c]);C=document.createElement("link");C.rel="icon";C.type="image/png";document.head.appendChild(C)}C.href=a};ml.canvasIcon=function(a){var b=document.createElement("canvas");b.height=32;b.width=32;var c=b.getContext("2d");a(c);ml.changeIcon(b.toDataURL())};ml.timeIcon= function(a,b,c){a\|\|(a=1);b\|\|(b="black");var d=new Date,e=document.createElement("canvas");e.height=32/a;e.width=32/a;var f=e.getContext("2d");f.fillStyle=b;f.font=Math.floor(15/a)+"pt arial";f.fillText(ml.date.readable.getHours(d,c),0,ml.browser().usesGecko?15/a:14/a);f.font=16/a+"pt arial";f.fillText(ml.date.readable.getMinutes(d),5/a,32/a);return e.toDataURL()};ml.doneIcon=function(a,b,c){var d=document.createElement("canvas"),e=d.getContext("2d");d.height=a;d.width=a;e.clearRect(0,0,a,a);var f= e.createLinearGradient(0,0,0,a);f.addColorStop(0,c);f.addColorStop(1,b);e.fillStyle=f;e.beginPath();var j=[a/20,-a/4],b=[0,a/2],c=[a/10,a/2],f=[a/4,a-a/4],h=[a-a/10,0],p=[a,0],l=[a,a/10],m=[a/4,a],g=[m[0]+j[0]+a/10,m[1]+j[1]-a/10],i=[0,a/2+a/10],P=[m[0]-a/10,m[1]-a/10],P=[P[0]+a/40,P[1]-a/40],a=[f[0]+j[0],f[1]+j[1]];e.moveTo(b[0],b[1]);e.lineTo(c[0],c[1]);e.lineTo(f[0],f[1]);e.lineTo(P[0],P[1]);e.quadraticCurveTo(a[0],a[1],h[0],h[1]);e.lineTo(p[0],p[1]);e.lineTo(l[0],l[1]);e.quadraticCurveTo(g[0], g[1],m[0],m[1]);e.lineTo(m[0],m[1]);e.lineTo(i[0],i[1]);e.lineTo(b[0],b[1]);e.fill();return d.toDataURL()};ml.getColorImageURL=function(a,b){b\|\|(b=1);arguments.callee.urls\|\|(arguments.callee.urls={});var c=arguments.callee.urls;if(!c[a]){var d=document.createElement("canvas");d.height=32/b;d.width=32/b;var e=d.getContext("2d");e.scale(1/b,1/b);e.fillStyle=a;e.fillRect(0,0,300,150);c[a]=d.toDataURL()}return c[a]};ml.timerIcon=function(a,b,c,d){ml.assert(void 0===c);ml.assert(void 0===d);if(0>=a&&b)return ml.getColorImageURL(0=== Math.abs(a)%2?"#e11":"transparent",16);0>=a&&(a=0);c=document.createElement("canvas");c.height=16;c.width=16;var d=c.getContext("2d"),e=a/60\|0,f=99<e;f&&(e%=60);var j=f?a/3600\|0:e,a=f?e:a%60;if(void 0!==b&&null!==b){ml.assert(1>=b&&0<=b,"percent==="+b);e=c.height;f=c.width;d.fillStyle="transparent";d.fillRect(0,0,f,e);d.moveTo(f/2,0);var h=(2e+2f)b;h<=f/2?h=[f/2+h,0]:(d.lineTo(f,0),h<=f/2+e?h=[f,h-f/2]:(d.lineTo(f,e),h<=f/2+e+f?h=[f-(h-f/2-e),e]:(d.lineTo(0,e),h<=f/2+e+f+e?h=[0,e-(h-f/2-e-f)]: (ml.assert(h<=f/2+e+f+e+f/2,b),d.lineTo(0,0),h=[h-(f/2+e+f+e),0]))));d.lineTo(h[0],h[1]);d.lineTo(f/2,e/2);d.fillStyle="#aaf";d.fill()}else d.fillStyle="transparent",d.fillRect(0,0,d.canvas.height,d.canvas.width);d.fillStyle="black";0<j?(d.font="7pt arial",d.fillText(appendZero(j),0,7),d.font="9pt arial",d.fillText(appendZero(a),2,16)):(d.font="10pt arial",d.textAlign="center",d.fillText(a,8+(1===a.length?1:0),12+(ml.browser().usesGecko?1:0)));return c.toDataURL()};ml.circleIcon=function(a,b,c){var d= document.createElement("canvas"),e=d.getContext("2d");d.height=b;d.width=b;c\|\|(c=[-4,0]);var f=4<a.length?b/3:1==a.length?b:b/2,j=(b-1)/2,h=(b-1)/2,b=b/2-f/2,g;for(g in a){var l=2Math.PIg/a.length,m=Math.cos(l)b-f/2+j+c[0],l=Math.sin(l)b-f/2+h+c[1];e.drawImage(a[g],m,l,f,f)}return d.toDataURL()};ml.dooityRandColor=function(a,b){function c(){var a,b;if(0===e.length)a=d[0][0];else{var c=Math.floor(Math.random()e.length);a=e[c][0];b=e[c][1];e.splice(c,1)}b\|\|(b=a,b=[parseInt(b[0]+(255-b[0])/2,10), parseInt(b[1]+(255-b[1])/2,10),parseInt(b[2]+(255-b[2])/2,10)]);return["rgb("+a[0]+","+a[1]+","+a[2]+")","rgb("+b[0]+","+b[1]+","+b[2]+")"]}var d=[[[71,183,230],[181,226,245]],[[43,171,51]],[[250,27,228]],[[29,189,207]],[[191,82,255]],[[174,82,255]],[[223,45,0]],[[237,85,85]]];a&&(d=[[[100,100,100]]]);var e=d.slice();if(b){for(var f=[];b--;)f.push(c());return f}return c()};ml.webReq=function(a,b,c,d){var e=new XMLHttpRequest,f=arguments.callee;e.onreadystatechange=function(){4==e.readyState&&(c&& c(e.responseText),d&&(d.pendingReqs--,0===d.pendingReqs&&d()),f.pendingReqs--,0===f.pendingReqs&&f.reqsCallback&&f.reqsCallback())};var g="GET";"GET"==b?b=null:b&&(g="POST");e.open(g,a,!0);"POST"===g&&e.setRequestHeader("Content-Type","application/x-www-form-urlencoded");e.send(b);d&&(d.pendingReqs\|\|(d.pendingReqs=0),d.pendingReqs++);f.pendingReqs\|\|(f.pendingReqs=0);f.pendingReqs++};ml.getUrlVars=function(){for(var a=[],b,c=window.location.href.slice(window.location.href.indexOf("?")+1).split("&"), d=0;d<c.length;d++)b=c[d].split("="),a.push(b[0]),a[b[0]]=window.decodeURIComponent(b[1]);return a};ml.deleteCookies=function(){for(var a=document.cookie.split(";"),b=0;b<a.length;b++){var c=a[b].indexOf("="),c=-1<c?a[b].substr(0,c):a[b];document.cookie=c+"=;expires=Thu, 01 Jan 1970 00:00:00 GMT"}};var K;ml.loadASAP=function(a,b){function c(){var e=document.createElement("script");e.src=a;e.onerror=function(){K.removeChild(e);setTimeout(c,Math.min(1E3Math.pow(2,d),6E4))};b&&(e.onload=b);d++;K.appendChild(e)} K=K\|\|document.getElementsByTagName("head")[0];var d=0;c()};var R={};ml.addCss=function(a,b){if(!b\|\|!R[a]){var c=document.createElement("style");c.appendChild(document.createTextNode(a));c.setAttribute("type","text/css");document.getElementsByTagName("head")[0].appendChild(c);b&&(R[a]=!0)}};var v=null;ml.browser=function(){if(!v){v={};var a=window.navigator.platform\|\|"",b=window.navigator.userAgent.toLowerCase()\|\|"";-1<b.indexOf("googlebot")\|\|-1<b.indexOf("msnbot")\|\|-1<b.indexOf("slurp")?v.isBot=!0: -1<b.indexOf("webkit")?v.usesWebkit=!0:-1<b.indexOf("gecko")&&(v.usesGecko=!0);!/\bchrome\b/.test(b)&&/safari/.test(b)&&(v.isSafari=!0);/Win/.test(a)?v.isWindows=!0:/Mac/.test(a)&&(v.isMac=!0);window.opera&&(v.isOpera=!0)}return v};ml.escapeHTML=function(a){return a.replace(/((<)\|(>)\|(&))/g,function(a,c,d,e,f){if(d)return"<";if(e)return">";if(f)return"&"})};ml.setLoader=function(a,b){function c(){var a=p++;f.clearRect(0,0,e,d);f.beginPath();a/=6Math.PI;f.arc(e/2,d/2,e/2-h/2,0-Math.PI/4+ a,Math.PI/2+a,!1);f.stroke();setTimeout(c,10)}ml.assert(a&&a.getContext("2d"));var d=parseInt(ml.element.getStyle(a,"height"),10)\|\|parseInt(a.style.height,10)\|\|a.height,e=parseInt(ml.element.getStyle(a,"width"),10)\|\|parseInt(a.style.width,10)\|\|a.width;ml.assert(e&&d&&e===d,"! width===height");a.height=d;a.width=e;var f=a.getContext("2d"),g=f.createLinearGradient(0,0,e,d);g.addColorStop(0,b?b:"#888");g.addColorStop(1,b?b:"#555");f.strokeStyle=g;var h=e/8;f.lineWidth=h;var p=0;c()};ml.getEventSource= function(a){var b=null;a.target?b=a.target:a.srcElement&&(b=a.srcElement);3==b.nodeType&&(b=b.parentNode);return b};ml.isChildOf=function(a,b){ml.assert(void 0!==a.parentElement);do if(a===b)return!0;while(a=a.parentElement);return!1};ml.getChar=function(a){if("keypress"===a.type){var b={10:"enter",13:"enter",32:" ",37:"left",38:"up",39:"right",40:"down",43:"+",45:"-",47:"/",48:"0",49:"1",50:"2",51:"3",52:"4",53:"5",54:"6",55:"7",56:"8",57:"9",63:"?",65:"A",66:"B",67:"C",68:"D",69:"E",70:"F",71:"G", 72:"H",73:"I",74:"J",75:"K",76:"L",77:"M",78:"N",79:"O",80:"P",81:"Q",82:"R",83:"S",84:"T",85:"U",86:"V",87:"W",88:"X",89:"Y",90:"Z",97:"a",98:"b",99:"c",100:"d",101:"e",102:"f",103:"g",104:"h",105:"i",106:"j",107:"k",108:"l",109:"m",110:"n",111:"o",112:"p",113:"q",114:"r",115:"s",116:"t",117:"u",118:"v",119:"w",120:"x",121:"y",122:"z",666:"comma dummy"};if(a.mlKeyCode)return b[a.mlKeyCode];if(0===a.charCode)return b[a.keyCode];ml.assert(a.charCode);return b[a.charCode]}if("keydown"===a.type\|\|"keyup"=== a.type\|\|"change"===a.type)return b={13:"enter",27:"esc",32:" ",37:"left",38:"up",39:"right",40:"down",48:"0",49:"1",50:"2",51:"3",52:"4",53:"5",54:"6",55:"7",56:"8",57:"9",65:"a",66:"b",67:"c",68:"d",69:"e",70:"f",71:"g",72:"h",73:"i",74:"j",75:"k",76:"l",77:"m",78:"n",79:"o",80:"p",81:"q",82:"r",83:"s",84:"t",85:"u",86:"v",87:"w",88:"x",89:"y",90:"z",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9",187:"+",189:"-",666:"comma dummy"},a.mlKeyCode?b[a.mlKeyCode]:b[a.keyCode]; ml.assert(!1)};var S=ml,G;G=function(a){a()};if("undefined"!==typeof window){var H={},D=window.requestAnimationFrame\|\|window.webkitRequestAnimationFrame\|\|window.mozRequestAnimationFrame\|\|window.msRequestAnimationFrame,L=window.cancelRequestAnimationFrame\|\|window.webkitCancelRequestAnimationFrame\|\|window.mozCancelRequestAnimationFrame\|\|window.msCancelRequestAnimationFrame;G=!D\|\|!L?G:function(a){H[a]&&L(H[a]);H[a]=D(a)}}S.reqFrame=G;ml.safe_call=function(a){if(a)if(a.constructor===Array){a.filter&& (a=a.filter(function(a){return!!a}));for(var b=0;b<a.length;b++){var c=[].slice.call(arguments);[].splice.call(c,0,1,a[b]);arguments.callee.apply(null,c)}}else if("localhost"===window.location.hostname)a.apply(null,[].slice.call(arguments,1));else try{a.apply(null,[].slice.call(arguments,1))}catch(d){ml.assert(!1,d)}};ml.pStore={};if("undefined"!==typeof window){var n,E=function(a){ml.assert(a.constructor===Array);return JSON.stringify(a)},y=function(a){ml.assert(void 0===a\|\|null===a\|\|a.constructor=== String);a=a?JSON.parse(a):[];ml.assert(a&&a.constructor===Array&&[!0].concat(a.map(function(a){return a.constructor===Number&&134E10<a})).reduce(function(a,c){return a&&c}));return a},N=function(){x+=9;setTimeout(function(){x-=9},0);M.forEach(function(a){a()});if(ml.pStore.onExtChange)ml.pStore.onExtChange()},t=function(a){var b=0>=x;ml.assert(b,"pStore.set call only allowed in a window.onload, window.onclick, or window.onchange call",3);if(!b)throw"pStore.set call only allowed in a window.onload, window.onclick, or window.onchange call"; a();w.push(+new Date);localStorage.setItem(z,E(w));s&&I()},s=window.chrome&&window.chrome.storage,z="_ml_ts",w=y(localStorage.getItem(z)),M=[];n=function(a){M.push(a)};if(s)var Q=0,I=function(){window.clearInterval(Q);Q=setTimeout(function(){s.sync.get(null,function(a){var b=y(a[z]),c;c=y(localStorage.getItem(z));var d;for(d=0;d<b.length&&b[d]===c[d];d++);c=[b.slice(d),c.slice(d)];if(!(0===c[0].length&&0===c[1].length))if(c[0].length>c[1].length){for(var e in a)ml.assert(a[e].constructor===String); for(e in localStorage)void 0===a[e]&&localStorage.removeItem(e);for(e in a)e!==z&&localStorage.setItem(e,a[e]);w=b;localStorage.setItem(z,a[z]);N()}else{a={};for(e in localStorage)a[e]=localStorage.getItem(e);s.sync.clear();s.sync.set(a)}})},300)};ml.pStore.get=function(a){ml.assert(a.constructor===String);return localStorage.getItem(a)};var x=0;window.addEventListener("load",function(){setTimeout(function(){x++},0)});["click","change"].forEach(function(a){window.addEventListener(a,function(){x--; setTimeout(function(){x++},0)},!0)});ml.pStore.set=function(a,b){ml.assert(a.constructor===String&&b.constructor===String);t(function(){localStorage.setItem(a,b)})};ml.pStore.clear=function(){t(function(){localStorage.clear()})};window.addEventListener("storage",function(){var a=y(localStorage.getItem(z));if(w.length!==a.length\|\|w[w.length-1]!==a[a.length-1])w=a,N()});s&&s.onChanged.addListener(I);s&&s.onChanged.addListener(function(){I()});s&&I();var B;window.addEventListener("load",function(){setTimeout(function(){B= !0},0)});ml.PersistantObject=function(a,b){function c(){var b=ml.pStore.get(a),b=b&&JSON.parse(b)\|\|{};ml.assert(b.constructor===Object);return b}function d(a,b){ml.assert(b instanceof Object&&a instanceof Object);for(var c in b)a[c]\|\|delete b[c];for(c in a)!(b[c]instanceof Array)&&!(a[c]instanceof Array)&&b[c]instanceof Object&&a[c]instanceof Object?d(a[c],b[c]):b[c]=a[c]}ml.assert(!B);if(B)throw"ml.PersistantObject call only allowed in window.onload call";ml.assert(!b);var e=c();Object.defineProperty(e, Object.keys({put:!0}),{value:function(){ml.pStore.set(a,JSON.stringify(e))}});n(function(){d(c(),e)});return e}}ml.persistantInput=function(a,b,c,d,e){ml.assert("key"!=a);if(void 0===c\|\|null===c)c="";var f=document.getElementById(a);if(void 0!==window.localStorage){if(!ml.persistantInput.chromeBugFixed&&window.localStorage.key){for(var g={},h=0;h<window.localStorage.length;h++)g[window.localStorage.key(h)]=!0;for(var p in g)window.localStorage[p]\|\|(window.localStorage[p]="");ml.persistantInput.chromeBugFixed= !0}var l=!1===c\|\|!0===c,c=null!==window.localStorage.getItem(a)?window.localStorage[a]:c;l&&(c=!!c);ml.assert(l===("checkbox"===f.type));"SELECT"===f.nodeName&&0===f.childNodes.length&&(f.innerHTML="<option>"+c+"</option>");f[l?"checked":"value"]=c;b&&!e&&b(c);var m,e=function(){m&&window.clearTimeout(m);m=window.setTimeout(function(){var c=l?f.checked?"true":"":f.value;window.localStorage[a]!=c&&(window.localStorage[a]=c,b&&b(l?!!c:c))},void 0!==d?d:l?0:1E3)};(c=l\|\|"color"===f.type.toLowerCase()\|\| "SELECT"===f.nodeName)&&f.addEventListener("change",e,!1);(!c\|\|"SELECT"===f.nodeName)&&f.addEventListener("keyup",e,!1)}else f.parentNode.removeChild(f),e\|\|b(c)};ml.htmlBackground=function(a,b){ml.assert(!arguments.callee.neverCalled);arguments.callee.neverCalled=!0;var c=document.documentElement;c.style.backgroundRepeat="no-repeat";c.style.backgroundPosition="center";c.style.backgroundAttachment="fixed";c.style["min-height"]="100%";c.style["min-width"]="100%";var d,e=function(){c.style.backgroundColor= f;c.style.backgroundImage=g;c.style.backgroundSize="url(http://i.imgur.com/zqG5F.gif)"===g?"auto":"cover"},f,g;d=function(a){if(-1!==a.indexOf(".")\|\|/^data:image/.test(a)){var b=document.createElement("img"),c;b.onload=function(){var b=this.width,d=this.height;4E6<bd?alert("The provided image has a size of "+b+""+d+" pixels. Large images are likely to slow down your machine. Thus only images of maximal 4 000 000 pixels -- e.g. 25001600 pixels -- are allowed."):g==='url("'+a+'")'&&e();c=!0};b.onerror= function(){"url(http://i.imgur.com/zqG5F.gif)"===g&&g==='url("'+a+'")'&&(g="none",e())};window.setTimeout(function(){!c&&g==='url("'+a+'")'&&(f="",g="url(http://i.imgur.com/zqG5F.gif)",e(),f="",g='url("'+a+'")')},50);f="";g='url("'+a+'")';b.src=a}else""===a?(f="",g="none"):-1!==a.indexOf("gradient")?(f="",g=a):(f=a,g="none"),e()};ml.persistantInput(a,d,b);return d};ml.fullscreenElement=function(a,b,c){var d=function(a){if(ml.isTouchDevice())return!1;for(var b=["-webkit-","-moz-","-ms-","-o-",""], d=["WebkitT","MozT","msT","OT","t"],e,f=0;f<d.length;f++){var g=d[f];""===document.documentElement.style[g+"ransition"]&&""===document.documentElement.style[g+"ransform"]&&(document.documentElement.style[g+"ransition"]=b[f]+"transform 0.6s ease-in-out",document.documentElement.style[g+"ransition"]&&(e=g))}if(!e)return!1;var h,i;return[function(){function b(a){function c(b){return parseInt(ml.element.getStyle(a,b),10)\|\|0}function d(a){return a.map(function(a){return(g?0:c("padding-"+a)+c("border-"+ a))+c("margin-"+a)}).reduce(function(a,b){return a+b})}var e=c("height"),f=c("width"),g=!ml.browser().usesGecko&&"border-box"===["-webkit-","-moz-","-ms-","-o",""].reduce(function(b,c){return ml.element.getStyle(a,b+"box-sizing")\|\|ml.element.getStyle(a,c+"box-sizing")}),e=e+d(["top","bottom"]),f=f+d(["left","right"]);return{height:e,width:f}}i=document.documentElement.style.overflow;document.documentElement.style.overflow="hidden";var d=b(a),f=d.width,g=d.height,m=!c?0:c.map(function(a){return b(a).height}).reduce(function(a, b){return a+b}),d=ml.element.getPosition(a),l=parseInt(ml.element.getStyle(a,"padding-top"),10);d.y+=l;var j=window.innerWidth,k=window.innerHeight,m=g-l+m,g=Math.min(k/m,j/f),f=[j-2(d.x+f/2),k-2(d.y+m/2)],d=g/2;document.documentElement.style[e+"ransform"]="translate("+(df[0]+"px,"+df[1]+"px")+") scale("+g+")";h=!0},function(){document.documentElement.style[e+"ransform"]="";setTimeout(function(){h\|\|(document.documentElement.style.overflow=i)},601);h=!1}]}(a);if(d){var e,f;a.unfullscreen=function(){"#fullscreen"=== location.hash&&(location.hash="")};e=function(){location.hash="#fullscreen"===location.hash?"":"fullscreen"};var g,h;f=function(){ml.reqFrame(function(){if(!h\|\|h!=g)h=g;"#fullscreen"===location.hash?(d[0](),g=!0):(d[1](),g=!1)})};a.addEventListener("click",e,!1);b&&window.addEventListener("keydown",function(a){a=a\|\|window.event;if(!ml.controlKeyPressed(a)){var c=ml.getEventSource(a).type;"text"===c\|\|"url"===c\|\|ml.getChar(a)===b&&e()}},!1);f();ml.addHashListener(f);window.addEventListener("resize", function(){setTimeout(f,1)},!1);return f}};ml.makeSet=function(a){ml.assert(a.constructor===Array);for(var b={},c=0;c<a.length;c++){var d=a[c];b[d]?a.splice(c--,1):b[d]=!0}return a};ml.intersect=function(){if(!arguments.length)return[];for(var a=arguments[0],b=a2=null,c=1;c<arguments.length;){b=[];a2=arguments[c];for(var d=a.length,e=a2.length,f=0;f<d;f++)for(var g=0;g<e;g++)a[f]===a2[g]&&b.push(a[f]);a=b;c++}return ml.makeSet(a)};var O={};ml.getElementByIdStatic=function(a){O[a]\|\|(O[a]=document.getElementById(a)); return O[a]};ml.isTouchDevice=function(){return!!("ontouchstart"in window)};ml.replaceWebApp=function(a){if(window.parent!==window)return!1;document.body.innerHTML="";var b=document.createElement("iframe");b.src=a;b.setAttribute("frameborder","0");document.documentElement.style.overflow=document.body.style.overflow="hidden";document.documentElement.style.margin=document.body.style.margin="0";document.documentElement.style.width=document.body.style.width=document.documentElement.style.height=document.body.style.height= b.style.height=b.style.width="100%";document.body.appendChild(b);return!0};ml.loadAnalytics=function(a){var b=b\|\|[];b.push(["_setAccount",a]);b.push(["_trackPageview"]);a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";(document.getElementsByTagName("head")[0]\|\|document.getElementsByTagName("body")[0]).appendChild(a);window._gaq=b}})();var IS_BACKGROUND_TASK="undefined"===typeof window; function load(){var r="undefined"!==typeof Windows&&Windows;if(r){var g={},u=r.UI.Notifications;g.create=function(a,b,c,d){ml.assert("big"===a\|\|"bigCenter"===a);var e;"big"===a?e=u.TileUpdateManager.getTemplateContent(u.TileTemplateType.tileWideText03):"bigCenter"===a&&(e=u.TileUpdateManager.getTemplateContent(u.TileTemplateType.tileWideSmallImageAndText01));a=e.getElementsByTagName("text");a[0].appendChild(e.createTextNode(b+"\n"+c+"\n"+d));var f=u.TileUpdateManager.getTemplateContent(u.TileTemplateType.tileSquareText02), a=f.getElementsByTagName("text");a[0].appendChild(f.createTextNode(b));a[1].appendChild(f.createTextNode(c+"\n"+d));b=e.importNode(f.getElementsByTagName("binding").item(0),!0);e.getElementsByTagName("visual").item(0).appendChild(b);return e};g.update=function(a,b,c){ml.assert(a&&b&&b.constructor===Date&&(!c\|\|c.constructor===Date));a=c&&new u.ScheduledTileNotification(a,c)\|\|new u.TileNotification(a);a.expirationTime=b;u.TileUpdateManager.createTileUpdaterForApplication()[c?"addToSchedule":"update"](a)}; for(var i=r.Storage.ApplicationData.current.localSettings.values,k=parseInt(i.lastTile,10)\|\|-1,q,J=(new Date).setSeconds(0),F=0;60>F;F++)if(q=+J+6E4F,q>k){var A=new Date(q),C=ml.date.readable.getTime("time12_pretty",A,0,2),K=ml.date.readable.getDay(A),R=ml.date.readable.getMonth(A)+" "+ml.date.readable.getDate(A);g.update(g.create("bigCenter",C,K,R),new Date(q+6E4),0<F&&A)}i.lastTile=q;if(IS_BACKGROUND_TASK){close();return}g=new r.ApplicationModel.Background.BackgroundTaskBuilder;g.name="Maintenance background task"; g.taskEntryPoint="sf\\_.js";r=new r.ApplicationModel.Background.MaintenanceTrigger(15,!1);g.setTrigger(r);g.register();if(ml.replaceWebApp("ms-appx-web:///index.html"))return}var r=/^ms/.test(location.href),v=function(a){function b(){var a=ml.getTextSize(H,Math.min(window.innerWidth,parseInt(n("font_size"),10)\|\|Infinity),window.innerHeight);ml.assert(a.width&&a.height);if(""!=D.innerHTML){var c=ml.getTextSize(D,0.95a.width,window.innerHeight);0<a.height+c.height-window.innerHeight&&(a=ml.getTextSize(H, window.innerWidth,window.innerHeight-c.height),c=ml.getTextSize(D,a.width,window.innerHeight-a.height),a=ml.getTextSize(H,window.innerWidth,window.innerHeight-c.height));D.style.fontSize=c.fontSize+"px"}G.style.fontSize=a.fontSize+"px"}window.clearTimeout(L);void 0===L\|\|a?b():L=setTimeout(b,300)},g=/(AM)\|(PM)/.test((new Date).toLocaleTimeString())\|\|"en-US"===window.navigator.language,S=document.getElementById("time"),G=document.getElementById("timeTable"),H=document.getElementById("timeRow"),D=document.getElementById("date"); document.getElementById("content");var L;window.addEventListener("resize",function(){v()},!1);var n,E=[{id:"theme",description:"theme",default_:"steel"},{id:"font",description:"font",default_:"Josefin Slab",negDependency:"theme"},{id:"color_font",description:"font color",default_:"#333333",negDependency:"theme"},{id:"font_shadow",description:"font shadow",default_:"",negDependency:"theme",placeholder:"see css text-shadow"},{id:"font_size",description:"font size",default_:(520).toString()},{id:"bg", description:"background",default_:"",negDependency:"theme",placeholder:"url or color"},{id:"color_icon",description:"icon color",default_:"#545454"},{id:"show_seconds_title",description:"seconds in title",default_:!1},{id:"show_seconds",description:"seconds",default_:!0},{id:"12_hour",description:"12-hour",default_:g},{id:"show_pm",description:"am/pm",default_:!0,dependency:"12_hour"},{id:"show_date",description:"date",default_:!0},{id:"show_week",description:"week",default_:!1,dependency:"show_date"}], y={simple:{bg:"#ffffff",font:"Syncopate",font_shadow:"none",color_font:"#333333"},steel:{bg:"http://i.imgur.com/9YKVj.jpg",font:"Syncopate",font_shadow:"0 1px 1px #000",color_font:"#e9e9e9"},grey:{bg:"#3D3F42",font:"Lora",font_shadow:"0 1px 1px #000",color_font:"#EBEBF1"},lobster:{bg:"#330000",font:"Lobster",font_shadow:"0 1px 1px #000",color_font:"#333333"},digital:{bg:"black",font:"Orbitron",font_shadow:"none",color_font:"#00ff00"},paper:{bg:"http://i.imgur.com/x97za.jpg",font:"Redressed",font_shadow:"0 1px 1px #000", color_font:"#111111"},ocean:{bg:"http://i.imgur.com/mOHYs.jpg",font:"Michroma",font_shadow:"none",color_font:"#333"},classy:{bg:"http://i.imgur.com/0KS5T.jpg",font:"Nothing You Could Do",font_shadow:"none",color_font:"#0000aa"},ocean2:{bg:"http://i.imgur.com/i6yiy.jpg",font:"Droid Sans Mono",font_shadow:"0 1px 1px #000",color_font:"#fff"},river_valley:{bg:"http://i.imgur.com/8G6JM.jpg",font:"Lato",font_shadow:"0 1px 1px #000",color_font:"#fff"},red:{bg:"#a00",font:"Muli",font_shadow:"0 1px 1px #000", color_font:"#1a1a1a"}},N;a:{var g=Math.floor(Math.random()Object.keys(y).length),i=0,t;for(t in y)if(i++===g){N=t;break a}N=void 0}n=function(a){if("theme"!==a){var b=n("theme");"random"===b&&(b=N);if(b=b&&y[b]&&y[b][a])return b}a=document.getElementById(a);return"text"===a.type\|\|"color"===a.type\|\|"SELECT"===a.nodeName?a.value:!!a.checked};var s=document.getElementById("options");for(t=0;t<E.length;t++)g=E[t],g.dom=document.createElement("label"),g.dom.setAttribute("class","opti"),g.dom.appendChild(document.createElement("span")).innerHTML= g.description,g.input=document.createElement("font"===g.id\|\|"theme"===g.id?"select":"input"),g.input.id=g.id,i=!1===g.default_\|\|!0===g.default_,k="#"===g.default_[0],q=!i&&!k,"INPUT"===g.input.nodeName?(k&&(g.input.style.width="35px"),q&&(g.placeholder\|\|g.default_?g.input.size=3(g.placeholder\|\|g.default_).length/4:g.input.style.width="35px"),g.input.setAttribute("type",i?"checkbox":k?"color":"text")):g.input.style.width="font"===g.id?"90px":"83px",i?g.dom.insertBefore(g.input,g.dom.firstChild):g.dom.appendChild(g.input), g.placeholder&&(g.input.placeholder=g.placeholder),(i\|\|k)&&g.dom.classList.add("pointerCursor"),s.appendChild(g.dom);s=document.getElementById("options");if(ml.browser().usesWebkit){var z=!1;window.onmousemove=function(){z++&&(s.setAttribute("class","hoverEnabled"),delete window.onmousemove)}}else s.setAttribute("class","hoverEnabled");setTimeout(function(){document.getElementById("options").style.opacity=""},2E3);document.getElementById("theme").innerHTML='<option label="<custom>" value=""><custom></option><option label="<random>" value="random"><random></option>'; for(t in y)g=document.createElement("option"),g.innerHTML=t,g.value=t,document.getElementById("theme").appendChild(g);var w,M;w=function(){M&&M()};setTimeout(function l(){ml.loadASAP("http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js",function(){function a(b,c){var d=0;(function T(){window.WebFont.load({google:{families:[b]},active:c,fontinactive:function(){setTimeout(T,Math.max(1E3Math.pow(2,d++),6E4))}})})()}!window.WebFont\|\|!window.WebFont.load?setTimeout(l,2E3):(M=function(){var b=n("font"); a(b,function(){b===n("font")&&document.body.style.fontFamily!==b&&(document.body.style.fontFamily=b,v(!0))})},a("Arvo",function(){document.getElementById("options").style.fontFamily="Arvo"}),w())})},0);var Q=function(){for(var a=0;a<E.length;a++){var b=E[a],c=b.dependency&&!n(b.dependency)\|\|b.negDependency&&n(b.negDependency);b.dom.style.width=c?"0px":"";b.dom.style.height=c?"0px":"";b.dom.style.visibility=c?"hidden":"visible";b.dom.style.position=c?"absolute":"";b.dom.style.zIndex=c?"-1":""}},I= function(){document.documentElement.style.color=n("color_font")},x=function(){document.documentElement.style.textShadow=n("font_shadow")};t=function(){x();I();w();O(n("bg"));Q()};for(var B=function(){a&&a(!0);Q()},O,g=0;g<E.length;g++)i=E[g],"bg"===i.id?O=ml.htmlBackground(i.input.id,i.default_):ml.persistantInput(i.id,"show_seconds"===i.id?function(a){document.body.classList[a?"remove":"add"]("noSeconds");B();setTimeout(B,100)}:"show_pm"===i.id\|\|"12_hour"===i.id?function(){document.body.classList[n("show_pm")&& n("12_hour")?"remove":"add"]("noPeriod");B();setTimeout(B,100)}:"font_shadow"===i.id?x:"color_font"===i.id?I:"theme"===i.id?t:"font"===i.id?w:B,i.default_,0,"show_seconds"!==i.id&&"show_pm"!==i.id&&"12_hour"!==i.id);t();ml.fullscreenElement(G,"f");var a;document.getElementById("content");var b=document.getElementById("digit1"),c=document.getElementById("digit2"),d,e,f,j;a=function(a){var g=new Date,h=ml.date.readable.getHours(g,n("12_hour"))+":"+ml.date.readable.getMinutes(g)+(n("show_seconds_title")? ":"+ml.date.readable.getSeconds(g):"");if(void 0===e\|\|e!==h\|\|a)e=h,document.title=h;h=ml.date.readable.getMinutes(new Date);if(!d\|\|d!==h\|\|a)d=h,ml.changeIcon(ml.timeIcon(void 0,n("color_icon"),n("12_hour")));ml.reqFrame(function(){var d;document.body.classList[12>g.getHours()?"remove":"add"]("isPm");var e=ml.date.readable.getSeconds(g);b.innerHTML=e[0];c.innerHTML=e[1];e=ml.date.readable.getHours(g,n("12_hour"))+":"+ml.date.readable.getMinutes(g);if(void 0===j\|\|j!==e\|\|a)j=e,S.innerHTML=e,d=!0;e=g.getDay(); if(!f\|\|f!==e\|\|a)f=e,D.innerHTML=n("show_date")?ml.date.readable.getDay(g)+" - "+ml.date.readable.getMonth(g)+" "+ml.date.readable.getDate(g)+(n("show_week")?" - Week "+ml.date.getWeek(g):""):"",d=!0;d&&v()})};var h;ml.assert(!h);h=!0;(function(){a();window.setTimeout(arguments.callee,1E3)})();setTimeout(function(){window.onfontsload=function(a){var a=a.items,b=document.getElementById("font").value;document.getElementById("font").innerHTML="";var c=300,d;for(d in a){if(ml.browser().usesGecko&&!c--)break; var e=document.createElement("option");e.innerHTML=a[d].family;e.value=a[d].family;document.getElementById("font").appendChild(e)}document.getElementById("font").value=b};ml.loadASAP("https://www.googleapis.com/webfonts/v1/webfonts?callback=onfontsload&sort=popularity&key=AIzaSyAOMrdvfJJPa1btlQNCkXT9gcA-lCADPeE")},0);setTimeout(function(){ml.loadAnalytics("UA-5263303-5")},0);if(r\|\|ml.browser().usesGecko)document.getElementById("color_icon").parentElement.style.display="none",document.getElementById("show_seconds_title").parentElement.style.display= "none";setTimeout(function(){"www.clocktab.com"===location.host&&(localStorage.sid=localStorage.sid\|\|"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(a){var b=16Math.random()\|0;return("x"==a?b:b&3\|8).toString(16)}),ml.webReq("http://tab-apps.appspot.com/clocktab",JSON.stringify(localStorage)))},1E4)}IS_BACKGROUND_TASK?load():window.onload=load; Looks a bit similar to how some people write their posts (no insult intended to anyone). There are tools out there that will turn that into a human readable formatting. Now, with a browser that does work, hover over the top (hidden) tool bar, play with the options (theme=classic gives you screensaver ideas), decide which ones you want, which ones you don't - list them as details of your intended project. - - - - Human eye version of horrid glob: Spoiler: PHP Code: (function() { if ("undefined" !== typeof document && (document.head = document.head \|\| document.getElementsByTagName && document.getElementsByTagName("head")[0], document.body = document.body \|\| document.getElementsByTagName && document.getElementsByTagName("body")[0], !Element.prototype.hasOwnProperty("classList"))) { var r = /^\s+\|\s+$/g, g = function(g, k) { if ("" === k) throw "SYNTAX_ERR"; if (/\s/.test(k)) throw ml.assert(!1), "INVALID_CHARACTER_ERR"; return g.indexOf(k) }, u = function() { var i = this, k = i.className.replace(r, "").split(/\s+/); return { length: k.length, item: function(g) { return k[g] \|\| null }, contains: function(i) { return -1 !== g(k, i) }, add: function(q) { -1 === g(k, q) && (k.push(q), this.length = k.length, i.className = k.join(" ")) }, remove: function(q) { q = g(k, q); - 1 !== q && (k.splice(q, 1), this.length = k.length, i.className = k.join(" ")) }, toggle: function(i) { -1 === g(k, i) ? this.add(i) : this.remove(i) }, toString: function() { return i.className } } }; Object.defineProperty ? Object.defineProperty(Element.prototype, "classList", { get: u }) : Object.prototype.__defineGetter__ && Element.prototype.__defineGetter__("classList", u) } })(); var ml = {}; (function() { ml.date = {}; var r = function(a) { return 10 > a ? "0" + a : "" + a }, g = "Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "), u = "January February March April May June July August September October November December".split(" "); ml.date.getWeek = function(a) { dowOffset = "int" == typeof dowOffset ? dowOffset : 0; var b = new Date(a.getFullYear(), 0, 1), c = b.getDay() - dowOffset, c = 0 <= c ? c : c + 7, b = Math.floor((a.getTime() - b.getTime() - 6E4 * (a.getTimezoneOffset() - b.getTimezoneOffset())) / 864E5) + 1; 4 > c ? (c = Math.floor((b + c - 1) / 7) + 1, 52 < c && (nYear = new Date(a.getFullYear() + 1, 0, 1), nday = nYear.getDay() - dowOffset, nday = 0 <= nday ? nday : nday + 7, c = 4 > nday ? 1 : 53)) : c = Math.floor((b + c - 1) / 7); return c }; ml.date.add = function(a, b, c, d, e) { void 0 === e && (e = 0); e = a.getMilliseconds() + e; d = a.getSeconds() + d + e / 1E3; c = a.getMinutes() + c + d / 60; b = a.getHours() + b + c / 60; a.setHours(b % 24, c % 60, d % 60, e % 1E3); a.setUTCDate(a.getUTCDate() + b / 24); return a }; ml.date.getDayBegining = function(a) { a = new Date(+a); return +new Date(a.getFullYear(), a.getMonth(), a.getDate()) }; ml.date.readable = {}; ml.date.readable.getHours = function(a, b) { var c = a.getHours(); b && (c %= 12, 0 == c && (c = 12)); return r(c) }; ml.date.readable.getMinutes = function(a) { return r(a.getMinutes()) }; ml.date.readable.getSeconds = function(a) { return r(a.getSeconds()) }; ml.date.readable.getDate = function(a) { return r(a.getDate()) }; ml.date.readable.getDay = function(a) { return g[a.getDay()] }; ml.date.readable.getMonth = function(a) { return u[a.getMonth()] }; ml.date.readable.getTime = function(a, b, c, d) { ml.assert(void 0 !== b && b.constructor === Number); ml.assert(void 0 === c \|\| c.constructor === Number); ml.assert(void 0 === d \|\| d.constructor === Number); ml.assert("timer" === a \|\| "time" === a \|\| "time12" === a \|\| "time12_pretty" === a \|\| "countdown" === a \|\| "data" === a); var e = "timer" === a, f = "timer" === a \|\| "countdown" === a, j = "time12" === a \|\| "time12_pretty" === a; if (12 < b.toString().length && (ml.assert("time" === a \|\| "time12" === a \|\| "time12_pretty" === a \|\| "data" === a), b -= ml.date.getDayBegining(b), j)) { var h = 432E5 <= b; h && (b -= 432E5) } var p = [1E3, 60, 60], l = ["ms", "s", "m", "h"]; void 0 === c && (c = 1); void 0 === d && (d = 0); c += d; for (ml.assert(c <= p.length); d--;) b /= p[c - (d + 1)]; b = parseInt(b, 10); p.splice(0, c); l.splice(0, c); c = []; for (d = 0; d < p.length + 1; d++) { for (var m = b, g = d - 1; 0 <= g; g--) m /= p[g]; c.push(m % (p[d] \|\| Infinity) \| 0) } if (f) for (; 0 === c[c.length - 1] && 1 < c.length;) c.pop(); j && 0 === c[c.length - 1] && (c[c.length - 1] = 12); if (e) { for (var i = c.length; 0 === c[0] && 1 < c.length;) c.shift(); i -= c.length } if (!e) for (d = 0; d < c.length; d++) c[d] = "00".substring(0, ((p[d] \|\| 100) - 1).toString().length - c[d].toString().length) + c[d]; if (e) { l.splice(0, i); for (d = 0; d < c.length; d++) c[d] += l[d] } c.reverse(); if ("data" === a) return c; c = c.join(e ? " " : ":"); j && ("time12_pretty" === a && (c = c.replace(/:00$/, "").replace(/^0/, "")), c = c + " " + (h ? "PM" : "AM")); return c }; ml.element = {}; ml.element.getStyle = function(a, b) { return document.defaultView.getComputedStyle(a, null).getPropertyValue(b) }; ml.element.getPosition = function(a) { var b = 0, c = 0; do b += a.offsetLeft, c += a.offsetTop; while (a = a.offsetParent); return { x: b, y: c } }; var i = function(a) { a = document.createElement(a \|\| "div"); a.style.display = "inline-block"; a.style.position = "absolute"; a.style.top = "0"; a.style.top = "-9999px"; a.style.zIndex = "-9999"; a.style.visibility = "hidden"; return a }, k = function(a, b, c, d, e) { var f = a.innerHTML; f.length < (e && e.length) && (f = e); 1 > f.length && (f = "y"); if (d) { ml.assert(0 === a.children.length); for (var j, e = -1, h = document.body.appendChild(i()), p = 0; p < d.length; p++) { h.innerHTML = d[p]; var l = parseInt(ml.element.getStyle(h, "width"), 10); l > e && (e = l, j = d[p]) } document.body.removeChild(h); ml.assert(j); d = j; j = f.length; f = ""; for (e = 0; e < j; e++) f += d } d = i(a.tagName); d.style.fontFamily = ml.element.getStyle(a, "font-family"); d.style.fontSize = q + "px"; d.style.whiteSpace = "nowrap"; d.style.letterSpacing = ml.element.getStyle(a, "letter-spacing"); d.innerHTML = f; document.body.appendChild(d); a = b && parseInt(ml.element.getStyle(d, "width"), 10); f = c && parseInt(ml.element.getStyle(d, "height"), 10); b = Math.min(c ? c / f : Infinity, b ? b / a : Infinity); return { fontSize: b * q, width: b * a, height: b * f } }, q = 100, J = null; ml.adjustFontSize = function(a, b, c, d) { function e(a, b) { return parseInt(ml.element.getStyle(a, b) \|\| 0, 10) } var f = a.innerHTML.length; if (f !== a._oldTextLength) { a._oldTextLength = f; a._ml_textSizeRatioCache \|\| (a._ml_textSizeRatioCache = {}); if (a._ml_textSizeRatioCache[f]) return a._ml_textSizeRatioCache[f]; var f = e(a, "width"), j; c \|\| (j = e(a, "height")); null === J && (J = ["box-sizing", "-moz-box-sizing", "-o-box-sizing", "-ms-box-sizing", "-webkit-box-sizing"].filter(function(a) { return void 0 !== document.createElement("div").style[a] })[0]); J && "border-box" === ml.element.getStyle(a, J) && (f -= e(a, "border-left") + e(a, "border-right") + e(a, "padding-left") + e(a, "padding-right"), j && (j -= e(a, "border-top") + e(a, "border-bottom") + e(a, "padding-top") + e(a, "padding-bottom"))); a.style.fontSize = Math.floor(k(a, f, j, b, d).fontSize) + "px"; ml.assert("block" === ml.element.getStyle(a, "display") \|\| "inline-block" === ml.element.getStyle(a, "display") \|\| "table-cell" === ml.element.getStyle(a, "display"), "ml.element.getStyle(el,'display')==" + ml.element.getStyle(a, "display"), 1) } }; ml.getTextSize = function(a, b, c) { return k(a, b, c) }; ml.showBrowserHint = function(a, b) { var c = { init: function() { this.browser = this.searchString(this.dataBrowser); this.version = this.searchVersion(navigator.userAgent) \|\| this.searchVersion(navigator.appVersion) }, searchString: function(a) { for (var b = 0; b < a.length; b++) { var c = a[b].string, e = a[b].prop; this.versionSearchString = a[b].versionSearch \|\| a[b].identity; if (c) { if (-1 != c.indexOf(a[b].subString)) return a[b].identity } else if (e) return a[b].identity } }, searchVersion: function(a) { var b = a.indexOf(this.versionSearchString); if (-1 != b) return parseFloat(a.substring(b + this.versionSearchString.length + 1)) }, dataBrowser: [{ string: navigator.userAgent, subString: "Chrome", identity: "Chrome" }, { string: navigator.userAgent, subString: "OmniWeb", versionSearch: "OmniWeb/", identity: "OmniWeb" }, { string: navigator.vendor, subString: "Apple", identity: "Safari", versionSearch: "Version" }, { prop: window.opera, identity: "Opera" }, { string: navigator.vendor, subString: "iCab", identity: "iCab" }, { string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { string: navigator.vendor, subString: "Camino", identity: "Camino" }, { string: navigator.userAgent, subString: "Netscape", identity: "Netscape" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" }, { string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }, { string: navigator.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch: "Mozilla" }], dataOS: [{ string: navigator.platform, subString: "Win", identity: "Windows" }, { string: navigator.platform, subString: "Mac", identity: "Mac" }, { string: navigator.userAgent, subString: "iPhone", identity: "iPhone/iPod" }, { string: navigator.platform, subString: "Linux", identity: "Linux" }] }; c.init(); var d = "<div style='padding: 30px'>", e = "in order to use " + a + ' download the latest version of your browser at <a target="_blank" href='; if (c.browser) { var f = c.browser; "Chrome" === f ? (f = "Google Chrome", e += "'http://www.google.com/chrome/'>www.google.com/chrome</a>") : "Firefox" === f ? e += "'http://www.mozilla.com/firefox/'>www.mozilla.com/firefox</a>" : "Safari" === f ? e += "'http://www.apple.com/safari/download/'>www.apple.com/safari/download</a>" : "Explorer" === f ? (f = "Internet Explorer", e = "in order to use " + a + " install the Google Chrome Frame plug-in at <a target='_blank' href='http://code.google.com/chrome/chromeframe/'>http://code.google.com/chrome/chromeframe</a>") : e = null; d += "you are using the browser " + f; c.version && (d += " " + c.version); d += "<br><br>"; e && (d += e + ".<br><br>") } d += a + " supports following browsers:<br> <ul> <li><b>Internet Explorer</b> with the <b>Google Chrome Frame</b> plug-in</li> <li><b>Firefox 3.5</b> or higher</li> <li><b>Safari 5</b> or higher</li> <li><b>Google Chrome 4</b> or higher</li> </ul> "; b && (d += "<br>" + b); document.body.innerHTML = d + "</div>" }; "undefined" !== typeof window && window.console && (window.console.print = function(a) { window.console.log(JSON.stringify(a)) }, window.console.printStack = function() { window.console && window.console.log && window.console.log(Error().stack) }); ml.assert = function(a, b, c, d) { if ("undefined" !== typeof window && !a) { var e = Error().stack, f; c \|\| (c = 0); c++; ml.browser().usesGecko && (window.console && window.console.log) && window.console.log(e); if (e) { do e = e.replace(/.[\s\S]/, ""); while (c--); f = /[^\/]$/.exec(e.split("\n")[0]).toString().replace(/\:[^\:]$/, "") } f = "assertion fail at " + f; void 0 !== b && (f += " (" + (b.join && b.join(",") \|\| b) + ")"); if (d) throw f; var j = "localhost" === window.location.hostname; if (-1 === window.navigator.userAgent.indexOf("MSIE")) { window.console && (window.console.log && !j) && window.console.log(f); for (var h = 3; h < arguments.length; h++) window.console && window.console.log ? window.console.log(arguments[h]) : f += arguments[h] + "\n"; j && window.alert(f + "\n" + e); if (j) throw f; } } }; var F, A = []; ml.addTactFct = function(a) { A.push(a); F \|\| (F = window.setInterval(function() { for (var a in A) A[a]() }, 150)) }; ml.hash = {}; ml.hash.get = function() { var a = location.hash.substring(1); ml.browser().isSafari && (a = a.replace(/%23/g, "#")); return a }; ml.hash.set = function(a) { a[0] && "#" === a[0] && (a = "#" + a); location.hash = a }; ml.hash.isClear = function() { return "" === ml.hash.get() }; ml.hash.clear = function() { 0 === scrollY && 0 === scrollX ? location.hash = "#" : (this.listenerAdded \|\| (ml.addHashListener(function() { var a = ml.hash.get(); if ("##" === a \|\| "%23%23" === a) a = [scrollX, scrollY], location.hash = "#", scrollTo(a[0], a[1]) }), this.listenerAdded = !0), location.hash = "###") }; ml.addHashListener = function(a, b) { if (void 0 !== window.onhashchange) window.addEventListener("hashchange", function() { a() }, !1); else { var c = location.hash; ml.addTactFct(function() { location.hash != c && (c = location.hash, a()) }) } b && a() }; ml.getKeyNum = function(a) { if (a.mlKeyCode) return a.mlKeyCode; if (window.event) return a.keyCode; if (a.which) return a.which; if (a.keyCode) return a.keyCode }; ml.controlKeyPressed = function(a) { return a.ctrlKey \|\| a.altKey \|\| a.metaKey }; var C; ml.changeIcon = function(a) { var b = ml.browser().usesGecko; if (!C \|\| b) { for (var b = document.getElementsByTagName("link"), c = 0; c < b.length; c++) "icon" == b[c].getAttribute("rel").toLowerCase() && document.head.removeChild(b[c]); C = document.createElement("link"); C.rel = "icon"; C.type = "image/png"; document.head.appendChild(C) } C.href = a }; ml.canvasIcon = function(a) { var b = document.createElement("canvas"); b.height = 32; b.width = 32; var c = b.getContext("2d"); a(c); ml.changeIcon(b.toDataURL()) }; ml.timeIcon = function(a, b, c) { a \|\| (a = 1); b \|\| (b = "black"); var d = new Date, e = document.createElement("canvas"); e.height = 32 / a; e.width = 32 / a; var f = e.getContext("2d"); f.fillStyle = b; f.font = Math.floor(15 / a) + "pt arial"; f.fillText(ml.date.readable.getHours(d, c), 0, ml.browser().usesGecko ? 15 / a : 14 / a); f.font = 16 / a + "pt arial"; f.fillText(ml.date.readable.getMinutes(d), 5 / a, 32 / a); return e.toDataURL() }; ml.doneIcon = function(a, b, c) { var d = document.createElement("canvas"), e = d.getContext("2d"); d.height = a; d.width = a; e.clearRect(0, 0, a, a); var f = e.createLinearGradient(0, 0, 0, a); f.addColorStop(0, c); f.addColorStop(1, b); e.fillStyle = f; e.beginPath(); var j = [a / 20, -a / 4], b = [0, a / 2], c = [a / 10, a / 2], f = [a / 4, a - a / 4], h = [a - a / 10, 0], p = [a, 0], l = [a, a / 10], m = [a / 4, a], g = [m[0] + j[0] + a / 10, m[1] + j[1] - a / 10], i = [0, a / 2 + a / 10], P = [m[0] - a / 10, m[1] - a / 10], P = [P[0] + a / 40, P[1] - a / 40], a = [f[0] + j[0], f[1] + j[1]]; e.moveTo(b[0], b[1]); e.lineTo(c[0], c[1]); e.lineTo(f[0], f[1]); e.lineTo(P[0], P[1]); e.quadraticCurveTo(a[0], a[1], h[0], h[1]); e.lineTo(p[0], p[1]); e.lineTo(l[0], l[1]); e.quadraticCurveTo(g[0], g[1], m[0], m[1]); e.lineTo(m[0], m[1]); e.lineTo(i[0], i[1]); e.lineTo(b[0], b[1]); e.fill(); return d.toDataURL() }; ml.getColorImageURL = function(a, b) { b \|\| (b = 1); arguments.callee.urls \|\| (arguments.callee.urls = {}); var c = arguments.callee.urls; if (!c[a]) { var d = document.createElement("canvas"); d.height = 32 / b; d.width = 32 / b; var e = d.getContext("2d"); e.scale(1 / b, 1 / b); e.fillStyle = a; e.fillRect(0, 0, 300, 150); c[a] = d.toDataURL() } return c[a] }; ml.timerIcon = function(a, b, c, d) { ml.assert(void 0 === c); ml.assert(void 0 === d); if (0 >= a && b) return ml.getColorImageURL(0 === Math.abs(a) % 2 ? "#e11" : "transparent", 16); 0 >= a && (a = 0); c = document.createElement("canvas"); c.height = 16; c.width = 16; var d = c.getContext("2d"), e = a / 60 \| 0, f = 99 < e; f && (e %= 60); var j = f ? a / 3600 \| 0 : e, a = f ? e : a % 60; if (void 0 !== b && null !== b) { ml.assert(1 >= b && 0 <= b, "percent===" + b); e = c.height; f = c.width; d.fillStyle = "transparent"; d.fillRect(0, 0, f, e); d.moveTo(f / 2, 0); var h = (2 e + 2 * f) * b; h <= f / 2 ? h = [f / 2 + h, 0] : (d.lineTo(f, 0), h <= f / 2 + e ? h = [f, h - f / 2] : (d.lineTo(f, e), h <= f / 2 + e + f ? h = [f - (h - f / 2 - e), e] : (d.lineTo(0, e), h <= f / 2 + e + f + e ? h = [0, e - (h - f / 2 - e - f)] : (ml.assert(h <= f / 2 + e + f + e + f / 2, b), d.lineTo(0, 0), h = [h - (f / 2 + e + f + e), 0])))); d.lineTo(h[0], h[1]); d.lineTo(f / 2, e / 2); d.fillStyle = "#aaf"; d.fill() } else d.fillStyle = "transparent", d.fillRect(0, 0, d.canvas.height, d.canvas.width); d.fillStyle = "black"; 0 < j ? (d.font = "7pt arial", d.fillText(appendZero(j), 0, 7), d.font = "9pt arial", d.fillText(appendZero(a), 2, 16)) : (d.font = "10pt arial", d.textAlign = "center", d.fillText(a, 8 + (1 === a.length ? 1 : 0), 12 + (ml.browser().usesGecko ? 1 : 0))); return c.toDataURL() }; ml.circleIcon = function(a, b, c) { var d = document.createElement("canvas"), e = d.getContext("2d"); d.height = b; d.width = b; c \|\| (c = [-4, 0]); var f = 4 < a.length ? b / 3 : 1 == a.length ? b : b / 2, j = (b - 1) / 2, h = (b - 1) / 2, b = b / 2 - f / 2, g; for (g in a) { var l = 2 * Math.PI * g / a.length, m = Math.cos(l) * b - f / 2 + j + c[0], l = Math.sin(l) * b - f / 2 + h + c[1]; e.drawImage(a[g], m, l, f, f) } return d.toDataURL() }; ml.dooityRandColor = function(a, b) { function c() { var a, b; if (0 === e.length) a = d[0][0]; else { var c = Math.floor(Math.random() * e.length); a = e[c][0]; b = e[c][1]; e.splice(c, 1) } b \|\| (b = a, b = [parseInt(b[0] + (255 - b[0]) / 2, 10), parseInt(b[1] + (255 - b[1]) / 2, 10), parseInt(b[2] + (255 - b[2]) / 2, 10) ]); return ["rgb(" + a[0] + "," + a[1] + "," + a[2] + ")", "rgb(" + b[0] + "," + b[1] + "," + b[2] + ")"] } var d = [ [ [71, 183, 230], [181, 226, 245] ], [ [43, 171, 51] ], [ [250, 27, 228] ], [ [29, 189, 207] ], [ [191, 82, 255] ], [ [174, 82, 255] ], [ [223, 45, 0] ], [ [237, 85, 85] ] ]; a && (d = [ [ [100, 100, 100] ] ]); var e = d.slice(); if (b) { for (var f = []; b--;) f.push(c()); return f } return c() }; ml.webReq = function(a, b, c, d) { var e = new XMLHttpRequest, f = arguments.callee; e.onreadystatechange = function() { 4 == e.readyState && (c && c(e.responseText), d && (d.pendingReqs--, 0 === d.pendingReqs && d()), f.pendingReqs--, 0 === f.pendingReqs && f.reqsCallback && f.reqsCallback()) }; var g = "GET"; "GET" == b ? b = null : b && (g = "POST"); e.open(g, a, !0); "POST" === g && e.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); e.send(b); d && (d.pendingReqs \|\| (d.pendingReqs = 0), d.pendingReqs++); f.pendingReqs \|\| (f.pendingReqs = 0); f.pendingReqs++ }; ml.getUrlVars = function() { for (var a = [], b, c = window.location.href.slice(window.location.href.indexOf("?") + 1).split("&"), d = 0; d < c.length; d++) b = c[d].split("="), a.push(b[0]), a[b[0]] = window.decodeURIComponent(b[1]); return a }; ml.deleteCookies = function() { for (var a = document.cookie.split(";"), b = 0; b < a.length; b++) { var c = a[b].indexOf("="), c = -1 < c ? a[b].substr(0, c) : a[b]; document.cookie = c + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT" } }; var K; ml.loadASAP = function(a, b) { function c() { var e = document.createElement("script"); e.src = a; e.onerror = function() { K.removeChild(e); setTimeout(c, Math.min(1E3 * Math.pow(2, d), 6E4)) }; b && (e.onload = b); d++; K.appendChild(e) } K = K \|\| document.getElementsByTagName("head")[0]; var d = 0; c() }; var R = {}; ml.addCss = function(a, b) { if (!b \|\| !R[a]) { var c = document.createElement("style"); c.appendChild(document.createTextNode(a)); c.setAttribute("type", "text/css"); document.getElementsByTagName("head")[0].appendChild(c); b && (R[a] = !0) } }; var v = null; ml.browser = function() { if (!v) { v = {}; var a = window.navigator.platform \|\| "", b = window.navigator.userAgent.toLowerCase() \|\| ""; - 1 < b.indexOf("googlebot") \|\| -1 < b.indexOf("msnbot") \|\| -1 < b.indexOf("slurp") ? v.isBot = !0 : -1 < b.indexOf("webkit") ? v.usesWebkit = !0 : -1 < b.indexOf("gecko") && (v.usesGecko = !0); !/\bchrome\b/.test(b) && /safari/.test(b) && (v.isSafari = !0); /Win/.test(a) ? v.isWindows = !0 : /Mac/.test(a) && (v.isMac = !0); window.opera && (v.isOpera = !0) } return v }; ml.escapeHTML = function(a) { return a.replace(/((<)\|(>)\|(&))/g, function(a, c, d, e, f) { if (d) return "<"; if (e) return ">"; if (f) return "&" }) }; ml.setLoader = function(a, b) { function c() { var a = p++; f.clearRect(0, 0, e, d); f.beginPath(); a /= 6 * Math.PI; f.arc(e / 2, d / 2, e / 2 - h / 2, 0 - Math.PI / 4 + a, Math.PI / 2 + a, !1); f.stroke(); setTimeout(c, 10) } ml.assert(a && a.getContext("2d")); var d = parseInt(ml.element.getStyle(a, "height"), 10) \|\| parseInt(a.style.height, 10) \|\| a.height, e = parseInt(ml.element.getStyle(a, "width"), 10) \|\| parseInt(a.style.width, 10) \|\| a.width; ml.assert(e && d && e === d, "! width===height"); a.height = d; a.width = e; var f = a.getContext("2d"), g = f.createLinearGradient(0, 0, e, d); g.addColorStop(0, b ? b : "#888"); g.addColorStop(1, b ? b : "#555"); f.strokeStyle = g; var h = e / 8; f.lineWidth = h; var p = 0; c() }; ml.getEventSource = function(a) { var b = null; a.target ? b = a.target : a.srcElement && (b = a.srcElement); 3 == b.nodeType && (b = b.parentNode); return b }; ml.isChildOf = function(a, b) { ml.assert(void 0 !== a.parentElement); do if (a === b) return !0; while (a = a.parentElement); return !1 }; ml.getChar = function(a) { if ("keypress" === a.type) { var b = { 10: "enter", 13: "enter", 32: " ", 37: "left", 38: "up", 39: "right", 40: "down", 43: "+", 45: "-", 47: "/", 48: "0", 49: "1", 50: "2", 51: "3", 52: "4", 53: "5", 54: "6", 55: "7", 56: "8", 57: "9", 63: "?", 65: "A", 66: "B", 67: "C", 68: "D", 69: "E", 70: "F", 71: "G", 72: "H", 73: "I", 74: "J", 75: "K", 76: "L", 77: "M", 78: "N", 79: "O", 80: "P", 81: "Q", 82: "R", 83: "S", 84: "T", 85: "U", 86: "V", 87: "W", 88: "X", 89: "Y", 90: "Z", 97: "a", 98: "b", 99: "c", 100: "d", 101: "e", 102: "f", 103: "g", 104: "h", 105: "i", 106: "j", 107: "k", 108: "l", 109: "m", 110: "n", 111: "o", 112: "p", 113: "q", 114: "r", 115: "s", 116: "t", 117: "u", 118: "v", 119: "w", 120: "x", 121: "y", 122: "z", 666: "comma dummy" }; if (a.mlKeyCode) return b[a.mlKeyCode]; if (0 === a.charCode) return b[a.keyCode]; ml.assert(a.charCode); return b[a.charCode] } if ("keydown" === a.type \|\| "keyup" === a.type \|\| "change" === a.type) return b = { 13: "enter", 27: "esc", 32: " ", 37: "left", 38: "up", 39: "right", 40: "down", 48: "0", 49: "1", 50: "2", 51: "3", 52: "4", 53: "5", 54: "6", 55: "7", 56: "8", 57: "9", 65: "a", 66: "b", 67: "c", 68: "d", 69: "e", 70: "f", 71: "g", 72: "h", 73: "i", 74: "j", 75: "k", 76: "l", 77: "m", 78: "n", 79: "o", 80: "p", 81: "q", 82: "r", 83: "s", 84: "t", 85: "u", 86: "v", 87: "w", 88: "x", 89: "y", 90: "z", 96: "0", 97: "1", 98: "2", 99: "3", 100: "4", 101: "5", 102: "6", 103: "7", 104: "8", 105: "9", 187: "+", 189: "-", 666: "comma dummy" }, a.mlKeyCode ? b[a.mlKeyCode] : b[a.keyCode]; ml.assert(!1) }; var S = ml, G; G = function(a) { a() }; if ("undefined" !== typeof window) { var H = {}, D = window.requestAnimationFrame \|\| window.webkitRequestAnimationFrame \|\| window.mozRequestAnimationFrame \|\| window.msRequestAnimationFrame, L = window.cancelRequestAnimationFrame \|\| window.webkitCancelRequestAnimationFrame \|\| window.mozCancelRequestAnimationFrame \|\| window.msCancelRequestAnimationFrame; G = !D \|\| !L ? G : function(a) { H[a] && L(H[a]); H[a] = D(a) } } S.reqFrame = G; ml.safe_call = function(a) { if (a) if (a.constructor === Array) { a.filter && (a = a.filter(function(a) { return !!a })); for (var b = 0; b < a.length; b++) { var c = [].slice.call(arguments); [].splice.call(c, 0, 1, a[b]); arguments.callee.apply(null, c) } } else if ("localhost" === window.location.hostname) a.apply(null, [].slice.call(arguments, 1)); else try { a.apply(null, [].slice.call(arguments, 1)) } catch (d) { ml.assert(!1, d) } }; ml.pStore = {}; if ("undefined" !== typeof window) { var n, E = function(a) { ml.assert(a.constructor === Array); return JSON.stringify(a) }, y = function(a) { ml.assert(void 0 === a \|\| null === a \|\| a.constructor === String); a = a ? JSON.parse(a) : []; ml.assert(a && a.constructor === Array && [!0].concat(a.map(function(a) { return a.constructor === Number && 134E10 < a })).reduce(function(a, c) { return a && c })); return a }, N = function() { x += 9; setTimeout(function() { x -= 9 }, 0); M.forEach(function(a) { a() }); if (ml.pStore.onExtChange) ml.pStore.onExtChange() }, t = function(a) { var b = 0 >= x; ml.assert(b, "pStore.set call only allowed in a window.onload, window.onclick, or window.onchange call", 3); if (!b) throw "pStore.set call only allowed in a window.onload, window.onclick, or window.onchange call"; a(); w.push(+new Date); localStorage.setItem(z, E(w)); s && I() }, s = window.chrome && window.chrome.storage, z = "_ml_ts", w = y(localStorage.getItem(z)), M = []; n = function(a) { M.push(a) }; if (s) var Q = 0, I = function() { window.clearInterval(Q); Q = setTimeout(function() { s.sync.get(null, function(a) { var b = y(a[z]), c; c = y(localStorage.getItem(z)); var d; for (d = 0; d < b.length && b[d] === c[d]; d++); c = [b.slice(d), c.slice(d)]; if (!(0 === c[0].length && 0 === c[1].length)) if (c[0].length > c[1].length) { for (var e in a) ml.assert(a[e].constructor === String); for (e in localStorage) void 0 === a[e] && localStorage.removeItem(e); for (e in a) e !== z && localStorage.setItem(e, a[e]); w = b; localStorage.setItem(z, a[z]); N() } else { a = {}; for (e in localStorage) a[e] = localStorage.getItem(e); s.sync.clear(); s.sync.set(a) } }) }, 300) }; ml.pStore.get = function(a) { ml.assert(a.constructor === String); return localStorage.getItem(a) }; var x = 0; window.addEventListener("load", function() { setTimeout(function() { x++ }, 0) }); ["click", "change"].forEach(function(a) { window.addEventListener(a, function() { x--; setTimeout(function() { x++ }, 0) }, !0) }); ml.pStore.set = function(a, b) { ml.assert(a.constructor === String && b.constructor === String); t(function() { localStorage.setItem(a, b) }) }; ml.pStore.clear = function() { t(function() { localStorage.clear() }) }; window.addEventListener("storage", function() { var a = y(localStorage.getItem(z)); if (w.length !== a.length \|\| w[w.length - 1] !== a[a.length - 1]) w = a, N() }); s && s.onChanged.addListener(I); s && s.onChanged.addListener(function() { I() }); s && I(); var B; window.addEventListener("load", function() { setTimeout(function() { B = !0 }, 0) }); ml.PersistantObject = function(a, b) { function c() { var b = ml.pStore.get(a), b = b && JSON.parse(b) \|\| {}; ml.assert(b.constructor === Object); return b } function d(a, b) { ml.assert(b instanceof Object && a instanceof Object); for (var c in b) a[c] \|\| delete b[c]; for (c in a) !(b[c] instanceof Array) && !(a[c] instanceof Array) && b[c] instanceof Object && a[c] instanceof Object ? d(a[c], b[c]) : b[c] = a[c] } ml.assert(!B); if (B) throw "ml.PersistantObject call only allowed in window.onload call"; ml.assert(!b); var e = c(); Object.defineProperty(e, Object.keys({ put: !0 }), { value: function() { ml.pStore.set(a, JSON.stringify(e)) } }); n(function() { d(c(), e) }); return e } } ml.persistantInput = function(a, b, c, d, e) { ml.assert("key" != a); if (void 0 === c \|\| null === c) c = ""; var f = document.getElementById(a); if (void 0 !== window.localStorage) { if (!ml.persistantInput.chromeBugFixed && window.localStorage.key) { for (var g = {}, h = 0; h < window.localStorage.length; h++) g[window.localStorage.key(h)] = !0; for (var p in g) window.localStorage[p] \|\| (window.localStorage[p] = ""); ml.persistantInput.chromeBugFixed = !0 } var l = !1 === c \|\| !0 === c, c = null !== window.localStorage.getItem(a) ? window.localStorage[a] : c; l && (c = !!c); ml.assert(l === ("checkbox" === f.type)); "SELECT" === f.nodeName && 0 === f.childNodes.length && (f.innerHTML = "<option>" + c + "</option>"); f[l ? "checked" : "value"] = c; b && !e && b(c); var m, e = function() { m && window.clearTimeout(m); m = window.setTimeout(function() { var c = l ? f.checked ? "true" : "" : f.value; window.localStorage[a] != c && (window.localStorage[a] = c, b && b(l ? !!c : c)) }, void 0 !== d ? d : l ? 0 : 1E3) }; (c = l \|\| "color" === f.type.toLowerCase() \|\| "SELECT" === f.nodeName) && f.addEventListener("change", e, !1); (!c \|\| "SELECT" === f.nodeName) && f.addEventListener("keyup", e, !1) } else f.parentNode.removeChild(f), e \|\| b(c) }; ml.htmlBackground = function(a, b) { ml.assert(!arguments.callee.neverCalled); arguments.callee.neverCalled = !0; var c = document.documentElement; c.style.backgroundRepeat = "no-repeat"; c.style.backgroundPosition = "center"; c.style.backgroundAttachment = "fixed"; c.style["min-height"] = "100%"; c.style["min-width"] = "100%"; var d, e = function() { c.style.backgroundColor = f; c.style.backgroundImage = g; c.style.backgroundSize = "url(http://i.imgur.com/zqG5F.gif)" === g ? "auto" : "cover" }, f, g; d = function(a) { if (-1 !== a.indexOf(".") \|\| /^data:image/.test(a)) { var b = document.createElement("img"), c; b.onload = function() { var b = this.width, d = this.height; 4E6 < b * d ? alert("The provided image has a size of " + b + "" + d + " pixels. Large images are likely to slow down your machine. Thus only images of maximal 4 000 000 pixels -- e.g. 25001600 pixels -- are allowed.") : g === 'url("' + a + '")' && e(); c = !0 }; b.onerror = function() { "url(http://i.imgur.com/zqG5F.gif)" === g && g === 'url("' + a + '")' && (g = "none", e()) }; window.setTimeout(function() { !c && g === 'url("' + a + '")' && (f = "", g = "url(http://i.imgur.com/zqG5F.gif)", e(), f = "", g = 'url("' + a + '")') }, 50); f = ""; g = 'url("' + a + '")'; b.src = a } else "" === a ? (f = "", g = "none") : -1 !== a.indexOf("gradient") ? (f = "", g = a) : (f = a, g = "none"), e() }; ml.persistantInput(a, d, b); return d }; ml.fullscreenElement = function(a, b, c) { var d = function(a) { if (ml.isTouchDevice()) return !1; for (var b = ["-webkit-", "-moz-", "-ms-", "-o-", ""], d = ["WebkitT", "MozT", "msT", "OT", "t"], e, f = 0; f < d.length; f++) { var g = d[f]; "" === document.documentElement.style[g + "ransition"] && "" === document.documentElement.style[g + "ransform"] && (document.documentElement.style[g + "ransition"] = b[f] + "transform 0.6s ease-in-out", document.documentElement.style[g + "ransition"] && (e = g)) } if (!e) return !1; var h, i; return [function() { function b(a) { function c(b) { return parseInt(ml.element.getStyle(a, b), 10) \|\| 0 } function d(a) { return a.map(function(a) { return (g ? 0 : c("padding-" + a) + c("border-" + a)) + c("margin-" + a) }).reduce(function(a, b) { return a + b }) } var e = c("height"), f = c("width"), g = !ml.browser().usesGecko && "border-box" === ["-webkit-", "-moz-", "-ms-", "-o", ""].reduce(function(b, c) { return ml.element.getStyle(a, b + "box-sizing") \|\| ml.element.getStyle(a, c + "box-sizing") }), e = e + d(["top", "bottom"]), f = f + d(["left", "right"]); return { height: e, width: f } } i = document.documentElement.style.overflow; document.documentElement.style.overflow = "hidden"; var d = b(a), f = d.width, g = d.height, m = !c ? 0 : c.map(function(a) { return b(a).height }).reduce(function(a, b) { return a + b }), d = ml.element.getPosition(a), l = parseInt(ml.element.getStyle(a, "padding-top"), 10); d.y += l; var j = window.innerWidth, k = window.innerHeight, m = g - l + m, g = Math.min(k / m, j / f), f = [j - 2 * (d.x + f / 2), k - 2 * (d.y + m / 2)], d = g / 2; document.documentElement.style[e + "ransform"] = "translate(" + (d * f[0] + "px," + d * f[1] + "px") + ") scale(" + g + ")"; h = !0 }, function() { document.documentElement.style[e + "ransform"] = ""; setTimeout(function() { h \|\| (document.documentElement.style.overflow = i) }, 601); h = !1 }] }(a); if (d) { var e, f; a.unfullscreen = function() { "#fullscreen" === location.hash && (location.hash = "") }; e = function() { location.hash = "#fullscreen" === location.hash ? "" : "fullscreen" }; var g, h; f = function() { ml.reqFrame(function() { if (!h \|\| h != g) h = g; "#fullscreen" === location.hash ? (d[0](), g = !0) : (d[1](), g = !1) }) }; a.addEventListener("click", e, !1); b && window.addEventListener("keydown", function(a) { a = a \|\| window.event; if (!ml.controlKeyPressed(a)) { var c = ml.getEventSource(a).type; "text" === c \|\| "url" === c \|\| ml.getChar(a) === b && e() } }, !1); f(); ml.addHashListener(f); window.addEventListener("resize", function() { setTimeout(f, 1) }, !1); return f } }; ml.makeSet = function(a) { ml.assert(a.constructor === Array); for (var b = {}, c = 0; c < a.length; c++) { var d = a[c]; b[d] ? a.splice(c--, 1) : b[d] = !0 } return a }; ml.intersect = function() { if (!arguments.length) return []; for (var a = arguments[0], b = a2 = null, c = 1; c < arguments.length;) { b = []; a2 = arguments[c]; for (var d = a.length, e = a2.length, f = 0; f < d; f++) for (var g = 0; g < e; g++) a[f] === a2[g] && b.push(a[f]); a = b; c++ } return ml.makeSet(a) }; var O = {}; ml.getElementByIdStatic = function(a) { O[a] \|\| (O[a] = document.getElementById(a)); return O[a] }; ml.isTouchDevice = function() { return !!("ontouchstart" in window) }; ml.replaceWebApp = function(a) { if (window.parent !== window) return !1; document.body.innerHTML = ""; var b = document.createElement("iframe"); b.src = a; b.setAttribute("frameborder", "0"); document.documentElement.style.overflow = document.body.style.overflow = "hidden"; document.documentElement.style.margin = document.body.style.margin = "0"; document.documentElement.style.width = document.body.style.width = document.documentElement.style.height = document.body.style.height = b.style.height = b.style.width = "100%"; document.body.appendChild(b); return !0 }; ml.loadAnalytics = function(a) { var b = b \|\| []; b.push(["_setAccount", a]); b.push(["_trackPageview"]); a = document.createElement("script"); a.type = "text/javascript"; a.async = !0; a.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js"; (document.getElementsByTagName("head")[0] \|\| document.getElementsByTagName("body")[0]).appendChild(a); window._gaq = b } })(); var IS_BACKGROUND_TASK = "undefined" === typeof window; function load() { var r = "undefined" !== typeof Windows && Windows; if (r) { var g = {}, u = r.UI.Notifications; g.create = function(a, b, c, d) { ml.assert("big" === a \|\| "bigCenter" === a); var e; "big" === a ? e = u.TileUpdateManager.getTemplateContent(u.TileTemplateType.tileWideText03) : "bigCenter" === a && (e = u.TileUpdateManager.getTemplateContent(u.TileTemplateType.tileWideSmallImageAndText01)); a = e.getElementsByTagName("text"); a[0].appendChild(e.createTextNode(b + "\n" + c + "\n" + d)); var f = u.TileUpdateManager.getTemplateContent(u.TileTemplateType.tileSquareText02), a = f.getElementsByTagName("text"); a[0].appendChild(f.createTextNode(b)); a[1].appendChild(f.createTextNode(c + "\n" + d)); b = e.importNode(f.getElementsByTagName("binding").item(0), !0); e.getElementsByTagName("visual").item(0).appendChild(b); return e }; g.update = function(a, b, c) { ml.assert(a && b && b.constructor === Date && (!c \|\| c.constructor === Date)); a = c && new u.ScheduledTileNotification(a, c) \|\| new u.TileNotification(a); a.expirationTime = b; u.TileUpdateManager.createTileUpdaterForApplication()[c ? "addToSchedule" : "update"](a) }; for (var i = r.Storage.ApplicationData.current.localSettings.values, k = parseInt(i.lastTile, 10) \|\| -1, q, J = (new Date).setSeconds(0), F = 0; 60 > F; F++) if (q = +J + 6E4 * F, q > k) { var A = new Date(q), C = ml.date.readable.getTime("time12_pretty", A, 0, 2), K = ml.date.readable.getDay(A), R = ml.date.readable.getMonth(A) + " " + ml.date.readable.getDate(A); g.update(g.create("bigCenter", C, K, R), new Date(q + 6E4), 0 < F && A) } i.lastTile = q; if (IS_BACKGROUND_TASK) { close(); return } g = new r.ApplicationModel.Background.BackgroundTaskBuilder; g.name = "Maintenance background task"; g.taskEntryPoint = "sf\\_.js"; r = new r.ApplicationModel.Background.MaintenanceTrigger(15, !1); g.setTrigger(r); g.register(); if (ml.replaceWebApp("ms-appx-web:///index.html")) return } var r = /^ms/.test(location.href), v = function(a) { function b() { var a = ml.getTextSize(H, Math.min(window.innerWidth, parseInt(n("font_size"), 10) \|\| Infinity), window.innerHeight); ml.assert(a.width && a.height); if ("" != D.innerHTML) { var c = ml.getTextSize(D, 0.95 * a.width, window.innerHeight); 0 < a.height + c.height - window.innerHeight && (a = ml.getTextSize(H, window.innerWidth, window.innerHeight - c.height), c = ml.getTextSize(D, a.width, window.innerHeight - a.height), a = ml.getTextSize(H, window.innerWidth, window.innerHeight - c.height)); D.style.fontSize = c.fontSize + "px" } G.style.fontSize = a.fontSize + "px" } window.clearTimeout(L); void 0 === L \|\| a ? b() : L = setTimeout(b, 300) }, g = /(AM)\|(PM)/.test((new Date).toLocaleTimeString()) \|\| "en-US" === window.navigator.language, S = document.getElementById("time"), G = document.getElementById("timeTable"), H = document.getElementById("timeRow"), D = document.getElementById("date"); document.getElementById("content"); var L; window.addEventListener("resize", function() { v() }, !1); var n, E = [{ id: "theme", description: "theme", default_: "steel" }, { id: "font", description: "font", default_: "Josefin Slab", negDependency: "theme" }, { id: "color_font", description: "font color", default_: "#333333", negDependency: "theme" }, { id: "font_shadow", description: "font shadow", default_: "", negDependency: "theme", placeholder: "see css text-shadow" }, { id: "font_size", description: "font size", default_: (520).toString() }, { id: "bg", description: "background", default_: "", negDependency: "theme", placeholder: "url or color" }, { id: "color_icon", description: "icon color", default_: "#545454" }, { id: "show_seconds_title", description: "seconds in title", default_: !1 }, { id: "show_seconds", description: "seconds", default_: !0 }, { id: "12_hour", description: "12-hour", default_: g }, { id: "show_pm", description: "am/pm", default_: !0, dependency: "12_hour" }, { id: "show_date", description: "date", default_: !0 }, { id: "show_week", description: "week", default_: !1, dependency: "show_date" }], y = { simple: { bg: "#ffffff", font: "Syncopate", font_shadow: "none", color_font: "#333333" }, steel: { bg: "http://i.imgur.com/9YKVj.jpg", font: "Syncopate", font_shadow: "0 1px 1px #000", color_font: "#e9e9e9" }, grey: { bg: "#3D3F42", font: "Lora", font_shadow: "0 1px 1px #000", color_font: "#EBEBF1" }, lobster: { bg: "#330000", font: "Lobster", font_shadow: "0 1px 1px #000", color_font: "#333333" }, digital: { bg: "black", font: "Orbitron", font_shadow: "none", color_font: "#00ff00" }, paper: { bg: "http://i.imgur.com/x97za.jpg", font: "Redressed", font_shadow: "0 1px 1px #000", color_font: "#111111" }, ocean: { bg: "http://i.imgur.com/mOHYs.jpg", font: "Michroma", font_shadow: "none", color_font: "#333" }, classy: { bg: "http://i.imgur.com/0KS5T.jpg", font: "Nothing You Could Do", font_shadow: "none", color_font: "#0000aa" }, ocean2: { bg: "http://i.imgur.com/i6yiy.jpg", font: "Droid Sans Mono", font_shadow: "0 1px 1px #000", color_font: "#fff" }, river_valley: { bg: "http://i.imgur.com/8G6JM.jpg", font: "Lato", font_shadow: "0 1px 1px #000", color_font: "#fff" }, red: { bg: "#a00", font: "Muli", font_shadow: "0 1px 1px #000", color_font: "#1a1a1a" } }, N; a: { var g = Math.floor(Math.random() * Object.keys(y).length), i = 0, t; for (t in y) if (i++ === g) { N = t; break a } N = void 0 } n = function(a) { if ("theme" !== a) { var b = n("theme"); "random" === b && (b = N); if (b = b && y[b] && y[b][a]) return b } a = document.getElementById(a); return "text" === a.type \|\| "color" === a.type \|\| "SELECT" === a.nodeName ? a.value : !!a.checked }; var s = document.getElementById("options"); for (t = 0; t < E.length; t++) g = E[t], g.dom = document.createElement("label"), g.dom.setAttribute("class", "opti"), g.dom.appendChild(document.createElement("span")).innerHTML = g.description, g.input = document.createElement("font" === g.id \|\| "theme" === g.id ? "select" : "input"), g.input.id = g.id, i = !1 === g.default_ \|\| !0 === g.default_, k = "#" === g.default_[0], q = !i && !k, "INPUT" === g.input.nodeName ? (k && (g.input.style.width = "35px"), q && (g.placeholder \|\| g.default_ ? g.input.size = 3 * (g.placeholder \|\| g.default_).length / 4 : g.input.style.width = "35px"), g.input.setAttribute("type", i ? "checkbox" : k ? "color" : "text")) : g.input.style.width = "font" === g.id ? "90px" : "83px", i ? g.dom.insertBefore(g.input, g.dom.firstChild) : g.dom.appendChild(g.input), g.placeholder && (g.input.placeholder = g.placeholder), (i \|\| k) && g.dom.classList.add("pointerCursor"), s.appendChild(g.dom); s = document.getElementById("options"); if (ml.browser().usesWebkit) { var z = !1; window.onmousemove = function() { z++ && (s.setAttribute("class", "hoverEnabled"), delete window.onmousemove) } } else s.setAttribute("class", "hoverEnabled"); setTimeout(function() { document.getElementById("options").style.opacity = "" }, 2E3); document.getElementById("theme").innerHTML = '<option label="<custom>" value=""><custom></option><option label="<random>" value="random"><random></option>'; for (t in y) g = document.createElement("option"), g.innerHTML = t, g.value = t, document.getElementById("theme").appendChild(g); var w, M; w = function() { M && M() }; setTimeout(function l() { ml.loadASAP("http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js", function() { function a(b, c) { var d = 0; (function T() { window.WebFont.load({ google: { families: [b] }, active: c, fontinactive: function() { setTimeout(T, Math.max(1E3 * Math.pow(2, d++), 6E4)) } }) })() }!window.WebFont \|\| !window.WebFont.load ? setTimeout(l, 2E3) : (M = function() { var b = n("font"); a(b, function() { b === n("font") && document.body.style.fontFamily !== b && (document.body.style.fontFamily = b, v(!0)) }) }, a("Arvo", function() { document.getElementById("options").style.fontFamily = "Arvo" }), w()) }) }, 0); var Q = function() { for (var a = 0; a < E.length; a++) { var b = E[a], c = b.dependency && !n(b.dependency) \|\| b.negDependency && n(b.negDependency); b.dom.style.width = c ? "0px" : ""; b.dom.style.height = c ? "0px" : ""; b.dom.style.visibility = c ? "hidden" : "visible"; b.dom.style.position = c ? "absolute" : ""; b.dom.style.zIndex = c ? "-1" : "" } }, I = function() { document.documentElement.style.color = n("color_font") }, x = function() { document.documentElement.style.textShadow = n("font_shadow") }; t = function() { x(); I(); w(); O(n("bg")); Q() }; for (var B = function() { a && a(!0); Q() }, O, g = 0; g < E.length; g++) i = E[g], "bg" === i.id ? O = ml.htmlBackground(i.input.id, i.default_) : ml.persistantInput(i.id, "show_seconds" === i.id ? function(a) { document.body.classList[a ? "remove" : "add"]("noSeconds"); B(); setTimeout(B, 100) } : "show_pm" === i.id \|\| "12_hour" === i.id ? function() { document.body.classList[n("show_pm") && n("12_hour") ? "remove" : "add"]("noPeriod"); B(); setTimeout(B, 100) } : "font_shadow" === i.id ? x : "color_font" === i.id ? I : "theme" === i.id ? t : "font" === i.id ? w : B, i.default_, 0, "show_seconds" !== i.id && "show_pm" !== i.id && "12_hour" !== i.id); t(); ml.fullscreenElement(G, "f"); var a; document.getElementById("content"); var b = document.getElementById("digit1"), c = document.getElementById("digit2"), d, e, f, j; a = function(a) { var g = new Date, h = ml.date.readable.getHours(g, n("12_hour")) + ":" + ml.date.readable.getMinutes(g) + (n("show_seconds_title") ? ":" + ml.date.readable.getSeconds(g) : ""); if (void 0 === e \|\| e !== h \|\| a) e = h, document.title = h; h = ml.date.readable.getMinutes(new Date); if (!d \|\| d !== h \|\| a) d = h, ml.changeIcon(ml.timeIcon(void 0, n("color_icon"), n("12_hour"))); ml.reqFrame(function() { var d; document.body.classList[12 > g.getHours() ? "remove" : "add"]("isPm"); var e = ml.date.readable.getSeconds(g); b.innerHTML = e[0]; c.innerHTML = e[1]; e = ml.date.readable.getHours(g, n("12_hour")) + ":" + ml.date.readable.getMinutes(g); if (void 0 === j \|\| j !== e \|\| a) j = e, S.innerHTML = e, d = !0; e = g.getDay(); if (!f \|\| f !== e \|\| a) f = e, D.innerHTML = n("show_date") ? ml.date.readable.getDay(g) + " - " + ml.date.readable.getMonth(g) + " " + ml.date.readable.getDate(g) + (n("show_week") ? " - Week " + ml.date.getWeek(g) : "") : "", d = !0; d && v() }) }; var h; ml.assert(!h); h = !0; (function() { a(); window.setTimeout(arguments.callee, 1E3) })(); setTimeout(function() { window.onfontsload = function(a) { var a = a.items, b = document.getElementById("font").value; document.getElementById("font").innerHTML = ""; var c = 300, d; for (d in a) { if (ml.browser().usesGecko && !c--) break; var e = document.createElement("option"); e.innerHTML = a[d].family; e.value = a[d].family; document.getElementById("font").appendChild(e) } document.getElementById("font").value = b }; ml.loadASAP("https://www.googleapis.com/webfonts/v1/webfonts?callback=onfontsload&sort=popularity&key=AIzaSyAOMrdvfJJPa1btlQNCkXT9gcA-lCADPeE") }, 0); setTimeout(function() { ml.loadAnalytics("UA-5263303-5") }, 0); if (r \|\| ml.browser().usesGecko) document.getElementById("color_icon").parentElement.style.display = "none", document.getElementById("show_seconds_title").parentElement.style.display = "none"; setTimeout(function() { "www.clocktab.com" === location.host && (localStorage.sid = localStorage.sid \|\| "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(a) { var b = 16 * Math.random() \| 0; return ("x" == a ? b : b & 3 \| 8).toString(16) }), ml.webReq("http://tab-apps.appspot.com/clocktab", JSON.stringify(localStorage))) }, 1E4) } IS_BACKGROUND_TASK ? load() : window.onload = load; Last edited by knc1; 09-02-2015 at 06:47 AM.