GM - Number of Favs on Photostream (Alesadam) 2017

// ==UserScript==
// @name           Flickr - Number of Favs on Photostream (v.0.5.11 - TWEAK HTTPS2) - 2017
// @namespace      http://www.flickr.com/alesadam
// @description    STAR at 4412 line -  - GRANT + Match - NOT update chek - Shows the number of favs on the photos in a photostream, next to #views, #notes, #comments
// @version        0.5.11
// @include        http://www.flickr.com/photos/*
// @include        http://www.flickr.com/photos/*/*


// @include    http://www.flickr.com/groups/*/pool*


// @exclude    http://www.flickr.com/photos/*/stats*
// @exclude    http://www.flickr.com/photos/*/popular-interesting
// @exclude    http://www.flickr.com/groups/*/discuss/*
// @exclude    http://www.flickr.com/photos/*/map*

// @include     http*://*flickr.com/photos/*
// @include     http*://*flickr.com/photos/*/*
// @include     http*://*flickr.com/groups/*/
// @include     http*://*flickr.com/groups/*/pool*
// @include     http*://*flickr.com/*/tags/*


// @exclude       https://www.flickr.com/photos/*

// @exclude    http*://*flickr.com/photos/*/stats*
// @exclude    http*://*flickr.com/photos/*/popular-interesting
// @exclude    http*://*flickr.com/groups/*/discuss/*
// @exclude    http*://*flickr.com/photos/*/map*

// @grant       GM_log
// @grant       GM_getUserNsid
// @grant       GM_getAuthToken
// @grant       GM_getAuthHash
// @grant       GM_getMagisterLudi

// @grant       GM_setValue
// @grant       GM_getValue
// @grant       GM_deleteValue
// @grant       GM_addStyle

// @updateURL      https://userscripts.org/scripts/source/78638.meta.js
// @downloadURL    https://userscripts.org/scripts/source/78638.user.js
// @run-at        document-end
// ==/UserScript==
//
(function () {

// in Google Chrome, the numbers may be hidden by the thumbnail in the next row
// alter POOL_ITEM_HEIGHT to make some extra room between the thumbnail rows (default: 145)
var POOL_ITEM_HEIGHT = 165;
// in Google Chrome, the numbers may be hidden by the thumbnail in the next row
// alter TAGS_ITEM_HEIGHT to make some extra room between the thumbnail rows (default: 110)
var TAGS_ITEM_HEIGHT = 130;
// use the standard Flickr icons for views, notes, .. on pool pages
var ICON_NOTATION = false;

// replace the count indication with its first letter:
// 'views' -> 'v'
// 'comments' -> 'c'
// 'galleries' -> 'g'
// 'notes' -> 'n'
// 'favorites' -> 'f'
// is not taken into account if ICON_NOTATION is set to true
var SHORT_NOTATION = true;

// use the SHOW_STREAM_xxx_COUNT booleans to specify what numbers you want to see on Photo Stream pages
// on the Photo Stream pages, comments and favorites are provided by Flickr itself
var SHOW_STREAM_VIEWS_COUNT     = true;
var SHOW_STREAM_NOTES_COUNT     = false; // there is no icon for notes!
var SHOW_STREAM_GALLERIES_COUNT = false;

// use the SHOW_PHOTOPAGE_xxx_COUNT booleans to specify what numbers you want to see on Photo pages
var SHOW_PHOTOPAGE_VIEWS_COUNT     = true;
var SHOW_PHOTOPAGE_NOTES_COUNT     = false; // there is no icon for notes!
var SHOW_PHOTOPAGE_GALLERIES_COUNT = false;

// use the SHOW_POOL_xxx_COUNT booleans to specify what numbers you want to see on Group Pool pages
var SHOW_POOL_VIEWS_COUNT       = true;
var SHOW_POOL_COMMENTS_COUNT    = false;
var SHOW_POOL_NOTES_COUNT       = false;
var SHOW_POOL_FAVORITES_COUNT   = true;
var SHOW_POOL_GALLERIES_COUNT   = false;

// use the SHOW_TAGS_xxx_COUNT booleans to specify what numbers you want to see on 'tags' pages
var SHOW_TAGS_VIEWS_COUNT       = true;
var SHOW_TAGS_COMMENTS_COUNT    = true;
var SHOW_TAGS_NOTES_COUNT       = false;
var SHOW_TAGS_FAVORITES_COUNT   = true;
var SHOW_TAGS_GALLERIES_COUNT   = false;

// use the SHOW_SET_xxx_COUNT booleans to specify what numbers you want to see on 'set' pages
var SHOW_SET_VIEWS_COUNT       = true;
var SHOW_SET_COMMENTS_COUNT    = true;
var SHOW_SET_NOTES_COUNT       = false;
var SHOW_SET_FAVORITES_COUNT   = true;
var SHOW_SET_GALLERIES_COUNT   = false;

// use the SHOW_CONTRIBUTION_COLOR booleans to specify when to color the icons' background color
var SHOW_COMMENT_CONTRIBUTION_COLOR = false;
var SHOW_NOTE_CONTRIBUTION_COLOR    = false;
var SHOW_FAVORITE_CONTRIBUTION_COLOR    = true;
var SHOW_GALLERY_CONTRIBUTION_COLOR = false;

// specify your own colors :-)
var COMMENT_CONTRIBUTION_COLOR  = 'pink';
var NOTE_CONTRIBUTION_COLOR = 'pink';
var FAVORITE_CONTRIBUTION_COLOR = 'pink';
var GALLERY_CONTRIBUTION_COLOR  = 'pink';

var NOFOPversion = "0.5.11";

var localStoragePrefix = "NumberOfFavsOnPhotostream.";


// use styles
if (ICON_NOTATION) {
    GM_addStyle('a.nof_pool_icon { display: inline-block; position: relative; text-decoration: none; text-align: center; padding: 0 10px 0 22px; margin-left: 10px; height: 14px; }');
    GM_addStyle('a span.nof_pool_count { text-decoration: none; background: url("http://l.yimg.com/g/images/photo-sprite.png.v8") no-repeat scroll 0 0 transparent; display: block; height: 10px; left: 5px; position: absolute; width: 11px;');
    GM_addStyle('a span.nof_pool_count_views { background-position: -15px -15px; }');
    GM_addStyle('a span.nof_pool_count_comments { background-position: -55px -15px; }');
    GM_addStyle('a span.nof_pool_count_notes { background-position: -1895px -15px; }');
    GM_addStyle('a span.nof_pool_count_favs { background-position: -95px -15px; }');
    GM_addStyle('a span.nof_pool_count_galleries { background-position: -135px -15px; }');
    GM_addStyle('a span.nof_pool_label { position: absolute; left: 2px; padding-left: 16px; padding-right: 8px; padding-top: 5px;');
} else {
    GM_addStyle('.nof_stats { position: relative; top: 7px; }');
}

GM_addStyle('.nof_comment_contributed { background-color: ' + COMMENT_CONTRIBUTION_COLOR + '; }');
GM_addStyle('.nof_note_contributed { background-color: ' + NOTE_CONTRIBUTION_COLOR + '; }');
GM_addStyle('.nof_fave_contributed { background-color: ' + FAVORITE_CONTRIBUTION_COLOR + '; }');
GM_addStyle('.nof_gallery_contributed { background-color: ' + GALLERY_CONTRIBUTION_COLOR + '; }');

//
// Greased MooTools inline for lack of @require support in Chrome

/*
---

script: Core.js

description: The core of MooTools, contains all the base functions and the Native and Hash implementations. Required by all the other scripts.

license: MIT-style license.

copyright: Copyright (c) 2006-2008 [Valerio Proietti](http://mad4milk.net/).

authors: The MooTools production team (http://mootools.net/developers/)

inspiration:
- Class implementation inspired by [Base.js](http://dean.edwards.name/weblog/2006/03/base/) Copyright (c) 2006 Dean Edwards, [GNU Lesser General Public License](http://opensource.org/licenses/lgpl-license.php)
- Some functionality inspired by [Prototype.js](http://prototypejs.org) Copyright (c) 2005-2007 Sam Stephenson, [MIT License](http://opensource.org/licenses/mit-license.php)

provides: [MooTools, Native, Hash.base, Array.each, $util]

...
*/

var MooTools = {
    'version': '1.2.5dev',
    'build': '168759f5904bfdaeafd6b1c0d1be16cd78b5d5c6'
};

var Native = function(options){
    options = options || {};
    var name = options.name;
    var legacy = options.legacy;
    var protect = options.protect;
    var methods = options.implement;
    var generics = options.generics;
    var initialize = options.initialize;
    var afterImplement = options.afterImplement || function(){};
    var object = initialize || legacy;
    generics = generics !== false;

    object.constructor = Native;
    object.$family = {name: 'native'};
    if (legacy && initialize) object.prototype = legacy.prototype;
    if (!object.prototype) object.prototype = {};
    object.prototype.constructor = object;

    if (name){
        var family = name.toLowerCase();
        object.prototype.$family = {name: family};
        Native.typize(object, family);
    }

    var add = function(obj, name, method, force){
        if (!protect || force || !obj.prototype[name]) obj.prototype[name] = method;
        if (generics) Native.genericize(obj, name, protect);
        afterImplement.call(obj, name, method);
        return obj;
    };

    object.alias = function(a1, a2, a3){
        if (typeof a1 == 'string'){
            var pa1 = this.prototype[a1];
            if ((a1 = pa1)) return add(this, a2, a1, a3);
        }
        for (var a in a1) this.alias(a, a1[a], a2);
        return this;
    };

    object.implement = function(a1, a2, a3){
        if (typeof a1 == 'string') return add(this, a1, a2, a3);
        for (var p in a1) add(this, p, a1[p], a2);
        return this;
    };

    if (methods) object.implement(methods);

    return object;
};

Native.genericize = function(object, property, check){
    if ((!check || !object[property]) && typeof object.prototype[property] == 'function') object[property] = function(){
        var args = Array.prototype.slice.call(arguments);
        return object.prototype[property].apply(args.shift(), args);
    };
};

Native.implement = function(objects, properties){
    for (var i = 0, l = objects.length; i < l; i++) objects[i].implement(properties);
};

Native.typize = function(object, family){
    if (!object.type) object.type = function(item){
        return ($type(item) === family);
    };
};

(function(){
    var natives = {'Array': Array, 'Date': Date, 'Function': Function, 'Number': Number, 'RegExp': RegExp, 'String': String};
    for (var n in natives) new Native({name: n, initialize: natives[n], protect: true});

    var types = {'boolean': Boolean, 'native': Native, 'object': Object};
    for (var t in types) Native.typize(types[t], t);

    var generics = {
        'Array': ["concat", "indexOf", "join", "lastIndexOf", "pop", "push", "reverse", "shift", "slice", "sort", "splice", "toString", "unshift", "valueOf"],
        'String': ["charAt", "charCodeAt", "concat", "indexOf", "lastIndexOf", "match", "replace", "search", "slice", "split", "substr", "substring", "toLowerCase", "toUpperCase", "valueOf"]
    };
    for (var g in generics){
        for (var i = generics[g].length; i--;) Native.genericize(natives[g], generics[g][i], true);
    }
})();

var Hash = new Native({

    name: 'Hash',

    initialize: function(object){
        if ($type(object) == 'hash') object = $unlink(object.getClean());
        for (var key in object) this[key] = object[key];
        return this;
    }

});

Hash.implement({

    forEach: function(fn, bind){
        for (var key in this){
            if (this.hasOwnProperty(key)) fn.call(bind, this[key], key, this);
        }
    },

    getClean: function(){
        var clean = {};
        for (var key in this){
            if (this.hasOwnProperty(key)) clean[key] = this[key];
        }
        return clean;
    },

    getLength: function(){
        var length = 0;
        for (var key in this){
            if (this.hasOwnProperty(key)) length++;
        }
        return length;
    }

});

Hash.alias('forEach', 'each');

Array.implement({

    forEach: function(fn, bind){
        for (var i = 0, l = this.length; i < l; i++) fn.call(bind, this[i], i, this);
    }

});

Array.alias('forEach', 'each');

function $A(iterable){
    if (iterable.item){
        var l = iterable.length, array = new Array(l);
        while (l--) array[l] = iterable[l];
        return array;
    }
    return Array.prototype.slice.call(iterable);
};

function $arguments(i){
    return function(){
        return arguments[i];
    };
};

function $chk(obj){
    return !!(obj || obj === 0);
};

function $clear(timer){
    clearTimeout(timer);
    clearInterval(timer);
    return null;
};

function $defined(obj){
    return (obj != undefined);
};

function $each(iterable, fn, bind){
    var type = $type(iterable);
    ((type == 'arguments' || type == 'collection' || type == 'array') ? Array : Hash).each(iterable, fn, bind);
};

function $empty(){};

function $extend(original, extended){
    for (var key in (extended || {})) original[key] = extended[key];
    return original;
};

function $H(object){
    return new Hash(object);
};

function $lambda(value){
    return ($type(value) == 'function') ? value : function(){
        return value;
    };
};

function $merge(){
    var args = Array.slice(arguments);
    args.unshift({});
    return $mixin.apply(null, args);
};

function $mixin(mix){
    for (var i = 1, l = arguments.length; i < l; i++){
        var object = arguments[i];
        if ($type(object) != 'object') continue;
        for (var key in object){
            var op = object[key], mp = mix[key];
            mix[key] = (mp && $type(op) == 'object' && $type(mp) == 'object') ? $mixin(mp, op) : $unlink(op);
        }
    }
    return mix;
};

function $pick(){
    for (var i = 0, l = arguments.length; i < l; i++){
        if (arguments[i] != undefined) return arguments[i];
    }
    return null;
};

function $random(min, max){
    return Math.floor(Math.random() * (max - min + 1) + min);
};

function $splat(obj){
    var type = $type(obj);
    return (type) ? ((type != 'array' && type != 'arguments') ? [obj] : obj) : [];
};

var $time = Date.now || function(){
    return +new Date;
};

function $try(){
    for (var i = 0, l = arguments.length; i < l; i++){
        try {
            return arguments[i]();
        } catch(e){}
    }
    return null;
};

function $type(obj){
    if (obj == undefined) return false;
    if (obj.$family) return (obj.$family.name == 'number' && !isFinite(obj)) ? false : obj.$family.name;
    if (obj.nodeName){
        switch (obj.nodeType){
            case 1: return 'element';
            case 3: return (/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace';
        }
    } else if (typeof obj.length == 'number'){
        if (obj.callee) return 'arguments';
        else if (obj.item) return 'collection';
    }
    return typeof obj;
};

function $unlink(object){
    var unlinked;
    switch ($type(object)){
        case 'object':
            unlinked = {};
            for (var p in object) unlinked[p] = $unlink(object[p]);
        break;
        case 'hash':
            unlinked = new Hash(object);
        break;
        case 'array':
            unlinked = [];
            for (var i = 0, l = object.length; i < l; i++) unlinked[i] = $unlink(object[i]);
        break;
        default: return object;
    }
    return unlinked;
};

/*
---

script: Browser.js

description: The Browser Core. Contains Browser initialization, Window and Document, and the Browser Hash.

license: MIT-style license.

requires:
- /Native
- /$util

provides: [Browser, Window, Document, $exec]

...
*/

var Browser = $merge({

    Engine: {name: 'unknown', version: 0},

    Platform: {name: (window.orientation != undefined) ? 'ipod' : (navigator.platform.match(/mac|win|linux/i) || ['other'])[0].toLowerCase()},

    Features: {xpath: !!(document.evaluate), air: !!(window.runtime), query: !!(document.querySelector)},

    Plugins: {},

    Engines: {

        presto: function(){
            return (!window.opera) ? false : ((arguments.callee.caller) ? 960 : ((document.getElementsByClassName) ? 950 : 925));
        },

        trident: function(){
            return (!window.ActiveXObject) ? false : ((window.XMLHttpRequest) ? ((document.querySelectorAll) ? 6 : 5) : 4);
        },

        webkit: function(){
            return (navigator.taintEnabled) ? false : ((Browser.Features.xpath) ? ((Browser.Features.query) ? 525 : 420) : 419);
        },

        gecko: function(){
            return (!document.getBoxObjectFor && window.mozInnerScreenX == null) ? false : ((document.getElementsByClassName) ? 19 : 18);
        }

    }

}, Browser || {});

Browser.Platform[Browser.Platform.name] = true;

Browser.detect = function(){

    for (var engine in this.Engines){
        var version = this.Engines[engine]();
        if (version){
            this.Engine = {name: engine, version: version};
            this.Engine[engine] = this.Engine[engine + version] = true;
            break;
        }
    }

    return {name: engine, version: version};

};

Browser.detect();

Browser.Request = function(){
    return $try(function(){
        return new XMLHttpRequest();
    }, function(){
        return new ActiveXObject('MSXML2.XMLHTTP');
    }, function(){
        return new ActiveXObject('Microsoft.XMLHTTP');
    });
};

Browser.Features.xhr = !!(Browser.Request());

Browser.Plugins.Flash = (function(){
    var version = ($try(function(){
        return navigator.plugins['Shockwave Flash'].description;
    }, function(){
        return new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version');
    }) || '0 r0').match(/\d+/g);
    return {version: parseInt(version[0] || 0 + '.' + version[1], 10) || 0, build: parseInt(version[2], 10) || 0};
})();

function $exec(text){
    if (!text) return text;
    if (window.execScript){
        window.execScript(text);
    } else {
        var script = document.createElement('script');
        script.setAttribute('type', 'text/javascript');
        script[(Browser.Engine.webkit && Browser.Engine.version < 420) ? 'innerText' : 'text'] = text;
        document.head.appendChild(script);
        document.head.removeChild(script);
    }
    return text;
};

Native.UID = 1;

var $uid = (Browser.Engine.trident) ? function(item){
    return (item.uid || (item.uid = [Native.UID++]))[0];
} : function(item){
    return item.uid || (item.uid = Native.UID++);
};

var Window = new Native({

    name: 'Window',

    legacy: (Browser.Engine.trident) ? null: window.Window,

    initialize: function(win){
        $uid(win);
        if (!win.Element){
            win.Element = $empty;
            if (Browser.Engine.webkit) win.document.createElement("iframe"); //fixes safari 2
            win.Element.prototype = (Browser.Engine.webkit) ? window["[[DOMElement.prototype]]"] : {};
        }
        win.document.window = win;
        return $extend(win, Window.Prototype);
    },

    afterImplement: function(property, value){
        window[property] = Window.Prototype[property] = value;
    }

});

Window.Prototype = {$family: {name: 'window'}};

new Window(window);

var Document = new Native({

    name: 'Document',

    legacy: (Browser.Engine.trident) ? null: window.Document,

    initialize: function(doc){
        $uid(doc);
        doc.head = doc.getElementsByTagName('head')[0];
        doc.html = doc.getElementsByTagName('html')[0];
        if (Browser.Engine.trident && Browser.Engine.version <= 4) $try(function(){
            doc.execCommand("BackgroundImageCache", false, true);
        });
        if (Browser.Engine.trident) doc.window.attachEvent('onunload', function(){
            doc.window.detachEvent('onunload', arguments.callee);
            doc.head = doc.html = doc.window = null;
        });
        return $extend(doc, Document.Prototype);
    },

    afterImplement: function(property, value){
        document[property] = Document.Prototype[property] = value;
    }

});

Document.Prototype = {$family: {name: 'document'}};

new Document(document);

/*
---

script: Array.js

description: Contains Array Prototypes like each, contains, and erase.

license: MIT-style license.

requires:
- /$util
- /Array.each

provides: [Array]

...
*/

Array.implement({

    every: function(fn, bind){
        for (var i = 0, l = this.length; i < l; i++){
            if (!fn.call(bind, this[i], i, this)) return false;
        }
        return true;
    },

    filter: function(fn, bind){
        var results = [];
        for (var i = 0, l = this.length; i < l; i++){
            if (fn.call(bind, this[i], i, this)) results.push(this[i]);
        }
        return results;
    },

    clean: function(){
        return this.filter($defined);
    },

    indexOf: function(item, from){
        var len = this.length;
        for (var i = (from < 0) ? Math.max(0, len + from) : from || 0; i < len; i++){
            if (this[i] === item) return i;
        }
        return -1;
    },

    map: function(fn, bind){
        var results = [];
        for (var i = 0, l = this.length; i < l; i++) results[i] = fn.call(bind, this[i], i, this);
        return results;
    },

    some: function(fn, bind){
        for (var i = 0, l = this.length; i < l; i++){
            if (fn.call(bind, this[i], i, this)) return true;
        }
        return false;
    },

    associate: function(keys){
        var obj = {}, length = Math.min(this.length, keys.length);
        for (var i = 0; i < length; i++) obj[keys[i]] = this[i];
        return obj;
    },

    link: function(object){
        var result = {};
        for (var i = 0, l = this.length; i < l; i++){
            for (var key in object){
                if (object[key](this[i])){
                    result[key] = this[i];
                    delete object[key];
                    break;
                }
            }
        }
        return result;
    },

    contains: function(item, from){
        return this.indexOf(item, from) != -1;
    },

    extend: function(array){
        for (var i = 0, j = array.length; i < j; i++) this.push(array[i]);
        return this;
    },

    getLast: function(){
        return (this.length) ? this[this.length - 1] : null;
    },

    getRandom: function(){
        return (this.length) ? this[$random(0, this.length - 1)] : null;
    },

    include: function(item){
        if (!this.contains(item)) this.push(item);
        return this;
    },

    combine: function(array){
        for (var i = 0, l = array.length; i < l; i++) this.include(array[i]);
        return this;
    },

    erase: function(item){
        for (var i = this.length; i--; i){
            if (this[i] === item) this.splice(i, 1);
        }
        return this;
    },

    empty: function(){
        this.length = 0;
        return this;
    },

    flatten: function(){
        var array = [];
        for (var i = 0, l = this.length; i < l; i++){
            var type = $type(this[i]);
            if (!type) continue;
            array = array.concat((type == 'array' || type == 'collection' || type == 'arguments') ? Array.flatten(this[i]) : this[i]);
        }
        return array;
    },

    hexToRgb: function(array){
        if (this.length != 3) return null;
        var rgb = this.map(function(value){
            if (value.length == 1) value += value;
            return value.toInt(16);
        });
        return (array) ? rgb : 'rgb(' + rgb + ')';
    },

    rgbToHex: function(array){
        if (this.length < 3) return null;
        if (this.length == 4 && this[3] == 0 && !array) return 'transparent';
        var hex = [];
        for (var i = 0; i < 3; i++){
            var bit = (this[i] - 0).toString(16);
            hex.push((bit.length == 1) ? '0' + bit : bit);
        }
        return (array) ? hex : '#' + hex.join('');
    }

});

/*
---

script: String.js

description: Contains String Prototypes like camelCase, capitalize, test, and toInt.

license: MIT-style license.

requires:
- /Native

provides: [String]

...
*/

String.implement({

    test: function(regex, params){
        return ((typeof regex == 'string') ? new RegExp(regex, params) : regex).test(this);
    },

    contains: function(string, separator){
        return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : this.indexOf(string) > -1;
    },

    trim: function(){
        return this.replace(/^\s+|\s+$/g, '');
    },

    clean: function(){
        return this.replace(/\s+/g, ' ').trim();
    },

    camelCase: function(){
        return this.replace(/-\D/g, function(match){
            return match.charAt(1).toUpperCase();
        });
    },

    hyphenate: function(){
        return this.replace(/[A-Z]/g, function(match){
            return ('-' + match.charAt(0).toLowerCase());
        });
    },

    capitalize: function(){
        return this.replace(/\b[a-z]/g, function(match){
            return match.toUpperCase();
        });
    },

    escapeRegExp: function(){
        return this.replace(/([-.*+?^${}()|[\]\/\\])/g, '\\$1');
    },

    toInt: function(base){
        return parseInt(this, base || 10);
    },

    toFloat: function(){
        return parseFloat(this);
    },

    hexToRgb: function(array){
        var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
        return (hex) ? hex.slice(1).hexToRgb(array) : null;
    },

    rgbToHex: function(array){
        var rgb = this.match(/\d{1,3}/g);
        return (rgb) ? rgb.rgbToHex(array) : null;
    },

    stripScripts: function(option){
        var scripts = '';
        var text = this.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi, function(){
            scripts += arguments[1] + '\n';
            return '';
        });
        if (option === true) $exec(scripts);
        else if ($type(option) == 'function') option(scripts, text);
        return text;
    },

    substitute: function(object, regexp){
        return this.replace(regexp || (/\\?\{([^{}]+)\}/g), function(match, name){
            if (match.charAt(0) == '\\') return match.slice(1);
            return (object[name] != undefined) ? object[name] : '';
        });
    }

});

/*
---

script: Function.js

description: Contains Function Prototypes like create, bind, pass, and delay.

license: MIT-style license.

requires:
- /Native
- /$util

provides: [Function]

...
*/

Function.implement({

    extend: function(properties){
        for (var property in properties) this[property] = properties[property];
        return this;
    },

    create: function(options){
        var self = this;
        options = options || {};
        return function(event){
            var args = options.arguments;
            args = (args != undefined) ? $splat(args) : Array.slice(arguments, (options.event) ? 1 : 0);
            if (options.event) args = [event || window.event].extend(args);
            var returns = function(){
                return self.apply(options.bind || null, args);
            };
            if (options.delay) return setTimeout(returns, options.delay);
            if (options.periodical) return setInterval(returns, options.periodical);
            if (options.attempt) return $try(returns);
            return returns();
        };
    },

    run: function(args, bind){
        return this.apply(bind, $splat(args));
    },

    pass: function(args, bind){
        return this.create({bind: bind, arguments: args});
    },

    bind: function(bind, args){
        return this.create({bind: bind, arguments: args});
    },

    bindWithEvent: function(bind, args){
        return this.create({bind: bind, arguments: args, event: true});
    },

    attempt: function(args, bind){
        return this.create({bind: bind, arguments: args, attempt: true})();
    },

    delay: function(delay, bind, args){
        return this.create({bind: bind, arguments: args, delay: delay})();
    },

    periodical: function(periodical, bind, args){
        return this.create({bind: bind, arguments: args, periodical: periodical})();
    }

});

/*
---

script: Number.js

description: Contains Number Prototypes like limit, round, times, and ceil.

license: MIT-style license.

requires:
- /Native
- /$util

provides: [Number]

...
*/

Number.implement({

    limit: function(min, max){
        return Math.min(max, Math.max(min, this));
    },

    round: function(precision){
        precision = Math.pow(10, precision || 0);
        return Math.round(this * precision) / precision;
    },

    times: function(fn, bind){
        for (var i = 0; i < this; i++) fn.call(bind, i, this);
    },

    toFloat: function(){
        return parseFloat(this);
    },

    toInt: function(base){
        return parseInt(this, base || 10);
    }

});

Number.alias('times', 'each');

(function(math){
    var methods = {};
    math.each(function(name){
        if (!Number[name]) methods[name] = function(){
            return Math[name].apply(null, [this].concat($A(arguments)));
        };
    });
    Number.implement(methods);
})(['abs', 'acos', 'asin', 'atan', 'atan2', 'ceil', 'cos', 'exp', 'floor', 'log', 'max', 'min', 'pow', 'sin', 'sqrt', 'tan']);

/*
---

script: Hash.js

description: Contains Hash Prototypes. Provides a means for overcoming the JavaScript practical impossibility of extending native Objects.

license: MIT-style license.

requires:
- /Hash.base

provides: [Hash]

...
*/

Hash.implement({

    has: Object.prototype.hasOwnProperty,

    keyOf: function(value){
        for (var key in this){
            if (this.hasOwnProperty(key) && this[key] === value) return key;
        }
        return null;
    },

    hasValue: function(value){
        return (Hash.keyOf(this, value) !== null);
    },

    extend: function(properties){
        Hash.each(properties || {}, function(value, key){
            Hash.set(this, key, value);
        }, this);
        return this;
    },

    combine: function(properties){
        Hash.each(properties || {}, function(value, key){
            Hash.include(this, key, value);
        }, this);
        return this;
    },

    erase: function(key){
        if (this.hasOwnProperty(key)) delete this[key];
        return this;
    },

    get: function(key){
        return (this.hasOwnProperty(key)) ? this[key] : null;
    },

    set: function(key, value){
        if (!this[key] || this.hasOwnProperty(key)) this[key] = value;
        return this;
    },

    empty: function(){
        Hash.each(this, function(value, key){
            delete this[key];
        }, this);
        return this;
    },

    include: function(key, value){
        if (this[key] == undefined) this[key] = value;
        return this;
    },

    map: function(fn, bind){
        var results = new Hash;
        Hash.each(this, function(value, key){
            results.set(key, fn.call(bind, value, key, this));
        }, this);
        return results;
    },

    filter: function(fn, bind){
        var results = new Hash;
        Hash.each(this, function(value, key){
            if (fn.call(bind, value, key, this)) results.set(key, value);
        }, this);
        return results;
    },

    every: function(fn, bind){
        for (var key in this){
            if (this.hasOwnProperty(key) && !fn.call(bind, this[key], key)) return false;
        }
        return true;
    },

    some: function(fn, bind){
        for (var key in this){
            if (this.hasOwnProperty(key) && fn.call(bind, this[key], key)) return true;
        }
        return false;
    },

    getKeys: function(){
        var keys = [];
        Hash.each(this, function(value, key){
            keys.push(key);
        });
        return keys;
    },

    getValues: function(){
        var values = [];
        Hash.each(this, function(value){
            values.push(value);
        });
        return values;
    },

    toQueryString: function(base){
        var queryString = [];
        Hash.each(this, function(value, key){
            if (base) key = base + '[' + key + ']';
            var result;
            switch ($type(value)){
                case 'object': result = Hash.toQueryString(value, key); break;
                case 'array':
                    var qs = {};
                    value.each(function(val, i){
                        qs[i] = val;
                    });
                    result = Hash.toQueryString(qs, key);
                break;
                default: result = key + '=' + encodeURIComponent(value);
            }
            if (value != undefined) queryString.push(result);
        });

        return queryString.join('&');
    }

});

Hash.alias({keyOf: 'indexOf', hasValue: 'contains'});

/*
---

script: Element.js

description: One of the most important items in MooTools. Contains the dollar function, the dollars function, and an handful of cross-browser, time-saver methods to let you easily work with HTML Elements.

license: MIT-style license.

requires:
- /Window
- /Document
- /Array
- /String
- /Function
- /Number
- /Hash

provides: [Element, Elements, $, $$, Iframe]

...
*/

var Element = new Native({

    name: 'Element',

    legacy: window.Element,

    initialize: function(tag, props){
        var konstructor = Element.Constructors.get(tag);
        if (konstructor) return konstructor(props);
        if (typeof tag == 'string') return document.newElement(tag, props);
        return document.id(tag).set(props);
    },

    afterImplement: function(key, value){
        Element.Prototype[key] = value;
        if (Array[key]) return;
        Elements.implement(key, function(){
            var items = [], elements = true;
            for (var i = 0, j = this.length; i < j; i++){
                var returns = this[i][key].apply(this[i], arguments);
                items.push(returns);
                if (elements) elements = ($type(returns) == 'element');
            }
            return (elements) ? new Elements(items) : items;
        });
    }

});

Element.Prototype = {$family: {name: 'element'}};

Element.Constructors = new Hash;

var IFrame = new Native({

    name: 'IFrame',

    generics: false,

    initialize: function(){
        var params = Array.link(arguments, {properties: Object.type, iframe: $defined});
        var props = params.properties || {};
        var iframe = document.id(params.iframe);
        var onload = props.onload || $empty;
        delete props.onload;
        props.id = props.name = $pick(props.id, props.name, iframe ? (iframe.id || iframe.name) : 'IFrame_' + $time());
        iframe = new Element(iframe || 'iframe', props);
        var onFrameLoad = function(){
            var host = $try(function(){
                return iframe.contentWindow.location.host;
            });
            if (!host || host == window.location.host){
                var win = new Window(iframe.contentWindow);
                new Document(iframe.contentWindow.document);
                if(!win.Element.prototype) win.Element.prototype = {};
                $extend(win.Element.prototype, Element.Prototype);
            }
            onload.call(iframe.contentWindow, iframe.contentWindow.document);
        };
        var contentWindow = $try(function(){
            return iframe.contentWindow;
        });
        ((contentWindow && contentWindow.document.body) || window.frames[props.id]) ? onFrameLoad() : iframe.addListener('load', onFrameLoad);
        return iframe;
    }

});

var Elements = new Native({

    initialize: function(elements, options){
        options = $extend({ddup: true, cash: true}, options);
        elements = elements || [];
        if (options.ddup || options.cash){
            var uniques = {}, returned = [];
            for (var i = 0, l = elements.length; i < l; i++){
                var el = document.id(elements[i], !options.cash);
                if (options.ddup){
                    if (uniques[el.uid]) continue;
                    uniques[el.uid] = true;
                }
                if (el) returned.push(el);
            }
            elements = returned;
        }
        return (options.cash) ? $extend(elements, this) : elements;
    }

});

Elements.implement({

    filter: function(filter, bind){
        if (!filter) return this;
        return new Elements(Array.filter(this, (typeof filter == 'string') ? function(item){
            return item.match(filter);
        } : filter, bind));
    }

});

Document.implement({

    newElement: function(tag, props){
        if (Browser.Engine.trident && props){
            ['name', 'type', 'checked'].each(function(attribute){
                if (!props[attribute]) return;
                tag += ' ' + attribute + '="' + props[attribute] + '"';
                if (attribute != 'checked') delete props[attribute];
            });
            tag = '<' + tag + '>';
        }
        return document.id(this.createElement(tag)).set(props);
    },

    newTextNode: function(text){
        return this.createTextNode(text);
    },

    getDocument: function(){
        return this;
    },

    getWindow: function(){
        return this.window;
    },

    id: (function(){

        var types = {

            string: function(id, nocash, doc){
                id = doc.getElementById(id);
                return (id) ? types.element(id, nocash) : null;
            },

            element: function(el, nocash){
                $uid(el);
                if (!nocash && !el.$family && !(/^object|embed$/i).test(el.tagName)){
                    var proto = Element.Prototype;
                    for (var p in proto) el[p] = proto[p];
                };
                return el;
            },

            object: function(obj, nocash, doc){
                if (obj.toElement) return types.element(obj.toElement(doc), nocash);
                return null;
            }

        };

        types.textnode = types.whitespace = types.window = types.document = $arguments(0);

        return function(el, nocash, doc){
            if (el && el.$family && el.uid) return el;
            var type = $type(el);
            return (types[type]) ? types[type](el, nocash, doc || document) : null;
        };

    })()

});

if (window.$ == null) Window.implement({
    $: function(el, nc){
        return document.id(el, nc, this.document);
    }
});

Window.implement({

    $$: function(selector){
        if (arguments.length == 1 && typeof selector == 'string') return this.document.getElements(selector);
        var elements = [];
        var args = Array.flatten(arguments);
        for (var i = 0, l = args.length; i < l; i++){
            var item = args[i];
            switch ($type(item)){
                case 'element': elements.push(item); break;
                case 'string': elements.extend(this.document.getElements(item, true));
            }
        }
        return new Elements(elements);
    },

    getDocument: function(){
        return this.document;
    },

    getWindow: function(){
        return this;
    }

});

Native.implement([Element, Document], {

    getElement: function(selector, nocash){
        return document.id(this.getElements(selector, true)[0] || null, nocash);
    },

    getElements: function(tags, nocash){
        tags = tags.split(',');
        var elements = [];
        var ddup = (tags.length > 1);
        tags.each(function(tag){
            var partial = this.getElementsByTagName(tag.trim());
            (ddup) ? elements.extend(partial) : elements = partial;
        }, this);
        return new Elements(elements, {ddup: ddup, cash: !nocash});
    }

});

(function(){

var collected = {}, storage = {};
var props = {input: 'checked', option: 'selected', textarea: (Browser.Engine.webkit && Browser.Engine.version < 420) ? 'innerHTML' : 'value'};

var get = function(uid){
    return (storage[uid] || (storage[uid] = {}));
};

var clean = function(item, retain){
    if (!item) return;
    var uid = item.uid;
    if (Browser.Engine.trident){
        if (item.clearAttributes){
            var clone = retain && item.cloneNode(false);
            item.clearAttributes();
            if (clone) item.mergeAttributes(clone);
        } else if (item.removeEvents){
            item.removeEvents();
        }
        if ((/object/i).test(item.tagName)){
            for (var p in item){
                if (typeof item[p] == 'function') item[p] = $empty;
            }
            Element.dispose(item);
        }
    }
    if (!uid) return;
    collected[uid] = storage[uid] = null;
};

var purge = function(){
    Hash.each(collected, clean);
    if (Browser.Engine.trident) $A(document.getElementsByTagName('object')).each(clean);
    if (window.CollectGarbage) CollectGarbage();
    collected = storage = null;
};

var walk = function(element, walk, start, match, all, nocash){
    var el = element[start || walk];
    var elements = [];
    while (el){
        if (el.nodeType == 1 && (!match || Element.match(el, match))){
            if (!all) return document.id(el, nocash);
            elements.push(el);
        }
        el = el[walk];
    }
    return (all) ? new Elements(elements, {ddup: false, cash: !nocash}) : null;
};

var attributes = {
    'html': 'innerHTML',
    'class': 'className',
    'for': 'htmlFor',
    'defaultValue': 'defaultValue',
    'text': (Browser.Engine.trident || (Browser.Engine.webkit && Browser.Engine.version < 420)) ? 'innerText' : 'textContent'
};
var bools = ['compact', 'nowrap', 'ismap', 'declare', 'noshade', 'checked', 'disabled', 'readonly', 'multiple', 'selected', 'noresize', 'defer'];
var camels = ['value', 'type', 'defaultValue', 'accessKey', 'cellPadding', 'cellSpacing', 'colSpan', 'frameBorder', 'maxLength', 'readOnly', 'rowSpan', 'tabIndex', 'useMap'];

bools = bools.associate(bools);

Hash.extend(attributes, bools);
Hash.extend(attributes, camels.associate(camels.map(String.toLowerCase)));

var inserters = {

    before: function(context, element){
        if (element.parentNode) element.parentNode.insertBefore(context, element);
    },

    after: function(context, element){
        if (!element.parentNode) return;
        var next = element.nextSibling;
        (next) ? element.parentNode.insertBefore(context, next) : element.parentNode.appendChild(context);
    },

    bottom: function(context, element){
        element.appendChild(context);
    },

    top: function(context, element){
        var first = element.firstChild;
        (first) ? element.insertBefore(context, first) : element.appendChild(context);
    }

};

inserters.inside = inserters.bottom;

Hash.each(inserters, function(inserter, where){

    where = where.capitalize();

    Element.implement('inject' + where, function(el){
        inserter(this, document.id(el, true));
        return this;
    });

    Element.implement('grab' + where, function(el){
        inserter(document.id(el, true), this);
        return this;
    });

});

Element.implement({

    set: function(prop, value){
        switch ($type(prop)){
            case 'object':
                for (var p in prop) this.set(p, prop[p]);
                break;
            case 'string':
                var property = Element.Properties.get(prop);
                (property && property.set) ? property.set.apply(this, Array.slice(arguments, 1)) : this.setProperty(prop, value);
        }
        return this;
    },

    get: function(prop){
        var property = Element.Properties.get(prop);
        return (property && property.get) ? property.get.apply(this, Array.slice(arguments, 1)) : this.getProperty(prop);
    },

    erase: function(prop){
        var property = Element.Properties.get(prop);
        (property && property.erase) ? property.erase.apply(this) : this.removeProperty(prop);
        return this;
    },

    setProperty: function(attribute, value){
        var key = attributes[attribute];
        if (value == undefined) return this.removeProperty(attribute);
        if (key && bools[attribute]) value = !!value;
        (key) ? this[key] = value : this.setAttribute(attribute, '' + value);
        return this;
    },

    setProperties: function(attributes){
        for (var attribute in attributes) this.setProperty(attribute, attributes[attribute]);
        return this;
    },

    getProperty: function(attribute){
        var key = attributes[attribute];
        var value = (key) ? this[key] : this.getAttribute(attribute, 2);
        return (bools[attribute]) ? !!value : (key) ? value : value || null;
    },

    getProperties: function(){
        var args = $A(arguments);
        return args.map(this.getProperty, this).associate(args);
    },

    removeProperty: function(attribute){
        var key = attributes[attribute];
        (key) ? this[key] = (key && bools[attribute]) ? false : '' : this.removeAttribute(attribute);
        return this;
    },

    removeProperties: function(){
        Array.each(arguments, this.removeProperty, this);
        return this;
    },

    hasClass: function(className){
        return this.className.contains(className, ' ');
    },

    addClass: function(className){
        if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean();
        return this;
    },

    removeClass: function(className){
        this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1');
        return this;
    },

    toggleClass: function(className){
        return this.hasClass(className) ? this.removeClass(className) : this.addClass(className);
    },

    adopt: function(){
        Array.flatten(arguments).each(function(element){
            element = document.id(element, true);
            if (element) this.appendChild(element);
        }, this);
        return this;
    },

    appendText: function(text, where){
        return this.grab(this.getDocument().newTextNode(text), where);
    },

    grab: function(el, where){
        inserters[where || 'bottom'](document.id(el, true), this);
        return this;
    },

    inject: function(el, where){
        inserters[where || 'bottom'](this, document.id(el, true));
        return this;
    },

    replaces: function(el){
        el = document.id(el, true);
        el.parentNode.replaceChild(this, el);
        return this;
    },

    wraps: function(el, where){
        el = document.id(el, true);
        return this.replaces(el).grab(el, where);
    },

    getPrevious: function(match, nocash){
        return walk(this, 'previousSibling', null, match, false, nocash);
    },

    getAllPrevious: function(match, nocash){
        return walk(this, 'previousSibling', null, match, true, nocash);
    },

    getNext: function(match, nocash){
        return walk(this, 'nextSibling', null, match, false, nocash);
    },

    getAllNext: function(match, nocash){
        return walk(this, 'nextSibling', null, match, true, nocash);
    },

    getFirst: function(match, nocash){
        return walk(this, 'nextSibling', 'firstChild', match, false, nocash);
    },

    getLast: function(match, nocash){
        return walk(this, 'previousSibling', 'lastChild', match, false, nocash);
    },

    getParent: function(match, nocash){
        return walk(this, 'parentNode', null, match, false, nocash);
    },

    getParents: function(match, nocash){
        return walk(this, 'parentNode', null, match, true, nocash);
    },

    getSiblings: function(match, nocash){
        return this.getParent().getChildren(match, nocash).erase(this);
    },

    getChildren: function(match, nocash){
        return walk(this, 'nextSibling', 'firstChild', match, true, nocash);
    },

    getWindow: function(){
        return this.ownerDocument.window;
    },

    getDocument: function(){
        return this.ownerDocument;
    },

    getElementById: function(id, nocash){
        var el = this.ownerDocument.getElementById(id);
        if (!el) return null;
        for (var parent = el.parentNode; parent != this; parent = parent.parentNode){
            if (!parent) return null;
        }
        return document.id(el, nocash);
    },

    getSelected: function(){
        return new Elements($A(this.options).filter(function(option){
            return option.selected;
        }));
    },

    getComputedStyle: function(property){
        if (this.currentStyle) return this.currentStyle[property.camelCase()];
        var computed = this.getDocument().defaultView.getComputedStyle(this, null);
        return (computed) ? computed.getPropertyValue([property.hyphenate()]) : null;
    },

    toQueryString: function(){
        var queryString = [];
        this.getElements('input, select, textarea', true).each(function(el){
            if (!el.name || el.disabled || el.type == 'submit' || el.type == 'reset' || el.type == 'file') return;
            var value = (el.tagName.toLowerCase() == 'select') ? Element.getSelected(el).map(function(opt){
                return opt.value;
            }) : ((el.type == 'radio' || el.type == 'checkbox') && !el.checked) ? null : el.value;
            $splat(value).each(function(val){
                if (typeof val != 'undefined') queryString.push(el.name + '=' + encodeURIComponent(val));
            });
        });
        return queryString.join('&');
    },

    clone: function(contents, keepid){
        contents = contents !== false;
        var clone = this.cloneNode(contents);
        var clean = function(node, element){
            if (!keepid) node.removeAttribute('id');
            if (Browser.Engine.trident){
                node.clearAttributes();
                node.mergeAttributes(element);
                node.removeAttribute('uid');
                if (node.options){
                    var no = node.options, eo = element.options;
                    for (var j = no.length; j--;) no[j].selected = eo[j].selected;
                }
            }
            var prop = props[element.tagName.toLowerCase()];
            if (prop && element[prop]) node[prop] = element[prop];
        };

        if (contents){
            var ce = clone.getElementsByTagName('*'), te = this.getElementsByTagName('*');
            for (var i = ce.length; i--;) clean(ce[i], te[i]);
        }

        clean(clone, this);
        return document.id(clone);
    },

    destroy: function(){
        Element.empty(this);
        Element.dispose(this);
        clean(this, true);
        return null;
    },

    empty: function(){
        $A(this.childNodes).each(function(node){
            Element.destroy(node);
        });
        return this;
    },

    dispose: function(){
        return (this.parentNode) ? this.parentNode.removeChild(this) : this;
    },

    hasChild: function(el){
        el = document.id(el, true);
        if (!el) return false;
        if (Browser.Engine.webkit && Browser.Engine.version < 420) return $A(this.getElementsByTagName(el.tagName)).contains(el);
        return (this.contains) ? (this != el && this.contains(el)) : !!(this.compareDocumentPosition(el) & 16);
    },

    match: function(tag){
        return (!tag || (tag == this) || (Element.get(this, 'tag') == tag));
    }

});

Native.implement([Element, Window, Document], {

    addListener: function(type, fn){
        if (type == 'unload'){
            var old = fn, self = this;
            fn = function(){
                self.removeListener('unload', fn);
                old();
            };
        } else {
            collected[this.uid] = this;
        }
        if (this.addEventListener) this.addEventListener(type, fn, false);
        else this.attachEvent('on' + type, fn);
        return this;
    },

    removeListener: function(type, fn){
        if (this.removeEventListener) this.removeEventListener(type, fn, false);
        else this.detachEvent('on' + type, fn);
        return this;
    },

    retrieve: function(property, dflt){
        var storage = get(this.uid), prop = storage[property];
        if (dflt != undefined && prop == undefined) prop = storage[property] = dflt;
        return $pick(prop);
    },

    store: function(property, value){
        var storage = get(this.uid);
        storage[property] = value;
        return this;
    },

    eliminate: function(property){
        var storage = get(this.uid);
        delete storage[property];
        return this;
    }

});

window.addListener('unload', purge);

})();

Element.Properties = new Hash;

Element.Properties.style = {

    set: function(style){
        this.style.cssText = style;
    },

    get: function(){
        return this.style.cssText;
    },

    erase: function(){
        this.style.cssText = '';
    }

};

Element.Properties.tag = {

    get: function(){
        return this.tagName.toLowerCase();
    }

};

Element.Properties.html = (function(){
    var wrapper = document.createElement('div');

    var translations = {
        table: [1, '<table>', '</table>'],
        select: [1, '<select>', '</select>'],
        tbody: [2, '<table><tbody>', '</tbody></table>'],
        tr: [3, '<table><tbody><tr>', '</tr></tbody></table>']
    };
    translations.thead = translations.tfoot = translations.tbody;

    var html = {
        set: function(){
            var html = Array.flatten(arguments).join('');
            var wrap = Browser.Engine.trident && translations[this.get('tag')];
            if (wrap){
                var first = wrapper;
                first.innerHTML = wrap[1] + html + wrap[2];
                for (var i = wrap[0]; i--;) first = first.firstChild;
                this.empty().adopt(first.childNodes);
            } else {
                this.innerHTML = html;
            }
        }
    };

    html.erase = html.set;

    return html;
})();

if (Browser.Engine.webkit && Browser.Engine.version < 420) Element.Properties.text = {
    get: function(){
        if (this.innerText) return this.innerText;
        var temp = this.ownerDocument.newElement('div', {html: this.innerHTML}).inject(this.ownerDocument.body);
        var text = temp.innerText;
        temp.destroy();
        return text;
    }
};

/*
---

script: Element.Style.js

description: Contains methods for interacting with the styles of Elements in a fashionable way.

license: MIT-style license.

requires:
- /Element

provides: [Element.Style]

...
*/

Element.Properties.styles = {set: function(styles){
    this.setStyles(styles);
}};

Element.Properties.opacity = {

    set: function(opacity, novisibility){
        if (!novisibility){
            if (opacity == 0){
                if (this.style.visibility != 'hidden') this.style.visibility = 'hidden';
            } else {
                if (this.style.visibility != 'visible') this.style.visibility = 'visible';
            }
        }
        if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1;
        if (Browser.Engine.trident) this.style.filter = (opacity == 1) ? '' : 'alpha(opacity=' + opacity * 100 + ')';
        this.style.opacity = opacity;
        this.store('opacity', opacity);
    },

    get: function(){
        return this.retrieve('opacity', 1);
    }

};

Element.implement({

    setOpacity: function(value){
        return this.set('opacity', value, true);
    },

    getOpacity: function(){
        return this.get('opacity');
    },

    setStyle: function(property, value){
        switch (property){
            case 'opacity': return this.set('opacity', parseFloat(value));
            case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat';
        }
        property = property.camelCase();
        if ($type(value) != 'string'){
            var map = (Element.Styles.get(property) || '@').split(' ');
            value = $splat(value).map(function(val, i){
                if (!map[i]) return '';
                return ($type(val) == 'number') ? map[i].replace('@', Math.round(val)) : val;
            }).join(' ');
        } else if (value == String(Number(value))){
            value = Math.round(value);
        }
        this.style[property] = value;
        return this;
    },

    getStyle: function(property){
        switch (property){
            case 'opacity': return this.get('opacity');
            case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat';
        }
        property = property.camelCase();
        var result = this.style[property];
        if (!$chk(result)){
            result = [];
            for (var style in Element.ShortStyles){
                if (property != style) continue;
                for (var s in Element.ShortStyles[style]) result.push(this.getStyle(s));
                return result.join(' ');
            }
            result = this.getComputedStyle(property);
        }
        if (result){
            result = String(result);
            var color = result.match(/rgba?\([\d\s,]+\)/);
            if (color) result = result.replace(color[0], color[0].rgbToHex());
        }
        if (Browser.Engine.presto || (Browser.Engine.trident && !$chk(parseInt(result, 10)))){
            if (property.test(/^(height|width)$/)){
                var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'], size = 0;
                values.each(function(value){
                    size += this.getStyle('border-' + value + '-width').toInt() + this.getStyle('padding-' + value).toInt();
                }, this);
                return this['offset' + property.capitalize()] - size + 'px';
            }
            if ((Browser.Engine.presto) && String(result).test('px')) return result;
            if (property.test(/(border(.+)Width|margin|padding)/)) return '0px';
        }
        return result;
    },

    setStyles: function(styles){
        for (var style in styles) this.setStyle(style, styles[style]);
        return this;
    },

    getStyles: function(){
        var result = {};
        Array.flatten(arguments).each(function(key){
            result[key] = this.getStyle(key);
        }, this);
        return result;
    }

});

Element.Styles = new Hash({
    left: '@px', top: '@px', bottom: '@px', right: '@px',
    width: '@px', height: '@px', maxWidth: '@px', maxHeight: '@px', minWidth: '@px', minHeight: '@px',
    backgroundColor: 'rgb(@, @, @)', backgroundPosition: '@px @px', color: 'rgb(@, @, @)',
    fontSize: '@px', letterSpacing: '@px', lineHeight: '@px', clip: 'rect(@px @px @px @px)',
    margin: '@px @px @px @px', padding: '@px @px @px @px', border: '@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)',
    borderWidth: '@px @px @px @px', borderStyle: '@ @ @ @', borderColor: 'rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)',
    zIndex: '@', 'zoom': '@', fontWeight: '@', textIndent: '@px', opacity: '@'
});

Element.ShortStyles = {margin: {}, padding: {}, border: {}, borderWidth: {}, borderStyle: {}, borderColor: {}};

['Top', 'Right', 'Bottom', 'Left'].each(function(direction){
    var Short = Element.ShortStyles;
    var All = Element.Styles;
    ['margin', 'padding'].each(function(style){
        var sd = style + direction;
        Short[style][sd] = All[sd] = '@px';
    });
    var bd = 'border' + direction;
    Short.border[bd] = All[bd] = '@px @ rgb(@, @, @)';
    var bdw = bd + 'Width', bds = bd + 'Style', bdc = bd + 'Color';
    Short[bd] = {};
    Short.borderWidth[bdw] = Short[bd][bdw] = All[bdw] = '@px';
    Short.borderStyle[bds] = Short[bd][bds] = All[bds] = '@';
    Short.borderColor[bdc] = Short[bd][bdc] = All[bdc] = 'rgb(@, @, @)';
});

/*
---

script: Element.Dimensions.js

description: Contains methods to work with size, scroll, or positioning of Elements and the window object.

license: MIT-style license.

credits:
- Element positioning based on the [qooxdoo](http://qooxdoo.org/) code and smart browser fixes, [LGPL License](http://www.gnu.org/licenses/lgpl.html).
- Viewport dimensions based on [YUI](http://developer.yahoo.com/yui/) code, [BSD License](http://developer.yahoo.com/yui/license.html).

requires:
- /Element

provides: [Element.Dimensions]

...
*/

(function(){

Element.implement({

    scrollTo: function(x, y){
        if (isBody(this)){
            this.getWindow().scrollTo(x, y);
        } else {
            this.scrollLeft = x;
            this.scrollTop = y;
        }
        return this;
    },

    getSize: function(){
        if (isBody(this)) return this.getWindow().getSize();
        return {x: this.offsetWidth, y: this.offsetHeight};
    },

    getScrollSize: function(){
        if (isBody(this)) return this.getWindow().getScrollSize();
        return {x: this.scrollWidth, y: this.scrollHeight};
    },

    getScroll: function(){
        if (isBody(this)) return this.getWindow().getScroll();
        return {x: this.scrollLeft, y: this.scrollTop};
    },

    getScrolls: function(){
        var element = this, position = {x: 0, y: 0};
        while (element && !isBody(element)){
            position.x += element.scrollLeft;
            position.y += element.scrollTop;
            element = element.parentNode;
        }
        return position;
    },

    getOffsetParent: function(){
        var element = this;
        if (isBody(element)) return null;
        if (!Browser.Engine.trident) return element.offsetParent;
        while ((element = element.parentNode) && !isBody(element)){
            if (styleString(element, 'position') != 'static') return element;
        }
        return null;
    },

    getOffsets: function(){
        if (this.getBoundingClientRect){
            var bound = this.getBoundingClientRect(),
                html = document.id(this.getDocument().documentElement),
                htmlScroll = html.getScroll(),
                elemScrolls = this.getScrolls(),
                elemScroll = this.getScroll(),
                isFixed = (styleString(this, 'position') == 'fixed');

            return {
                x: bound.left.toInt() + elemScrolls.x - elemScroll.x + ((isFixed) ? 0 : htmlScroll.x) - html.clientLeft,
                y: bound.top.toInt()  + elemScrolls.y - elemScroll.y + ((isFixed) ? 0 : htmlScroll.y) - html.clientTop
            };
        }

        var element = this, position = {x: 0, y: 0};
        if (isBody(this)) return position;

        while (element && !isBody(element)){
            position.x += element.offsetLeft;
            position.y += element.offsetTop;

            if (Browser.Engine.gecko){
                if (!borderBox(element)){
                    position.x += leftBorder(element);
                    position.y += topBorder(element);
                }
                var parent = element.parentNode;
                if (parent && styleString(parent, 'overflow') != 'visible'){
                    position.x += leftBorder(parent);
                    position.y += topBorder(parent);
                }
            } else if (element != this && Browser.Engine.webkit){
                position.x += leftBorder(element);
                position.y += topBorder(element);
            }

            element = element.offsetParent;
        }
        if (Browser.Engine.gecko && !borderBox(this)){
            position.x -= leftBorder(this);
            position.y -= topBorder(this);
        }
        return position;
    },

    getPosition: function(relative){
        if (isBody(this)) return {x: 0, y: 0};
        var offset = this.getOffsets(),
                scroll = this.getScrolls();
        var position = {
            x: offset.x - scroll.x,
            y: offset.y - scroll.y
        };
        var relativePosition = (relative && (relative = document.id(relative))) ? relative.getPosition() : {x: 0, y: 0};
        return {x: position.x - relativePosition.x, y: position.y - relativePosition.y};
    },

    getCoordinates: function(element){
        if (isBody(this)) return this.getWindow().getCoordinates();
        var position = this.getPosition(element),
                size = this.getSize();
        var obj = {
            left: position.x,
            top: position.y,
            width: size.x,
            height: size.y
        };
        obj.right = obj.left + obj.width;
        obj.bottom = obj.top + obj.height;
        return obj;
    },

    computePosition: function(obj){
        return {
            left: obj.x - styleNumber(this, 'margin-left'),
            top: obj.y - styleNumber(this, 'margin-top')
        };
    },

    setPosition: function(obj){
        return this.setStyles(this.computePosition(obj));
    }

});


Native.implement([Document, Window], {

    getSize: function(){
        if (Browser.Engine.presto || Browser.Engine.webkit){
            var win = this.getWindow();
            return {x: win.innerWidth, y: win.innerHeight};
        }
        var doc = getCompatElement(this);
        return {x: doc.clientWidth, y: doc.clientHeight};
    },

    getScroll: function(){
        var win = this.getWindow(), doc = getCompatElement(this);
        return {x: win.pageXOffset || doc.scrollLeft, y: win.pageYOffset || doc.scrollTop};
    },

    getScrollSize: function(){
        var doc = getCompatElement(this), min = this.getSize();
        return {x: Math.max(doc.scrollWidth, min.x), y: Math.max(doc.scrollHeight, min.y)};
    },

    getPosition: function(){
        return {x: 0, y: 0};
    },

    getCoordinates: function(){
        var size = this.getSize();
        return {top: 0, left: 0, bottom: size.y, right: size.x, height: size.y, width: size.x};
    }

});

// private methods

var styleString = Element.getComputedStyle;

function styleNumber(element, style){
    return styleString(element, style).toInt() || 0;
};

function borderBox(element){
    return styleString(element, '-moz-box-sizing') == 'border-box';
};

function topBorder(element){
    return styleNumber(element, 'border-top-width');
};

function leftBorder(element){
    return styleNumber(element, 'border-left-width');
};

function isBody(element){
    return (/^(?:body|html)$/i).test(element.tagName);
};

function getCompatElement(element){
    var doc = element.getDocument();
    return (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body;
};

})();

//aliases
Element.alias('setPosition', 'position'); //compatability

Native.implement([Window, Document, Element], {

    getHeight: function(){
        return this.getSize().y;
    },

    getWidth: function(){
        return this.getSize().x;
    },

    getScrollTop: function(){
        return this.getScroll().y;
    },

    getScrollLeft: function(){
        return this.getScroll().x;
    },

    getScrollHeight: function(){
        return this.getScrollSize().y;
    },

    getScrollWidth: function(){
        return this.getScrollSize().x;
    },

    getTop: function(){
        return this.getPosition().y;
    },

    getLeft: function(){
        return this.getPosition().x;
    }

});

/*
---

script: Selectors.js

description: Adds advanced CSS-style querying capabilities for targeting HTML Elements. Includes pseudo selectors.

license: MIT-style license.

requires:
- /Element

provides: [Selectors]

...
*/

Native.implement([Document, Element], {

    getElements: function(expression, nocash){
        expression = expression.split(',');
        var items, local = {};
        for (var i = 0, l = expression.length; i < l; i++){
            var selector = expression[i], elements = Selectors.Utils.search(this, selector, local);
            if (i != 0 && elements.item) elements = $A(elements);
            items = (i == 0) ? elements : (items.item) ? $A(items).concat(elements) : items.concat(elements);
        }
        return new Elements(items, {ddup: (expression.length > 1), cash: !nocash});
    }

});

Element.implement({

    match: function(selector){
        if (!selector || (selector == this)) return true;
        var tagid = Selectors.Utils.parseTagAndID(selector);
        var tag = tagid[0], id = tagid[1];
        if (!Selectors.Filters.byID(this, id) || !Selectors.Filters.byTag(this, tag)) return false;
        var parsed = Selectors.Utils.parseSelector(selector);
        return (parsed) ? Selectors.Utils.filter(this, parsed, {}) : true;
    }

});

var Selectors = {Cache: {nth: {}, parsed: {}}};

Selectors.RegExps = {
    id: (/#([\w-]+)/),
    tag: (/^(\w+|\*)/),
    quick: (/^(\w+|\*)$/),
    splitter: (/\s*([+>~\s])\s*([a-zA-Z#.*:\[])/g),
    combined: (/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)(["']?)([^\4]*?)\4)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g)
};

Selectors.Utils = {

    chk: function(item, uniques){
        if (!uniques) return true;
        var uid = $uid(item);
        if (!uniques[uid]) return uniques[uid] = true;
        return false;
    },

    parseNthArgument: function(argument){
        if (Selectors.Cache.nth[argument]) return Selectors.Cache.nth[argument];
        var parsed = argument.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/);
        if (!parsed) return false;
        var inta = parseInt(parsed[1], 10);
        var a = (inta || inta === 0) ? inta : 1;
        var special = parsed[2] || false;
        var b = parseInt(parsed[3], 10) || 0;
        if (a != 0){
            b--;
            while (b < 1) b += a;
            while (b >= a) b -= a;
        } else {
            a = b;
            special = 'index';
        }
        switch (special){
            case 'n': parsed = {a: a, b: b, special: 'n'}; break;
            case 'odd': parsed = {a: 2, b: 0, special: 'n'}; break;
            case 'even': parsed = {a: 2, b: 1, special: 'n'}; break;
            case 'first': parsed = {a: 0, special: 'index'}; break;
            case 'last': parsed = {special: 'last-child'}; break;
            case 'only': parsed = {special: 'only-child'}; break;
            default: parsed = {a: (a - 1), special: 'index'};
        }

        return Selectors.Cache.nth[argument] = parsed;
    },

    parseSelector: function(selector){
        if (Selectors.Cache.parsed[selector]) return Selectors.Cache.parsed[selector];
        var m, parsed = {classes: [], pseudos: [], attributes: []};
        while ((m = Selectors.RegExps.combined.exec(selector))){
            var cn = m[1], an = m[2], ao = m[3], av = m[5], pn = m[6], pa = m[7];
            if (cn){
                parsed.classes.push(cn);
            } else if (pn){
                var parser = Selectors.Pseudo.get(pn);
                if (parser) parsed.pseudos.push({parser: parser, argument: pa});
                else parsed.attributes.push({name: pn, operator: '=', value: pa});
            } else if (an){
                parsed.attributes.push({name: an, operator: ao, value: av});
            }
        }
        if (!parsed.classes.length) delete parsed.classes;
        if (!parsed.attributes.length) delete parsed.attributes;
        if (!parsed.pseudos.length) delete parsed.pseudos;
        if (!parsed.classes && !parsed.attributes && !parsed.pseudos) parsed = null;
        return Selectors.Cache.parsed[selector] = parsed;
    },

    parseTagAndID: function(selector){
        var tag = selector.match(Selectors.RegExps.tag);
        var id = selector.match(Selectors.RegExps.id);
        return [(tag) ? tag[1] : '*', (id) ? id[1] : false];
    },

    filter: function(item, parsed, local){
        var i;
        if (parsed.classes){
            for (i = parsed.classes.length; i--; i){
                var cn = parsed.classes[i];
                if (!Selectors.Filters.byClass(item, cn)) return false;
            }
        }
        if (parsed.attributes){
            for (i = parsed.attributes.length; i--; i){
                var att = parsed.attributes[i];
                if (!Selectors.Filters.byAttribute(item, att.name, att.operator, att.value)) return false;
            }
        }
        if (parsed.pseudos){
            for (i = parsed.pseudos.length; i--; i){
                var psd = parsed.pseudos[i];
                if (!Selectors.Filters.byPseudo(item, psd.parser, psd.argument, local)) return false;
            }
        }
        return true;
    },

    getByTagAndID: function(ctx, tag, id){
        if (id){
            var item = (ctx.getElementById) ? ctx.getElementById(id, true) : Element.getElementById(ctx, id, true);
            return (item && Selectors.Filters.byTag(item, tag)) ? [item] : [];
        } else {
            return ctx.getElementsByTagName(tag);
        }
    },

    search: function(self, expression, local){
        var splitters = [];

        var selectors = expression.trim().replace(Selectors.RegExps.splitter, function(m0, m1, m2){
            splitters.push(m1);
            return ':)' + m2;
        }).split(':)');

        var items, filtered, item;

        for (var i = 0, l = selectors.length; i < l; i++){

            var selector = selectors[i];

            if (i == 0 && Selectors.RegExps.quick.test(selector)){
                items = self.getElementsByTagName(selector);
                continue;
            }

            var splitter = splitters[i - 1];

            var tagid = Selectors.Utils.parseTagAndID(selector);
            var tag = tagid[0], id = tagid[1];

            if (i == 0){
                items = Selectors.Utils.getByTagAndID(self, tag, id);
            } else {
                var uniques = {}, found = [];
                for (var j = 0, k = items.length; j < k; j++) found = Selectors.Getters[splitter](found, items[j], tag, id, uniques);
                items = found;
            }

            var parsed = Selectors.Utils.parseSelector(selector);

            if (parsed){
                filtered = [];
                for (var m = 0, n = items.length; m < n; m++){
                    item = items[m];
                    if (Selectors.Utils.filter(item, parsed, local)) filtered.push(item);
                }
                items = filtered;
            }

        }

        return items;

    }

};

Selectors.Getters = {

    ' ': function(found, self, tag, id, uniques){
        var items = Selectors.Utils.getByTagAndID(self, tag, id);
        for (var i = 0, l = items.length; i < l; i++){
            var item = items[i];
            if (Selectors.Utils.chk(item, uniques)) found.push(item);
        }
        return found;
    },

    '>': function(found, self, tag, id, uniques){
        var children = Selectors.Utils.getByTagAndID(self, tag, id);
        for (var i = 0, l = children.length; i < l; i++){
            var child = children[i];
            if (child.parentNode == self && Selectors.Utils.chk(child, uniques)) found.push(child);
        }
        return found;
    },

    '+': function(found, self, tag, id, uniques){
        while ((self = self.nextSibling)){
            if (self.nodeType == 1){
                if (Selectors.Utils.chk(self, uniques) && Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self);
                break;
            }
        }
        return found;
    },

    '~': function(found, self, tag, id, uniques){
        while ((self = self.nextSibling)){
            if (self.nodeType == 1){
                if (!Selectors.Utils.chk(self, uniques)) break;
                if (Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self);
            }
        }
        return found;
    }

};

Selectors.Filters = {

    byTag: function(self, tag){
        return (tag == '*' || (self.tagName && self.tagName.toLowerCase() == tag));
    },

    byID: function(self, id){
        return (!id || (self.id && self.id == id));
    },

    byClass: function(self, klass){
        return (self.className && self.className.contains && self.className.contains(klass, ' '));
    },

    byPseudo: function(self, parser, argument, local){
        return parser.call(self, argument, local);
    },

    byAttribute: function(self, name, operator, value){
        var result = Element.prototype.getProperty.call(self, name);
        if (!result) return (operator == '!=');
        if (!operator || value == undefined) return true;
        switch (operator){
            case '=': return (result == value);
            case '*=': return (result.contains(value));
            case '^=': return (result.substr(0, value.length) == value);
            case '$=': return (result.substr(result.length - value.length) == value);
            case '!=': return (result != value);
            case '~=': return result.contains(value, ' ');
            case '|=': return result.contains(value, '-');
        }
        return false;
    }

};

Selectors.Pseudo = new Hash({

    // w3c pseudo selectors

    checked: function(){
        return this.checked;
    },

    empty: function(){
        return !(this.innerText || this.textContent || '').length;
    },

    not: function(selector){
        return !Element.match(this, selector);
    },

    contains: function(text){
        return (this.innerText || this.textContent || '').contains(text);
    },

    'first-child': function(){
        return Selectors.Pseudo.index.call(this, 0);
    },

    'last-child': function(){
        var element = this;
        while ((element = element.nextSibling)){
            if (element.nodeType == 1) return false;
        }
        return true;
    },

    'only-child': function(){
        var prev = this;
        while ((prev = prev.previousSibling)){
            if (prev.nodeType == 1) return false;
        }
        var next = this;
        while ((next = next.nextSibling)){
            if (next.nodeType == 1) return false;
        }
        return true;
    },

    'nth-child': function(argument, local){
        argument = (argument == undefined) ? 'n' : argument;
        var parsed = Selectors.Utils.parseNthArgument(argument);
        if (parsed.special != 'n') return Selectors.Pseudo[parsed.special].call(this, parsed.a, local);
        var count = 0;
        local.positions = local.positions || {};
        var uid = $uid(this);
        if (!local.positions[uid]){
            var self = this;
            while ((self = self.previousSibling)){
                if (self.nodeType != 1) continue;
                count ++;
                var position = local.positions[$uid(self)];
                if (position != undefined){
                    count = position + count;
                    break;
                }
            }
            local.positions[uid] = count;
        }
        return (local.positions[uid] % parsed.a == parsed.b);
    },

    // custom pseudo selectors

    index: function(index){
        var element = this, count = 0;
        while ((element = element.previousSibling)){
            if (element.nodeType == 1 && ++count > index) return false;
        }
        return (count == index);
    },

    even: function(argument, local){
        return Selectors.Pseudo['nth-child'].call(this, '2n+1', local);
    },

    odd: function(argument, local){
        return Selectors.Pseudo['nth-child'].call(this, '2n', local);
    },

    selected: function(){
        return this.selected;
    },

    enabled: function(){
        return (this.disabled === false);
    }

});

/*
---

script: Event.js

description: Contains the Event Class, to make the event object cross-browser.

license: MIT-style license.

requires:
- /Window
- /Document
- /Hash
- /Array
- /Function
- /String

provides: [Event]

...
*/

var Event = new Native({

    name: 'Event',

    initialize: function(event, win){
        win = win || window;
        var doc = win.document;
        event = event || win.event;
        if (event.$extended) return event;
        this.$extended = true;
        var type = event.type;
        var target = event.target || event.srcElement;
        while (target && target.nodeType == 3) target = target.parentNode;

        if (type.test(/key/)){
            var code = event.which || event.keyCode;
            var key = Event.Keys.keyOf(code);
            if (type == 'keydown'){
                var fKey = code - 111;
                if (fKey > 0 && fKey < 13) key = 'f' + fKey;
            }
            key = key || String.fromCharCode(code).toLowerCase();
        } else if (type.match(/(click|mouse|menu)/i)){
            doc = (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body;
            var page = {
                x: event.pageX || event.clientX + doc.scrollLeft,
                y: event.pageY || event.clientY + doc.scrollTop
            };
            var client = {
                x: (event.pageX) ? event.pageX - win.pageXOffset : event.clientX,
                y: (event.pageY) ? event.pageY - win.pageYOffset : event.clientY
            };
            if (type.match(/DOMMouseScroll|mousewheel/)){
                var wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
            }
            var rightClick = (event.which == 3) || (event.button == 2);
            var related = null;
            if (type.match(/over|out/)){
                switch (type){
                    case 'mouseover': related = event.relatedTarget || event.fromElement; break;
                    case 'mouseout': related = event.relatedTarget || event.toElement;
                }
                if (!(function(){
                    while (related && related.nodeType == 3) related = related.parentNode;
                    return true;
                }).create({attempt: Browser.Engine.gecko})()) related = false;
            }
        }

        return $extend(this, {
            event: event,
            type: type,

            page: page,
            client: client,
            rightClick: rightClick,

            wheel: wheel,

            relatedTarget: related,
            target: target,

            code: code,
            key: key,

            shift: event.shiftKey,
            control: event.ctrlKey,
            alt: event.altKey,
            meta: event.metaKey
        });
    }

});

Event.Keys = new Hash({
    'enter': 13,
    'up': 38,
    'down': 40,
    'left': 37,
    'right': 39,
    'esc': 27,
    'space': 32,
    'backspace': 8,
    'tab': 9,
    'delete': 46
});

Event.implement({

    stop: function(){
        return this.stopPropagation().preventDefault();
    },

    stopPropagation: function(){
        if (this.event.stopPropagation) this.event.stopPropagation();
        else this.event.cancelBubble = true;
        return this;
    },

    preventDefault: function(){
        if (this.event.preventDefault) this.event.preventDefault();
        else this.event.returnValue = false;
        return this;
    }

});

/*
---

script: Element.Event.js

description: Contains Element methods for dealing with events. This file also includes mouseenter and mouseleave custom Element Events.

license: MIT-style license.

requires:
- /Element
- /Event

provides: [Element.Event]

...
*/

Element.Properties.events = {set: function(events){
    this.addEvents(events);
}};

Native.implement([Element, Window, Document], {

    addEvent: function(type, fn){
        var events = this.retrieve('events', {});
        events[type] = events[type] || {'keys': [], 'values': []};
        if (events[type].keys.contains(fn)) return this;
        events[type].keys.push(fn);
        var realType = type, custom = Element.Events.get(type), condition = fn, self = this;
        if (custom){
            if (custom.onAdd) custom.onAdd.call(this, fn);
            if (custom.condition){
                condition = function(event){
                    if (custom.condition.call(this, event)) return fn.call(this, event);
                    return true;
                };
            }
            realType = custom.base || realType;
        }
        var defn = function(){
            return fn.call(self);
        };
        var nativeEvent = Element.NativeEvents[realType];
        if (nativeEvent){
            if (nativeEvent == 2){
                defn = function(event){
                    event = new Event(event, self.getWindow());
                    if (condition.call(self, event) === false) event.stop();
                };
            }
            this.addListener(realType, defn);
        }
        events[type].values.push(defn);
        return this;
    },

    removeEvent: function(type, fn){
        var events = this.retrieve('events');
        if (!events || !events[type]) return this;
        var pos = events[type].keys.indexOf(fn);
        if (pos == -1) return this;
        events[type].keys.splice(pos, 1);
        var value = events[type].values.splice(pos, 1)[0];
        var custom = Element.Events.get(type);
        if (custom){
            if (custom.onRemove) custom.onRemove.call(this, fn);
            type = custom.base || type;
        }
        return (Element.NativeEvents[type]) ? this.removeListener(type, value) : this;
    },

    addEvents: function(events){
        for (var event in events) this.addEvent(event, events[event]);
        return this;
    },

    removeEvents: function(events){
        var type;
        if ($type(events) == 'object'){
            for (type in events) this.removeEvent(type, events[type]);
            return this;
        }
        var attached = this.retrieve('events');
        if (!attached) return this;
        if (!events){
            for (type in attached) this.removeEvents(type);
            this.eliminate('events');
        } else if (attached[events]){
            while (attached[events].keys[0]) this.removeEvent(events, attached[events].keys[0]);
            attached[events] = null;
        }
        return this;
    },

    fireEvent: function(type, args, delay){
        var events = this.retrieve('events');
        if (!events || !events[type]) return this;
        events[type].keys.each(function(fn){
            fn.create({'bind': this, 'delay': delay, 'arguments': args})();
        }, this);
        return this;
    },

    cloneEvents: function(from, type){
        from = document.id(from);
        var fevents = from.retrieve('events');
        if (!fevents) return this;
        if (!type){
            for (var evType in fevents) this.cloneEvents(from, evType);
        } else if (fevents[type]){
            fevents[type].keys.each(function(fn){
                this.addEvent(type, fn);
            }, this);
        }
        return this;
    }

});

Element.NativeEvents = {
    click: 2, dblclick: 2, mouseup: 2, mousedown: 2, contextmenu: 2, //mouse buttons
    mousewheel: 2, DOMMouseScroll: 2, //mouse wheel
    mouseover: 2, mouseout: 2, mousemove: 2, selectstart: 2, selectend: 2, //mouse movement
    keydown: 2, keypress: 2, keyup: 2, //keyboard
    focus: 2, blur: 2, change: 2, reset: 2, select: 2, submit: 2, //form elements
    load: 1, unload: 1, beforeunload: 2, resize: 1, move: 1, DOMContentLoaded: 1, readystatechange: 1, //window
    error: 1, abort: 1, scroll: 1 //misc
};

(function(){

var $check = function(event){
    var related = event.relatedTarget;
    if (related == undefined) return true;
    if (related === false) return false;
    return ($type(this) != 'document' && related != this && related.prefix != 'xul' && !this.hasChild(related));
};

Element.Events = new Hash({

    mouseenter: {
        base: 'mouseover',
        condition: $check
    },

    mouseleave: {
        base: 'mouseout',
        condition: $check
    },

    mousewheel: {
        base: (Browser.Engine.gecko) ? 'DOMMouseScroll' : 'mousewheel'
    }

});

})();

/*
---

script: Class.js

description: Contains the Class Function for easily creating, extending, and implementing reusable Classes.

license: MIT-style license.

requires:
- /$util
- /Native
- /Array
- /String
- /Function
- /Number
- /Hash

provides: [Class]

...
*/

function Class(params){

    if (params instanceof Function) params = {initialize: params};

    var newClass = function(){
        Object.reset(this);
        if (newClass._prototyping) return this;
        this._current = $empty;
        var value = (this.initialize) ? this.initialize.apply(this, arguments) : this;
        delete this._current; delete this.caller;
        return value;
    }.extend(this);

    newClass.implement(params);

    newClass.constructor = Class;
    newClass.prototype.constructor = newClass;

    return newClass;

};

Function.prototype.protect = function(){
    this._protected = true;
    return this;
};

Object.reset = function(object, key){

    if (key == null){
        for (var p in object) Object.reset(object, p);
        return object;
    }

    delete object[key];

    switch ($type(object[key])){
        case 'object':
            var F = function(){};
            F.prototype = object[key];
            var i = new F;
            object[key] = Object.reset(i);
        break;
        case 'array': object[key] = $unlink(object[key]); break;
    }

    return object;

};

new Native({name: 'Class', initialize: Class}).extend({

    instantiate: function(F){
        F._prototyping = true;
        var proto = new F;
        delete F._prototyping;
        return proto;
    },

    wrap: function(self, key, method){
        if (method._origin) method = method._origin;

        return function(){
            if (method._protected && this._current == null) throw new Error('The method "' + key + '" cannot be called.');
            var caller = this.caller, current = this._current;
            this.caller = current; this._current = arguments.callee;
            var result = method.apply(this, arguments);
            this._current = current; this.caller = caller;
            return result;
        }.extend({_owner: self, _origin: method, _name: key});

    }

});

Class.implement({

    implement: function(key, value){

        if ($type(key) == 'object'){
            for (var p in key) this.implement(p, key[p]);
            return this;
        }

        var mutator = Class.Mutators[key];

        if (mutator){
            value = mutator.call(this, value);
            if (value == null) return this;
        }

        var proto = this.prototype;

        switch ($type(value)){

            case 'function':
                if (value._hidden) return this;
                proto[key] = Class.wrap(this, key, value);
            break;

            case 'object':
                var previous = proto[key];
                if ($type(previous) == 'object') $mixin(previous, value);
                else proto[key] = $unlink(value);
            break;

            case 'array':
                proto[key] = $unlink(value);
            break;

            default: proto[key] = value;

        }

        return this;

    }

});

Class.Mutators = {

    Extends: function(parent){

        this.parent = parent;
        this.prototype = Class.instantiate(parent);

        this.implement('parent', function(){
            var name = this.caller._name, previous = this.caller._owner.parent.prototype[name];
            if (!previous) throw new Error('The method "' + name + '" has no parent.');
            return previous.apply(this, arguments);
        }.protect());

    },

    Implements: function(items){
        $splat(items).each(function(item){
            if (item instanceof Function) item = Class.instantiate(item);
            this.implement(item);
        }, this);

    }

};

/*
---

script: Class.Extras.js

description: Contains Utility Classes that can be implemented into your own Classes to ease the execution of many common tasks.

license: MIT-style license.

requires:
- /Class

provides: [Chain, Events, Options]

...
*/

var Chain = new Class({

    $chain: [],

    chain: function(){
        this.$chain.extend(Array.flatten(arguments));
        return this;
    },

    callChain: function(){
        return (this.$chain.length) ? this.$chain.shift().apply(this, arguments) : false;
    },

    clearChain: function(){
        this.$chain.empty();
        return this;
    }

});

var Events = new Class({

    $events: {},

    addEvent: function(type, fn, internal){
        type = Events.removeOn(type);
        if (fn != $empty){
            this.$events[type] = this.$events[type] || [];
            this.$events[type].include(fn);
            if (internal) fn.internal = true;
        }
        return this;
    },

    addEvents: function(events){
        for (var type in events) this.addEvent(type, events[type]);
        return this;
    },

    fireEvent: function(type, args, delay){
        type = Events.removeOn(type);
        if (!this.$events || !this.$events[type]) return this;
        this.$events[type].each(function(fn){
            fn.create({'bind': this, 'delay': delay, 'arguments': args})();
        }, this);
        return this;
    },

    removeEvent: function(type, fn){
        type = Events.removeOn(type);
        if (!this.$events[type]) return this;
        if (!fn.internal) this.$events[type].erase(fn);
        return this;
    },

    removeEvents: function(events){
        var type;
        if ($type(events) == 'object'){
            for (type in events) this.removeEvent(type, events[type]);
            return this;
        }
        if (events) events = Events.removeOn(events);
        for (type in this.$events){
            if (events && events != type) continue;
            var fns = this.$events[type];
            for (var i = fns.length; i--; i) this.removeEvent(type, fns[i]);
        }
        return this;
    }

});

Events.removeOn = function(string){
    return string.replace(/^on([A-Z])/, function(full, first){
        return first.toLowerCase();
    });
};

var Options = new Class({

    setOptions: function(){
        this.options = $merge.run([this.options].extend(arguments));
        if (!this.addEvent) return this;
        for (var option in this.options){
            if ($type(this.options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue;
            this.addEvent(option, this.options[option]);
            delete this.options[option];
        }
        return this;
    }

});

/*
---

script: Request.js

description: Powerful all purpose Request Class. Uses XMLHTTPRequest.

license: MIT-style license.

requires:
- /Element
- /Chain
- /Events
- /Options
- /Browser

provides: [Request]

...
*/

var Request = new Class({

    Implements: [Chain, Events, Options],

    options: {/*
        onRequest: $empty,
        onComplete: $empty,
        onCancel: $empty,
        onSuccess: $empty,
        onFailure: $empty,
        onException: $empty,*/
        url: '',
        data: '',
        headers: {
            'X-Requested-With': 'XMLHttpRequest',
            'Accept': 'text/javascript, text/html, application/xml, text/xml, */*'
        },
        async: true,
        format: false,
        method: 'post',
        link: 'ignore',
        isSuccess: null,
        emulation: true,
        urlEncoded: true,
        encoding: 'utf-8',
        evalScripts: false,
        evalResponse: false,
        noCache: false
    },

    initialize: function(options){
        this.xhr = new Browser.Request();
        this.setOptions(options);
        this.options.isSuccess = this.options.isSuccess || this.isSuccess;
        this.headers = new Hash(this.options.headers);
    },

    onStateChange: function(){
        if (this.xhr.readyState != 4 || !this.running) return;
        this.running = false;
        this.status = 0;
        $try(function(){
            this.status = this.xhr.status;
        }.bind(this));
        this.xhr.onreadystatechange = $empty;
        if (this.options.isSuccess.call(this, this.status)){
            this.response = {text: this.xhr.responseText, xml: this.xhr.responseXML};
            this.success(this.response.text, this.response.xml);
        } else {
            this.response = {text: null, xml: null};
            this.failure();
        }
    },

    isSuccess: function(){
        return ((this.status >= 200) && (this.status < 300));
    },

    processScripts: function(text){
        if (this.options.evalResponse || (/(ecma|java)script/).test(this.getHeader('Content-type'))) return $exec(text);
        return text.stripScripts(this.options.evalScripts);
    },

    success: function(text, xml){
        this.onSuccess(this.processScripts(text), xml);
    },

    onSuccess: function(){
        this.fireEvent('complete', arguments).fireEvent('success', arguments).callChain();
    },

    failure: function(){
        this.onFailure();
    },

    onFailure: function(){
        this.fireEvent('complete').fireEvent('failure', this.xhr);
    },

    setHeader: function(name, value){
        this.headers.set(name, value);
        return this;
    },

    getHeader: function(name){
        return $try(function(){
            return this.xhr.getResponseHeader(name);
        }.bind(this));
    },

    check: function(){
        if (!this.running) return true;
        switch (this.options.link){
            case 'cancel': this.cancel(); return true;
            case 'chain': this.chain(this.caller.bind(this, arguments)); return false;
        }
        return false;
    },

    send: function(options){
        if (!this.check(options)) return this;
        this.running = true;

        var type = $type(options);
        if (type == 'string' || type == 'element') options = {data: options};

        var old = this.options;
        options = $extend({data: old.data, url: old.url, method: old.method}, options);
        var data = options.data, url = String(options.url), method = options.method.toLowerCase();

        switch ($type(data)){
            case 'element': data = document.id(data).toQueryString(); break;
            case 'object': case 'hash': data = Hash.toQueryString(data);
        }

        if (this.options.format){
            var format = 'format=' + this.options.format;
            data = (data) ? format + '&' + data : format;
        }

        if (this.options.emulation && !['get', 'post'].contains(method)){
            var _method = '_method=' + method;
            data = (data) ? _method + '&' + data : _method;
            method = 'post';
        }

        if (this.options.urlEncoded && method == 'post'){
            var encoding = (this.options.encoding) ? '; charset=' + this.options.encoding : '';
            this.headers.set('Content-type', 'application/x-www-form-urlencoded' + encoding);
        }

        if (this.options.noCache){
            var noCache = 'noCache=' + new Date().getTime();
            data = (data) ? noCache + '&' + data : noCache;
        }

        var trimPosition = url.lastIndexOf('/');
        if (trimPosition > -1 && (trimPosition = url.indexOf('#')) > -1) url = url.substr(0, trimPosition);

        if (data && method == 'get'){
            url = url + (url.contains('?') ? '&' : '?') + data;
            data = null;
        }

        this.xhr.open(method.toUpperCase(), url, this.options.async);

        this.xhr.onreadystatechange = this.onStateChange.bind(this);

        this.headers.each(function(value, key){
            try {
                this.xhr.setRequestHeader(key, value);
            } catch (e){
                this.fireEvent('exception', [key, value]);
            }
        }, this);

        this.fireEvent('request');
        this.xhr.send(data);
        if (!this.options.async) this.onStateChange();
        return this;
    },

    cancel: function(){
        if (!this.running) return this;
        this.running = false;
        this.xhr.abort();
        this.xhr.onreadystatechange = $empty;
        this.xhr = new Browser.Request();
        this.fireEvent('cancel');
        return this;
    }

});

(function(){

var methods = {};
['get', 'post', 'put', 'delete', 'GET', 'POST', 'PUT', 'DELETE'].each(function(method){
    methods[method] = function(){
        var params = Array.link(arguments, {url: String.type, data: $defined});
        return this.send($extend(params, {method: method}));
    };
});

Request.implement(methods);

})();

Element.Properties.send = {

    set: function(options){
        var send = this.retrieve('send');
        if (send) send.cancel();
        return this.eliminate('send').store('send:options', $extend({
            data: this, link: 'cancel', method: this.get('method') || 'post', url: this.get('action')
        }, options));
    },

    get: function(options){
        if (options || !this.retrieve('send')){
            if (options || !this.retrieve('send:options')) this.set('send', options);
            this.store('send', new Request(this.retrieve('send:options')));
        }
        return this.retrieve('send');
    }

};

Element.implement({

    send: function(url){
        var sender = this.get('send');
        sender.send({data: this, url: url || sender.options.url});
        return this;
    }

});

/*
---

script: Request.HTML.js

description: Extends the basic Request Class with additional methods for interacting with HTML responses.

license: MIT-style license.

requires:
- /Request
- /Element

provides: [Request.HTML]

...
*/

Request.HTML = new Class({

    Extends: Request,

    options: {
        update: false,
        append: false,
        evalScripts: true,
        filter: false
    },

    processHTML: function(text){
        var match = text.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
        text = (match) ? match[1] : text;

        var container = new Element('div');

        return $try(function(){
            var root = '<root>' + text + '</root>', doc;
            if (Browser.Engine.trident){
                doc = new ActiveXObject('Microsoft.XMLDOM');
                doc.async = false;
                doc.loadXML(root);
            } else {
                doc = new DOMParser().parseFromString(root, 'text/xml');
            }
            root = doc.getElementsByTagName('root')[0];
            if (!root) return null;
            for (var i = 0, k = root.childNodes.length; i < k; i++){
                var child = Element.clone(root.childNodes[i], true, true);
                if (child) container.grab(child);
            }
            return container;
        }) || container.set('html', text);
    },

    success: function(text){
        var options = this.options, response = this.response;

        response.html = text.stripScripts(function(script){
            response.javascript = script;
        });

        var temp = this.processHTML(response.html);

        response.tree = temp.childNodes;
        response.elements = temp.getElements('*');

        if (options.filter) response.tree = response.elements.filter(options.filter);
        if (options.update) document.id(options.update).empty().set('html', response.html);
        else if (options.append) document.id(options.append).adopt(temp.getChildren());
        if (options.evalScripts) $exec(response.javascript);

        this.onSuccess(response.tree, response.elements, response.html, response.javascript);
    }

});

Element.Properties.load = {

    set: function(options){
        var load = this.retrieve('load');
        if (load) load.cancel();
        return this.eliminate('load').store('load:options', $extend({data: this, link: 'cancel', update: this, method: 'get'}, options));
    },

    get: function(options){
        if (options || ! this.retrieve('load')){
            if (options || !this.retrieve('load:options')) this.set('load', options);
            this.store('load', new Request.HTML(this.retrieve('load:options')));
        }
        return this.retrieve('load');
    }

};

Element.implement({

    load: function(){
        this.get('load').send(Array.link(arguments, {data: Object.type, url: String.type}));
        return this;
    }

});

/*
---

script: Fx.js

description: Contains the basic animation logic to be extended by all other Fx Classes.

license: MIT-style license.

requires:
- /Chain
- /Events
- /Options

provides: [Fx]

...
*/

var Fx = new Class({

    Implements: [Chain, Events, Options],

    options: {
        /*
        onStart: $empty,
        onCancel: $empty,
        onComplete: $empty,
        */
        fps: 50,
        unit: false,
        duration: 500,
        link: 'ignore'
    },

    initialize: function(options){
        this.subject = this.subject || this;
        this.setOptions(options);
        this.options.duration = Fx.Durations[this.options.duration] || this.options.duration.toInt();
        var wait = this.options.wait;
        if (wait === false) this.options.link = 'cancel';
    },

    getTransition: function(){
        return function(p){
            return -(Math.cos(Math.PI * p) - 1) / 2;
        };
    },

    step: function(){
        var time = $time();
        if (time < this.time + this.options.duration){
            var delta = this.transition((time - this.time) / this.options.duration);
            this.set(this.compute(this.from, this.to, delta));
        } else {
            this.set(this.compute(this.from, this.to, 1));
            this.complete();
        }
    },

    set: function(now){
        return now;
    },

    compute: function(from, to, delta){
        return Fx.compute(from, to, delta);
    },

    check: function(){
        if (!this.timer) return true;
        switch (this.options.link){
            case 'cancel': this.cancel(); return true;
            case 'chain': this.chain(this.caller.bind(this, arguments)); return false;
        }
        return false;
    },

    start: function(from, to){
        if (!this.check(from, to)) return this;
        this.from = from;
        this.to = to;
        this.time = 0;
        this.transition = this.getTransition();
        this.startTimer();
        this.onStart();
        return this;
    },

    complete: function(){
        if (this.stopTimer()) this.onComplete();
        return this;
    },

    cancel: function(){
        if (this.stopTimer()) this.onCancel();
        return this;
    },

    onStart: function(){
        this.fireEvent('start', this.subject);
    },

    onComplete: function(){
        this.fireEvent('complete', this.subject);
        if (!this.callChain()) this.fireEvent('chainComplete', this.subject);
    },

    onCancel: function(){
        this.fireEvent('cancel', this.subject).clearChain();
    },

    pause: function(){
        this.stopTimer();
        return this;
    },

    resume: function(){
        this.startTimer();
        return this;
    },

    stopTimer: function(){
        if (!this.timer) return false;
        this.time = $time() - this.time;
        this.timer = $clear(this.timer);
        return true;
    },

    startTimer: function(){
        if (this.timer) return false;
        this.time = $time() - this.time;
        this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this);
        return true;
    }

});

Fx.compute = function(from, to, delta){
    return (to - from) * delta + from;
};

Fx.Durations = {'short': 250, 'normal': 500, 'long': 1000};

/*
---

script: Fx.CSS.js

description: Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements.

license: MIT-style license.

requires:
- /Fx
- /Element.Style

provides: [Fx.CSS]

...
*/

Fx.CSS = new Class({

    Extends: Fx,

    //prepares the base from/to object

    prepare: function(element, property, values){
        values = $splat(values);
        var values1 = values[1];
        if (!$chk(values1)){
            values[1] = values[0];
            values[0] = element.getStyle(property);
        }
        var parsed = values.map(this.parse);
        return {from: parsed[0], to: parsed[1]};
    },

    //parses a value into an array

    parse: function(value){
        value = $lambda(value)();
        value = (typeof value == 'string') ? value.split(' ') : $splat(value);
        return value.map(function(val){
            val = String(val);
            var found = false;
            Fx.CSS.Parsers.each(function(parser, key){
                if (found) return;
                var parsed = parser.parse(val);
                if ($chk(parsed)) found = {value: parsed, parser: parser};
            });
            found = found || {value: val, parser: Fx.CSS.Parsers.String};
            return found;
        });
    },

    //computes by a from and to prepared objects, using their parsers.

    compute: function(from, to, delta){
        var computed = [];
        (Math.min(from.length, to.length)).times(function(i){
            computed.push({value: from[i].parser.compute(from[i].value, to[i].value, delta), parser: from[i].parser});
        });
        computed.$family = {name: 'fx:css:value'};
        return computed;
    },

    //serves the value as settable

    serve: function(value, unit){
        if ($type(value) != 'fx:css:value') value = this.parse(value);
        var returned = [];
        value.each(function(bit){
            returned = returned.concat(bit.parser.serve(bit.value, unit));
        });
        return returned;
    },

    //renders the change to an element

    render: function(element, property, value, unit){
        element.setStyle(property, this.serve(value, unit));
    },

    //searches inside the page css to find the values for a selector

    search: function(selector){
        if (Fx.CSS.Cache[selector]) return Fx.CSS.Cache[selector];
        var to = {};
        Array.each(document.styleSheets, function(sheet, j){
            var href = sheet.href;
            if (href && href.contains('://') && !href.contains(document.domain)) return;
            var rules = sheet.rules || sheet.cssRules;
            Array.each(rules, function(rule, i){
                if (!rule.style) return;
                var selectorText = (rule.selectorText) ? rule.selectorText.replace(/^\w+/, function(m){
                    return m.toLowerCase();
                }) : null;
                if (!selectorText || !selectorText.test('^' + selector + '$')) return;
                Element.Styles.each(function(value, style){
                    if (!rule.style[style] || Element.ShortStyles[style]) return;
                    value = String(rule.style[style]);
                    to[style] = (value.test(/^rgb/)) ? value.rgbToHex() : value;
                });
            });
        });
        return Fx.CSS.Cache[selector] = to;
    }

});

Fx.CSS.Cache = {};

Fx.CSS.Parsers = new Hash({

    Color: {
        parse: function(value){
            if (value.match(/^#[0-9a-f]{3,6}$/i)) return value.hexToRgb(true);
            return ((value = value.match(/(\d+),\s*(\d+),\s*(\d+)/))) ? [value[1], value[2], value[3]] : false;
        },
        compute: function(from, to, delta){
            return from.map(function(value, i){
                return Math.round(Fx.compute(from[i], to[i], delta));
            });
        },
        serve: function(value){
            return value.map(Number);
        }
    },

    Number: {
        parse: parseFloat,
        compute: Fx.compute,
        serve: function(value, unit){
            return (unit) ? value + unit : value;
        }
    },

    String: {
        parse: $lambda(false),
        compute: $arguments(1),
        serve: $arguments(0)
    }

});

/*
---

script: Fx.Tween.js

description: Formerly Fx.Style, effect to transition any CSS property for an element.

license: MIT-style license.

requires:
- /Fx.CSS

provides: [Fx.Tween, Element.fade, Element.highlight]

...
*/

Fx.Tween = new Class({

    Extends: Fx.CSS,

    initialize: function(element, options){
        this.element = this.subject = document.id(element);
        this.parent(options);
    },

    set: function(property, now){
        if (arguments.length == 1){
            now = property;
            property = this.property || this.options.property;
        }
        this.render(this.element, property, now, this.options.unit);
        return this;
    },

    start: function(property, from, to){
        if (!this.check(property, from, to)) return this;
        var args = Array.flatten(arguments);
        this.property = this.options.property || args.shift();
        var parsed = this.prepare(this.element, this.property, args);
        return this.parent(parsed.from, parsed.to);
    }

});

Element.Properties.tween = {

    set: function(options){
        var tween = this.retrieve('tween');
        if (tween) tween.cancel();
        return this.eliminate('tween').store('tween:options', $extend({link: 'cancel'}, options));
    },

    get: function(options){
        if (options || !this.retrieve('tween')){
            if (options || !this.retrieve('tween:options')) this.set('tween', options);
            this.store('tween', new Fx.Tween(this, this.retrieve('tween:options')));
        }
        return this.retrieve('tween');
    }

};

Element.implement({

    tween: function(property, from, to){
        this.get('tween').start(arguments);
        return this;
    },

    fade: function(how){
        var fade = this.get('tween'), o = 'opacity', toggle;
        how = $pick(how, 'toggle');
        switch (how){
            case 'in': fade.start(o, 1); break;
            case 'out': fade.start(o, 0); break;
            case 'show': fade.set(o, 1); break;
            case 'hide': fade.set(o, 0); break;
            case 'toggle':
                var flag = this.retrieve('fade:flag', this.get('opacity') == 1);
                fade.start(o, (flag) ? 0 : 1);
                this.store('fade:flag', !flag);
                toggle = true;
            break;
            default: fade.start(o, arguments);
        }
        if (!toggle) this.eliminate('fade:flag');
        return this;
    },

    highlight: function(start, end){
        if (!end){
            end = this.retrieve('highlight:original', this.getStyle('background-color'));
            end = (end == 'transparent') ? '#fff' : end;
        }
        var tween = this.get('tween');
        tween.start('background-color', start || '#ffff88', end).chain(function(){
            this.setStyle('background-color', this.retrieve('highlight:original'));
            tween.callChain();
        }.bind(this));
        return this;
    }

});

/*
---

script: Fx.Transitions.js

description: Contains a set of advanced transitions to be used with any of the Fx Classes.

license: MIT-style license.

credits:
- Easing Equations by Robert Penner, <http://www.robertpenner.com/easing/>, modified and optimized to be used with MooTools.

requires:
- /Fx

provides: [Fx.Transitions]

...
*/

Fx.implement({

    getTransition: function(){
        var trans = this.options.transition || Fx.Transitions.Sine.easeInOut;
        if (typeof trans == 'string'){
            var data = trans.split(':');
            trans = Fx.Transitions;
            trans = trans[data[0]] || trans[data[0].capitalize()];
            if (data[1]) trans = trans['ease' + data[1].capitalize() + (data[2] ? data[2].capitalize() : '')];
        }
        return trans;
    }

});

Fx.Transition = function(transition, params){
    params = $splat(params);
    return $extend(transition, {
        easeIn: function(pos){
            return transition(pos, params);
        },
        easeOut: function(pos){
            return 1 - transition(1 - pos, params);
        },
        easeInOut: function(pos){
            return (pos <= 0.5) ? transition(2 * pos, params) / 2 : (2 - transition(2 * (1 - pos), params)) / 2;
        }
    });
};

Fx.Transitions = new Hash({

    linear: $arguments(0)

});

Fx.Transitions.extend = function(transitions){
    for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]);
};

Fx.Transitions.extend({

    Pow: function(p, x){
        return Math.pow(p, x[0] || 6);
    },

    Expo: function(p){
        return Math.pow(2, 8 * (p - 1));
    },

    Circ: function(p){
        return 1 - Math.sin(Math.acos(p));
    },

    Sine: function(p){
        return 1 - Math.sin((1 - p) * Math.PI / 2);
    },

    Back: function(p, x){
        x = x[0] || 1.618;
        return Math.pow(p, 2) * ((x + 1) * p - x);
    },

    Bounce: function(p){
        var value;
        for (var a = 0, b = 1; 1; a += b, b /= 2){
            if (p >= (7 - 4 * a) / 11){
                value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2);
                break;
            }
        }
        return value;
    },

    Elastic: function(p, x){
        return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3);
    }

});

['Quad', 'Cubic', 'Quart', 'Quint'].each(function(transition, i){
    Fx.Transitions[transition] = new Fx.Transition(function(p){
        return Math.pow(p, [i + 2]);
    });
});

/*
---

script: Fx.Morph.js

description: Formerly Fx.Styles, effect to transition any number of CSS properties for an element using an object of rules, or CSS based selector rules.

license: MIT-style license.

requires:
- /Fx.CSS

provides: [Fx.Morph]

...
*/

Fx.Morph = new Class({

    Extends: Fx.CSS,

    initialize: function(element, options){
        this.element = this.subject = document.id(element);
        this.parent(options);
    },

    set: function(now){
        if (typeof now == 'string') now = this.search(now);
        for (var p in now) this.render(this.element, p, now[p], this.options.unit);
        return this;
    },

    compute: function(from, to, delta){
        var now = {};
        for (var p in from) now[p] = this.parent(from[p], to[p], delta);
        return now;
    },

    start: function(properties){
        if (!this.check(properties)) return this;
        if (typeof properties == 'string') properties = this.search(properties);
        var from = {}, to = {};
        for (var p in properties){
            var parsed = this.prepare(this.element, p, properties[p]);
            from[p] = parsed.from;
            to[p] = parsed.to;
        }
        return this.parent(from, to);
    }

});

Element.Properties.morph = {

    set: function(options){
        var morph = this.retrieve('morph');
        if (morph) morph.cancel();
        return this.eliminate('morph').store('morph:options', $extend({link: 'cancel'}, options));
    },

    get: function(options){
        if (options || !this.retrieve('morph')){
            if (options || !this.retrieve('morph:options')) this.set('morph', options);
            this.store('morph', new Fx.Morph(this, this.retrieve('morph:options')));
        }
        return this.retrieve('morph');
    }

};

Element.implement({

    morph: function(props){
        this.get('morph').start(props);
        return this;
    }

});

/*
---

script: DomReady.js

description: Contains the custom event domready.

license: MIT-style license.

requires:
- /Element.Event

provides: [DomReady]

...
*/

Element.Events.domready = {

    onAdd: function(fn){
        if (Browser.loaded) fn.call(this);
    }

};

(function(){

    var domready = function(){
        if (Browser.loaded) return;
        Browser.loaded = true;
        window.fireEvent('domready');
        document.fireEvent('domready');
    };

    window.addEvent('load', domready);

    if (Browser.Engine.trident){
        var temp = document.createElement('div');
        (function(){
            ($try(function(){
                temp.doScroll(); // Technique by Diego Perini
                return document.id(temp).inject(document.body).set('html', 'temp').dispose();
            })) ? domready() : arguments.callee.delay(50);
        })();
    } else if (Browser.Engine.webkit && Browser.Engine.version < 525){
        (function(){
            (['loaded', 'complete'].contains(document.readyState)) ? domready() : arguments.callee.delay(50);
        })();
    } else {
        document.addEvent('DOMContentLoaded', domready);
    }

})();

/*
---

script: Cookie.js

description: Class for creating, reading, and deleting browser Cookies.

license: MIT-style license.

credits:
- Based on the functions by Peter-Paul Koch (http://quirksmode.org).

requires:
- /Options

provides: [Cookie]

...
*/

var Cookie = new Class({

    Implements: Options,

    options: {
        path: false,
        domain: false,
        duration: false,
        secure: false,
        document: document
    },

    initialize: function(key, options){
        this.key = key;
        this.setOptions(options);
    },

    write: function(value){
        value = encodeURIComponent(value);
        if (this.options.domain) value += '; domain=' + this.options.domain;
        if (this.options.path) value += '; path=' + this.options.path;
        if (this.options.duration){
            var date = new Date();
            date.setTime(date.getTime() + this.options.duration * 24 * 60 * 60 * 1000);
            value += '; expires=' + date.toGMTString();
        }
        if (this.options.secure) value += '; secure';
        this.options.document.cookie = this.key + '=' + value;
        return this;
    },

    read: function(){
        var value = this.options.document.cookie.match('(?:^|;)\\s*' + this.key.escapeRegExp() + '=([^;]*)');
        return (value) ? decodeURIComponent(value[1]) : null;
    },

    dispose: function(){
        new Cookie(this.key, $merge(this.options, {duration: -1})).write('');
        return this;
    }

});

Cookie.write = function(key, value, options){
    return new Cookie(key, options).write(value);
};

Cookie.read = function(key){
    return new Cookie(key).read();
};

Cookie.dispose = function(key, options){
    return new Cookie(key, options).dispose();
};

/*
---

script: Swiff.js

description: Wrapper for embedding SWF movies. Supports External Interface Communication.

license: MIT-style license.

credits:
- Flash detection & Internet Explorer + Flash Player 9 fix inspired by SWFObject.

requires:
- /Options
- /$util

provides: [Swiff]

...
*/

var Swiff = new Class({

    Implements: [Options],

    options: {
        id: null,
        height: 1,
        width: 1,
        container: null,
        properties: {},
        params: {
            quality: 'high',
            allowScriptAccess: 'always',
            wMode: 'transparent',
            swLiveConnect: true
        },
        callBacks: {},
        vars: {}
    },

    toElement: function(){
        return this.object;
    },

    initialize: function(path, options){
        this.instance = 'Swiff_' + $time();

        this.setOptions(options);
        options = this.options;
        var id = this.id = options.id || this.instance;
        var container = document.id(options.container);

        Swiff.CallBacks[this.instance] = {};

        var params = options.params, vars = options.vars, callBacks = options.callBacks;
        var properties = $extend({height: options.height, width: options.width}, options.properties);

        var self = this;

        for (var callBack in callBacks){
            Swiff.CallBacks[this.instance][callBack] = (function(option){
                return function(){
                    return option.apply(self.object, arguments);
                };
            })(callBacks[callBack]);
            vars[callBack] = 'Swiff.CallBacks.' + this.instance + '.' + callBack;
        }

        params.flashVars = Hash.toQueryString(vars);
        if (Browser.Engine.trident){
            properties.classid = 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000';
            params.movie = path;
        } else {
            properties.type = 'application/x-shockwave-flash';
            properties.data = path;
        }
        var build = '<object id="' + id + '"';
        for (var property in properties) build += ' ' + property + '="' + properties[property] + '"';
        build += '>';
        for (var param in params){
            if (params[param]) build += '<param name="' + param + '" value="' + params[param] + '" />';
        }
        build += '</object>';
        this.object = ((container) ? container.empty() : new Element('div')).set('html', build).firstChild;
    },

    replaces: function(element){
        element = document.id(element, true);
        element.parentNode.replaceChild(this.toElement(), element);
        return this;
    },

    inject: function(element){
        document.id(element, true).appendChild(this.toElement());
        return this;
    },

    remote: function(){
        return Swiff.remote.apply(Swiff, [this.toElement()].extend(arguments));
    }

});

Swiff.CallBacks = {};

Swiff.remote = function(obj, fn){
    var rs = obj.CallFunction('<invoke name="' + fn + '" returntype="javascript">' + __flash__argumentsToXML(arguments, 2) + '</invoke>');
    return eval(rs);
};

// end Greased MooTools
//
// hack to circumvent 'bug' when overriding toString (and others):
// https://mootools.lighthouseapp.com/projects/2706/tickets/651-classtostring-broken-on-122-big-regression
['toString', 'toLocaleString', 'valueOf', 'toSource', 'watch', 'unwatch', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable'].each(function (method) {
    Class.Mutators[method] = $arguments(0);
});

// Browser specifics

var getJSVariable = function (regex) {
        // Thanks to Vispillo for this compact code
        var retval;
        $$('script').each( function (script) {
            if (retval != undefined) {
                return;
            }
            var html = script.innerHTML;
            try {
                retval = html.match(regex)[1];
            } catch (e) {
            }
        });
        return retval;
    }

    GM_getMagisterLudi = function () {
        var reMatch = /global_magisterLudi[ =]+\'([^\']+)\'/;
        var retval = getJSVariable(reMatch);
    if (!$chk(retval))
        retval = getJSVariable(/\"?api_key\"?\s*[ :]+[\'\"]([^\'\"]+)[\'\"]/);
    return retval;
    }
    GM_getAuthHash = function () {
        var reMatch = /global_auth_hash[ =]+\'([^\']+)\'/;
        var retval = getJSVariable(reMatch);
    if (!$chk(retval))
        retval = getJSVariable(/\"?auth_hash\"?\s*[ :]+[\'\"]([^\'\"]+)[\'\"]/);
    return retval;
    }

    GM_getAuthToken = function () {
        var reMatch = /global_auth_token[ =]+\'([^\']+)\'/;
        var retval = getJSVariable(reMatch);
    if (!$chk(retval))
        retval = getJSVariable(/\"?auth_token\"?\s*[ :]+[\'\"]([^\'\"]+)[\'\"]/);
        return retval;
    }

    GM_getUserNsid = function () {
        return getJSVariable(/\"nsid\"[ :]+[\'\"]([^\'\"]+)[\'\"]/);
    }

function toFixed(value, precision) {
    var power = Math.pow(10, precision || 0);
    return String(Math.round(value * power) / power);
}

function formatPercentage(value) {
    if (value < 1.0) {
        return toFixed(value * 10, 0) + "\u2030";
    } else {
        return Math.round(value) + "%";
    }
}

// DECEMBRE TWEAK - SUPP (COMMENT CODE) - version check code


// end version check code
//END TWEAK DECMBRE - SUPP



    // the following api_key is reserved for this application
    // if you need an api_key for your own application, please request one at
    // http://www.flickr.com/services/apps/create/apply/
    // if you request a Non-Commercial key, you'll get it instantly
    var api_key = 'da04056ee38245449676dfcbbade0025';

    function getViewsAndCommentsAndNotes (photoId, async, callback, sessionKey) {
        new Request({
            method: 'get',
            url: 'https://www.flickr.com/',
        async: async,
            onSuccess: function (responseText, responseXML) {
                var result;
                try {
                    result = JSON.parse(responseText);
                } catch (e) {
                    result = eval('(' + responseText + ')');
                }
                if (result.stat === 'fail') {
                    if (!$chk(sessionKey)) {
                        var magisterLudi = GM_getMagisterLudi();
                        GM_log("[NOFOP] ERROR reading views and comments and notes (" + photoId + "): " + result.message + " (a private photo?) - retrying with your current session key '" + magisterLudi + "'");
                        if ($chk(magisterLudi)) {
                            getViewsAndCommentsAndNotes(photoId, async, callback, magisterLudi);
                        } else {
                            GM_log("[NOFOP] ERROR: could not find magisterLudi; not logged in?");
                        }
                    } else {
                        GM_log("[NOFOP] ERROR (" + photoId + "): " + responseText);
                    }
                    return;
                }
        var retval = {
            photoId: photoId,
            views: 0,
                    comments: 0,
            notes: 0,
            contributedNotes: false,
            url: "#"
        };
        if ($chk(result.photo.views)) {
            retval.views = result.photo.views;
        }
        if ($chk(result.photo.comments)) {
            retval.comments = result.photo.comments._content;
        }
        if ($chk(result.photo.notes)) {
            retval.notes = result.photo.notes.note.length;
        }
        if (SHOW_NOTE_CONTRIBUTION_COLOR) {
            if ($chk(result.photo.notes)) {
                var userNsid = GM_getUserNsid();
                retval.contributedNotes = result.photo.notes.note.some(function (note) {
                    return (note.author == userNsid);
                });
            }
        }
        if ($chk(result.photo.urls) && $chk(result.photo.urls.url) && $chk(result.photo.urls.url.length > 0)) {
            retval.url = result.photo.urls.url[0]._content;
        }
        callback(retval);
            },
        onFailure: function (response) {
        GM_log("[NOFOP] getViewsAndCommentsAndNotes failed: " + response.statusText);
        }
        }).get('/services/rest', {
            api_key:        $chk(sessionKey) ? sessionKey : api_key,
            auth_hash:      $chk(sessionKey) ? GM_getAuthHash() : undefined,
            format:         'json',
            nojsoncallback: '1',
            method:         'flickr.photos.getInfo',
            photo_id:        photoId
        });
    }

    function getFavs (photoId, views, callback, sessionKey) {
        new Request({
            method: 'get',
            url: 'https://www.flickr.com/',
            onSuccess: function (responseText, responseXML) {
                var result;
                try {
                    result = JSON.parse(responseText);
                } catch (e) {
                    result = eval('(' + responseText + ')');
                }
                if (result.stat === 'fail') {
                    if (!$chk(sessionKey)) {
                        var magisterLudi = GM_getMagisterLudi();
                        GM_log("[NOFOP] ERROR reading favs (" + photoId + "): " + result.message + " (a private photo?) - retrying with your current session key '" + magisterLudi + "'");
                        // don't bother:
                        // when a photo changes into 'private', it looses all its favs; even if it returns to 'public'
                        // but we might do this for special cases: friends / family restricted?
                        if ($chk(magisterLudi)) {
                            getFavs(photoId, views, callback, magisterLudi);
                        } else {
                            GM_log("[NOFOP] ERROR: could not find magisterLudi; not logged in?");
                        }
                    } else {
                        GM_log("[NOFOP] ERROR (" + photoId + "): " + responseText);
                    }
                    return;
                }
                var favs = result.photo.total;
        callback(photoId, views, favs);
            },
        onFailure: function (response) {
        GM_log("[NOFOP] getFavorites failed: " + response.statusText);
        }
        }).get('/services/rest', {
            api_key:        $chk(sessionKey) ? sessionKey : api_key,
            auth_hash:      $chk(sessionKey) ? GM_getAuthHash() : undefined,
            format:         'json',
            nojsoncallback: '1',
            method:         'flickr.photos.getFavorites',
            photo_id:        photoId
        });
    }

    function getGalleries (photoId, callback, sessionKey) {
        new Request({
            method: 'get',
            url: 'https://www.flickr.com/',
            onSuccess: function (responseText, responseXML) {
                var result;
                try {
                    result = JSON.parse(responseText);
                } catch (e) {
                    result = eval('(' + responseText + ')');
                }
                if (result.stat === 'fail') {
                    if (!$chk(sessionKey)) {
                        var magisterLudi = GM_getMagisterLudi();
                        GM_log("[NOFOP] ERROR reading galleries (" + photoId + "): " + result.message + " (a private photo?) - retrying with your current session key '" + magisterLudi + "'");
                        // don't bother:
                        // when a photo changes into 'private', it looses all its favs; even if it returns to 'public'
                        // but we might do this for special cases: friends / family restricted?
                        if ($chk(magisterLudi)) {
                            getGalleries(photoId, callback, magisterLudi);
                        } else {
                            GM_log("[NOFOP] ERROR: could not find magisterLudi; not logged in?");
                        }
                    } else {
                        GM_log("[NOFOP] ERROR (" + photoId + "): " + responseText);
                    }
                    return;
                }
                var galleries = result.galleries['total'];
                if (galleries === undefined) { // bug solved ?
                    galleries = result.galleries['total '];
                }
        callback(photoId, galleries);
            },
        onFailure: function (response) {
        GM_log("[NOFOP] getViewsGalleries failed: " + response.statusText);
        }
        }).get('/services/rest', {
            api_key:        $chk(sessionKey) ? sessionKey : api_key,
            auth_hash:      $chk(sessionKey) ? GM_getAuthHash() : undefined,
            format:         'json',
            nojsoncallback: '1',
            method:         'flickr.galleries.getListForPhoto',
            page:           1,
            per_page:       1,
            photo_id:       photoId
        });
    }

    // photostream page
/*    if (!document.location.href.test(/.*\/sets\/\d+/)) { // set pages contain these divs also
        $$("div.photo-display-item[id*=photo]").each(function (streamView) {
            showNumbersOnStreamView(streamView);
        });
    }
*/

    function prepareShowNumbersOnStreamView(streamView) {
    showNumbersOnStreamView(streamView);
    streamView.addEventListener('mouseover', function(evt) {
            var photoId = streamView.id.replace(/^([^\d]+)/, '');
        if (SHOW_STREAM_VIEWS_COUNT || SHOWSTREAM_NOTES_COUNT) {
            $('nofop_views_' + photoId).fireEvent('get-views-and-comments-and-notes-count');
        }
        if (SHOW_STREAM_GALLERIES_COUNT) {
            var url = streamView.getElement('a[data-track=photo-click]').get('href');
            $('nof_gallery_' + photoId).fireEvent('get-galleries-count', url + '/galleries');
        }
    });
    }

    function showNumbersOnStreamView(streamView) {
        var photoId = streamView.id.replace(/^([^\d]+)/, '');
        // add % to title of 'comments'
        var activity = streamView.getElement('span.inline-icons');
    if (!$chk(activity)) return; // pool page!!

    if ($chk($('nofop_views_' + photoId))) return;

    var photoElement = $('photo_' + photoId);
    var insertionPoint = photoElement.getElement('span.inline-icons').getElement('a[data-track=favorite]');

    // add all elements, but hidden if necessary
    var views = new Element('a', {
        id: 'nofop_views_' + photoId,
        href: "#",
        'class': 'rapidnofollow',
        styles: {
            display: 'none',
            visibility: 'hidden'
        },
        events: {
            'get-views-and-comments-and-notes-count': function(evt) {
                if (this.hasClass('nofop_processed')) return;
                this.addClass('nofop_processed');
                if (SHOW_STREAM_VIEWS_COUNT) {
                    var views = $('nofop_views_' + photoId);
                    views.setStyles({ display : '', visibility : 'visible' });
                    views.adopt(
                        new Element('img', {
                            src: "http://l.yimg.com/g/images/spaceball.gif",
                            'class': 'img',
                            width: 12,
                            height: 12,
                            styles: {
                                background: 'transparent url(http://l.yimg.com/g/images/sprites/icons/views.png) no-repeat center'
                            }
                        })
                    );
                }
                if (SHOW_STREAM_NOTES_COUNT) {
                    var notes = $('nofop_notes_' + photoId);
                    notes.setStyles({ display : '', visibility : 'visible' });
                    notes.adopt(
                        new Element('img', {
                            src: "http://l.yimg.com/g/images/spaceball.gif",
                            'class': 'img',
                            width: 12,
                            height: 12,
                            styles: {
                                background: 'transparent url(http://l.yimg.com/g/images/sprites/icons/notes.png) no-repeat center'
                            }
                        })
                    );
                }
                getViewsAndCommentsAndNotes(photoId, false, function(data) {
                    var notes = data.notes;
                    var views = data.views;
                    if (SHOW_STREAM_VIEWS_COUNT && views && parseInt(views, 10) > 0) {
                        new Element('span', {
                            'class': 'view-count count',
                            html: views,
                            styles: {
                                display: 'inline'
                            }
                        }).inject($('nofop_views_' + photoId));
                    }
                    if (SHOW_STREAM_NOTES_COUNT && notes && parseInt(notes, 10) > 0) {
                        new Element('span', {
                            'class': 'note-count count',
                            html: notes,
                            styles: {
                                display: 'inline'
                            }
                        }).inject($('nofop_notes_' + photoId));
                    }
                });
            }
        }
    }).inject(insertionPoint, 'before');

    var notes = new Element('a', {
        id: 'nofop_notes_' + photoId,
        href: "#",
        'class': 'rapidnofollow',
        styles: {
            display: 'none',
            visibility: 'hidden'
        }
        // events: is processed together with views
    }).inject(insertionPoint, 'before');

    var galleries = new Element('a', {
        id: 'nof_gallery_' + photoId,
        href: "#",
        'class': 'rapidnofollow',
        styles: {
            display: 'none',
            visibility: 'hidden'
        },
        events: {
            'get-galleries-count': function (evt) {
                if (this.hasClass('nofop_processed')) return;
                this.addClass('nofop_processed');
                this.set('href', evt);
                if (SHOW_STREAM_GALLERIES_COUNT) {
                    var galleries = $('nof_gallery_' + photoId);
                    galleries.setStyles({ display : '', visibility : 'visible' });
                    galleries.adopt(
                        new Element('img', {
                            src: "http://l.yimg.com/g/images/spaceball.gif",
                            'class': 'img',
                            width: 12,
                            height: 12,
                            styles: {
                                background: 'transparent url(http://l.yimg.com/g/images/sprites/icons/gallery.png) no-repeat center'
                            }
                        })
                    );
                    getGalleries(photoId, function(photoId, galleries) {
                        if (galleries && parseInt(galleries, 10) > 0) {
                            new Element('span', {
                                'class': 'gallery-count count',
                                html: galleries
                            }).inject($('nof_gallery_' + photoId));
                            markGalleryContribution(photoId);
                        }
                    });
                }
            },
            click: function (evt) {
                document.location.href = this.href;
            }
        }
    }).inject(insertionPoint, 'before');

        /*if (viewsElement) {
        views = parseInt(viewsElement.get('html').trim().replace(/[,.]/g, ''), 10);
            var commentsElement = activity.getFirst('a.Plain');
            var comments = parseInt(commentsElement.get('html').trim().replace(/[,.]/g, ''), 10);
            if (comments > 0) {
                commentsElement.set('title', formatPercentage(comments * 100 / views) + " of views" +
                                             " (1 comment per " + toFixed(views / comments, 2) + " views)");
            }
        }*/
    }

    // photo page
    var photoStats = $('stats_ul');
    if (photoStats) {
    if (!SHOW_PHOTOPAGE_VIEWS_COUNT && !SHOW_PHOTOPAGE_NOTES_COUNT && !SHOW_PHOTOPAGE_GALLERIES_COUNT) return;

    var photoId = document.location.href.match(/flickr\.com\/photos\/[^\/]+\/(\d+)/)[1];
    if (SHOW_PHOTOPAGE_NOTES_COUNT) {
        var notes = new Element('li', {
            id: 'nofop_notes_' + photoId,
            styles: {
                cursor: 'pointer',
                'margin-left': '12px',
                'marging-right': '12px'
            }
        }).inject($('stats_ul'), 'top');
        notes.adopt(
            new Element('img', {
                src: "http://l.yimg.com/g/images/spaceball.gif",
                'class': 'img',
                width: 16,
                height: 16,
                styles: {
                    background: 'transparent url(http://l.yimg.com/g/images/sprites/icons/notes.png) no-repeat center'
                }
            })
        );
    }
    if (SHOW_PHOTOPAGE_GALLERIES_COUNT) {
        var galleries = new Element('li', {
            id: 'nofop_galleries_' + photoId,
            styles: {
                cursor: 'pointer',
                'margin-left': '12px',
                'marging-right': '12px'
            }
        }).inject($('stats_ul'), 'top');
        galleries.adopt(
            new Element('img', {
                src: "http://l.yimg.com/g/images/spaceball.gif",
                'class': 'img',
                width: 16,
                height: 16,
                styles: {
                    background: 'transparent url(http://l.yimg.com/g/images/sprites/icons/gallery.png) no-repeat center'
                }
            })
        );
    }
    if (SHOW_PHOTOPAGE_VIEWS_COUNT) {
        var views = new Element('li', {
            id: 'nofop_views_' + photoId,
            styles: {
                cursor: 'pointer',
                'margin-left': '12px',
                'marging-right': '12px'
            }
        }).inject($('stats_ul'), 'top');
        views.adopt(
            new Element('img', {
                src: "http://l.yimg.com/g/images/spaceball.gif",
                'class': 'img',
                width: 16,
                height: 16,
                styles: {
                    background: 'transparent url(http://l.yimg.com/g/images/sprites/icons/views.png) no-repeat center'
                }
            })
        );
    }

        getViewsAndCommentsAndNotes (photoId, true, function(data) {
            var photoId = data.photoId;
        var views = data.views;
        var comments = data.comments;
        var notes = data.notes;

        if (SHOW_PHOTOPAGE_VIEWS_COUNT) {
            new Element('a', {
                'class': 'rapidnofollow',
                href: "#",
                html: views.toLocaleString(),
                styles: {
                    display: 'inline',
                    'margin-left': '10px',
                    'margin-right': '10px'
                }
            }).inject($('nofop_views_' + photoId));
            $('nofop_views_' + photoId).set('title', views.toLocaleString() + ' views');
        }
        if (SHOW_PHOTOPAGE_NOTES_COUNT) {
            new Element('a', {
                'class': 'rapidnofollow',
                href: "#",
                html: notes,
                styles: {
                    display: 'inline',
                    'margin-left': '10px',
                    'margin-right': '10px'
                }
            }).inject($('nofop_notes_' + photoId));
            $('nofop_notes_' + photoId).set('title', notes + ' notes');
        }
        if (SHOW_PHOTOPAGE_GALLERIES_COUNT) {
            getGalleries(photoId, function(photoId, galleries) {
                new Element('a', {
                    'class': 'rapidnofollow',
                    href: "#",
                    html: galleries,
                    styles: {
                        display: 'inline',
                        'margin-left': '10px',
                        'margin-right': '10px'
                    }
                }).inject($('nofop_galleries_' + photoId));
                $('nofop_galleries_' + photoId).set('title', galleries + ' galleries');
            });
        }
        $('comment-count').set('title', formatPercentage(comments * 100 / views) + " of views" +
                            " (1 comment per " + toFixed(views / comments, 2) + " views)");
        getFavs (photoId, views, function(photoId, views, favs) {
            $('fave-count').set('title', formatPercentage(favs * 100 / views) + " of views" +
                                " (1 fave per " + toFixed(views / favs, 2) + " views)");
        });
    });
    }

    // pool-like page
    $$('p.PoolList').each(function (poolItem) {
    showNumbersOnPoolLikeItem(poolItem);
    });

    // group pool && faves
    if (document.location.href.test(/.*flickr.com\/groups\/[^\/]+\/pool/) ||
    document.location.href.test(/.*flickr.com\/groups\/[^\/]+\/$/) ||
    document.location.href.test(/.*flickr.com\/photos\/[^\/]+\/archives\//)) {
        var photos = $$('div.pool-photo');
    if (photos.length == 0 && document.location.href.test(/favorites/)) {
        photos = $$('div.fave');
    }
    if (photos.length == 0 && document.location.href.test(/archives/)) {
        photos = $$('div.archive');
    }
        var justifiedPoolView = undefined;
        var poolItemDecorator = showNumbersOnPoolItem; // assume justified view
        if (photos.length > 0) {
            if ($$('span.pc_s').length == photos.length) { // square
        photos.each(function(poolItem) {
                poolItem.setStyle('height', POOL_ITEM_HEIGHT);
        });
        justifiedPoolView = false;
        poolItemDecorator = showNumbersOnPoolLikeItem;

        } else if ($$('span.pc_t').length == photos.length) { // small
        $$('a.fave-star-inline').each(function(meta) { meta.setStyles({ display:'inline-block' }); });
        photos.each(function(poolItem) {
                poolItem.setStyle('height', POOL_ITEM_HEIGHT);
        });
        justifiedPoolView = false;
        poolItemDecorator = showNumbersOnPoolLikeItem;

        } else if ($$('span.pc_m').length == photos.length) { // medium
        $$('a.fave-star-inline').each(function(meta) { meta.setStyles({ display:'inline-block' }); });
        justifiedPoolView = false;
        poolItemDecorator = showNumbersOnPoolLikeItem;

        } else if ($$('span.pc_z').length == photos.length) { // large
        $$('a.fave-star-inline').each(function(meta) { meta.setStyles({ display:'inline-block' }); });
        justifiedPoolView = false;
        poolItemDecorator = showNumbersOnPoolLikeItem;

        } else {
                GM_log("[NOFOP] photos: " + photos.length + " - square: " + $$('span.pc_s').length + " - small: " + $$('span.pc_t').length + " - medium: " + $$('span.pc_m').length + " - large: " + $$('span.pc_z').length);
        // pool, justified
        photos = $$('span.inline-icons');
        justifiedPoolView = true;
        ICON_NOTATION = true;
        poolItemDecorator = showNumbersOnPoolItem;
        }
    }
    if (!justifiedPoolView) {
        photos.each(function(poolItem) {
        poolItemDecorator(poolItem);
        });
    }
    } else if (document.location.href.test(/.*flickr.com\/photos\/[^\/]+\/favorites/)) {
    justifiedPoolView = false; // special case
    poolItemDecorator = prepareShowNumbersOnStreamView;
    }

    // tags page
    $$('p.UserTagList, p.StreamList').each(function (taggedItem) {
        showNumbersOnTaggedItem(taggedItem);