2170 lines
91 KiB
JavaScript
2170 lines
91 KiB
JavaScript
/*
|
|
* Licensed to the Apache Software Foundation (ASF) under one or more
|
|
* contributor license agreements. See the NOTICE file distributed with
|
|
* this work for additional information regarding copyright ownership.
|
|
* The ASF licenses this file to You under the Apache License, Version 2.0
|
|
* (the "License"); you may not use this file except in compliance with
|
|
* the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*
|
|
* $Id: file 64488 2006-03-10 17:32:09Z paulo $
|
|
*/
|
|
|
|
//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
|
|
|
|
var MooTools = {version:'1.11'};
|
|
function $defined(obj) {
|
|
return(obj != undefined);
|
|
}
|
|
;
|
|
function $type(obj) {
|
|
if (!$defined(obj))return false;
|
|
if (obj.htmlElement)return'element';
|
|
var type = typeof obj;
|
|
if (type == 'object' && obj.nodeName) {
|
|
switch (obj.nodeType) {case 1:return'element';case 3:return(/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace';}
|
|
}
|
|
if (type == 'object' || type == 'function') {
|
|
switch (obj.constructor) {case Array:return'array';case RegExp:return'regexp';case Class:return'class';}
|
|
if (typeof obj.length == 'number') {
|
|
if (obj.item)return'collection';
|
|
if (obj.callee)return'arguments';
|
|
}
|
|
}
|
|
return type;
|
|
}
|
|
;
|
|
function $merge() {
|
|
var mix = {};
|
|
for (var i = 0; i < arguments.length; i++) {
|
|
for (var property in arguments[i]) {
|
|
var ap = arguments[i][property];
|
|
var mp = mix[property];
|
|
if (mp && $type(ap) == 'object' && $type(mp) == 'object')mix[property] = $merge(mp, ap); else mix[property] = ap;
|
|
}
|
|
}
|
|
return mix;
|
|
}
|
|
;
|
|
var $extend = function() {
|
|
var args = arguments;
|
|
if (!args[1])args = [this,args[0]];
|
|
for (var property in args[1])args[0][property] = args[1][property];
|
|
return args[0];
|
|
};
|
|
var $native = function() {
|
|
for (var i = 0,l = arguments.length; i < l; i++) {
|
|
arguments[i].extend = function(props) {
|
|
for (var prop in props) {
|
|
if (!this.prototype[prop])this.prototype[prop] = props[prop];
|
|
if (!this[prop])this[prop] = $native.generic(prop);
|
|
}
|
|
};
|
|
}
|
|
};
|
|
$native.generic = function(prop) {
|
|
return function(bind) {
|
|
return this.prototype[prop].apply(bind, Array.prototype.slice.call(arguments, 1));
|
|
};
|
|
};
|
|
$native(Function, Array, String, Number);
|
|
function $chk(obj) {
|
|
return!!(obj || obj === 0);
|
|
}
|
|
;
|
|
function $pick(obj, picked) {
|
|
return $defined(obj) ? obj : picked;
|
|
}
|
|
;
|
|
function $random(min, max) {
|
|
return Math.floor(Math.random() * (max - min + 1) + min);
|
|
}
|
|
;
|
|
function $time() {
|
|
return new Date().getTime();
|
|
}
|
|
;
|
|
function $clear(timer) {
|
|
clearTimeout(timer);
|
|
clearInterval(timer);
|
|
return null;
|
|
}
|
|
;
|
|
var Abstract = function(obj) {
|
|
obj = obj || {};
|
|
obj.extend = $extend;
|
|
return obj;
|
|
};
|
|
var Window = new Abstract(window);
|
|
var Document = new Abstract(document);
|
|
document.head = document.getElementsByTagName('head')[0];
|
|
window.xpath = !!(document.evaluate);
|
|
if (window.ActiveXObject)window.ie = window[window.XMLHttpRequest ? 'ie7' : 'ie6'] = true; else if (document.childNodes && !document.all && !navigator.taintEnabled)window.webkit = window[window.xpath ? 'webkit420' : 'webkit419'] = true; else if (document.getBoxObjectFor != null)window.gecko = true;
|
|
window.khtml = window.webkit;
|
|
Object.extend = $extend;
|
|
if (typeof HTMLElement == 'undefined') {
|
|
var HTMLElement = function() {
|
|
};
|
|
if (window.webkit)document.createElement("iframe");
|
|
HTMLElement.prototype = (window.webkit) ? window["[[DOMElement.prototype]]"] : {};
|
|
}
|
|
HTMLElement.prototype.htmlElement = function() {
|
|
};
|
|
if (window.ie6)try {
|
|
document.execCommand("BackgroundImageCache", false, true);
|
|
} catch(e) {
|
|
}
|
|
;
|
|
var Class = function(properties) {
|
|
var klass = function() {
|
|
return(arguments[0] !== null && this.initialize && $type(this.initialize) == 'function') ? this.initialize.apply(this, arguments) : this;
|
|
};
|
|
$extend(klass, this);
|
|
klass.prototype = properties;
|
|
klass.constructor = Class;
|
|
return klass;
|
|
};
|
|
Class.empty = function() {
|
|
};
|
|
Class.prototype = {extend:function(properties) {
|
|
var proto = new this(null);
|
|
for (var property in properties) {
|
|
var pp = proto[property];
|
|
proto[property] = Class.Merge(pp, properties[property]);
|
|
}
|
|
return new Class(proto);
|
|
},implement:function() {
|
|
for (var i = 0,l = arguments.length; i < l; i++)$extend(this.prototype, arguments[i]);
|
|
}};
|
|
Class.Merge = function(previous, current) {
|
|
if (previous && previous != current) {
|
|
var type = $type(current);
|
|
if (type != $type(previous))return current;
|
|
switch (type) {case'function':var merged = function() {
|
|
this.parent = arguments.callee.parent;
|
|
return current.apply(this, arguments);
|
|
};merged.parent = previous;return merged;case'object':return $merge(previous, current);}
|
|
}
|
|
return current;
|
|
};
|
|
var Chain = new Class({chain:function(fn) {
|
|
this.chains = this.chains || [];
|
|
this.chains.push(fn);
|
|
return this;
|
|
},callChain:function() {
|
|
if (this.chains && this.chains.length)this.chains.shift().delay(10, this);
|
|
},clearChain:function() {
|
|
this.chains = [];
|
|
}});
|
|
var Events = new Class({addEvent:function(type, fn) {
|
|
if (fn != Class.empty) {
|
|
this.$events = this.$events || {};
|
|
this.$events[type] = this.$events[type] || [];
|
|
this.$events[type].include(fn);
|
|
}
|
|
return this;
|
|
},fireEvent:function(type, args, delay) {
|
|
if (this.$events && this.$events[type]) {
|
|
this.$events[type].each(function(fn) {
|
|
fn.create({'bind':this,'delay':delay,'arguments':args})();
|
|
}, this);
|
|
}
|
|
return this;
|
|
},removeEvent:function(type, fn) {
|
|
if (this.$events && this.$events[type])this.$events[type].remove(fn);
|
|
return this;
|
|
}});
|
|
var Options = new Class({setOptions:function() {
|
|
this.options = $merge.apply(null, [this.options].extend(arguments));
|
|
if (this.addEvent) {
|
|
for (var option in this.options) {
|
|
if ($type(this.options[option] == 'function') && (/^on[A-Z]/).test(option))this.addEvent(option, this.options[option]);
|
|
}
|
|
}
|
|
return this;
|
|
}});
|
|
Array.extend({forEach:function(fn, bind) {
|
|
for (var i = 0,j = this.length; i < j; i++)fn.call(bind, this[i], i, this);
|
|
},filter:function(fn, bind) {
|
|
var results = [];
|
|
for (var i = 0,j = this.length; i < j; i++) {
|
|
if (fn.call(bind, this[i], i, this))results.push(this[i]);
|
|
}
|
|
return results;
|
|
},map:function(fn, bind) {
|
|
var results = [];
|
|
for (var i = 0,j = this.length; i < j; i++)results[i] = fn.call(bind, this[i], i, this);
|
|
return results;
|
|
},every:function(fn, bind) {
|
|
for (var i = 0,j = this.length; i < j; i++) {
|
|
if (!fn.call(bind, this[i], i, this))return false;
|
|
}
|
|
return true;
|
|
},some:function(fn, bind) {
|
|
for (var i = 0,j = this.length; i < j; i++) {
|
|
if (fn.call(bind, this[i], i, this))return true;
|
|
}
|
|
return false;
|
|
},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;
|
|
},copy:function(start, length) {
|
|
start = start || 0;
|
|
if (start < 0)start = this.length + start;
|
|
length = length || (this.length - start);
|
|
var newArray = [];
|
|
for (var i = 0; i < length; i++)newArray[i] = this[start++];
|
|
return newArray;
|
|
},remove:function(item) {
|
|
var i = 0;
|
|
var len = this.length;
|
|
while (i < len) {
|
|
if (this[i] === item) {
|
|
this.splice(i, 1);
|
|
len--;
|
|
} else {
|
|
i++;
|
|
}
|
|
}
|
|
return this;
|
|
},contains:function(item, from) {
|
|
return this.indexOf(item, from) != -1;
|
|
},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;
|
|
},extend:function(array) {
|
|
for (var i = 0,j = array.length; i < j; i++)this.push(array[i]);
|
|
return this;
|
|
},merge:function(array) {
|
|
for (var i = 0,l = array.length; i < l; i++)this.include(array[i]);
|
|
return this;
|
|
},include:function(item) {
|
|
if (!this.contains(item))this.push(item);
|
|
return this;
|
|
},getRandom:function() {
|
|
return this[$random(0, this.length - 1)] || null;
|
|
},getLast:function() {
|
|
return this[this.length - 1] || null;
|
|
}});
|
|
Array.prototype.each = Array.prototype.forEach;
|
|
Array.each = Array.forEach;
|
|
function $A(array) {
|
|
return Array.copy(array);
|
|
}
|
|
;
|
|
function $each(iterable, fn, bind) {
|
|
if (iterable && typeof iterable.length == 'number' && $type(iterable) != 'object') {
|
|
Array.forEach(iterable, fn, bind);
|
|
} else {
|
|
for (var name in iterable)fn.call(bind || iterable, iterable[name], name);
|
|
}
|
|
}
|
|
;
|
|
Array.prototype.test = Array.prototype.contains;
|
|
String.extend({test:function(regex, params) {
|
|
return(($type(regex) == 'string') ? new RegExp(regex, params) : regex).test(this);
|
|
},toInt:function() {
|
|
return parseInt(this, 10);
|
|
},toFloat:function() {
|
|
return parseFloat(this);
|
|
},camelCase:function() {
|
|
return this.replace(/-\D/g, function(match) {
|
|
return match.charAt(1).toUpperCase();
|
|
});
|
|
},hyphenate:function() {
|
|
return this.replace(/\w[A-Z]/g, function(match) {
|
|
return(match.charAt(0) + '-' + match.charAt(1).toLowerCase());
|
|
});
|
|
},capitalize:function() {
|
|
return this.replace(/\b[a-z]/g, function(match) {
|
|
return match.toUpperCase();
|
|
});
|
|
},trim:function() {
|
|
return this.replace(/^\s+|\s+$/g, '');
|
|
},clean:function() {
|
|
return this.replace(/\s{2,}/g, ' ').trim();
|
|
},rgbToHex:function(array) {
|
|
var rgb = this.match(/\d{1,3}/g);
|
|
return(rgb) ? rgb.rgbToHex(array) : false;
|
|
},hexToRgb:function(array) {
|
|
var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
|
|
return(hex) ? hex.slice(1).hexToRgb(array) : false;
|
|
},contains:function(string, s) {
|
|
return(s) ? (s + this + s).indexOf(s + string + s) > -1 : this.indexOf(string) > -1;
|
|
},escapeRegExp:function() {
|
|
return this.replace(/([.*+?^${}()|[\]\/\\])/g, '\\$1');
|
|
}});
|
|
Array.extend({rgbToHex:function(array) {
|
|
if (this.length < 3)return false;
|
|
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('');
|
|
},hexToRgb:function(array) {
|
|
if (this.length != 3)return false;
|
|
var rgb = [];
|
|
for (var i = 0; i < 3; i++) {
|
|
rgb.push(parseInt((this[i].length == 1) ? this[i] + this[i] : this[i], 16));
|
|
}
|
|
return array ? rgb : 'rgb(' + rgb.join(',') + ')';
|
|
}});
|
|
Function.extend({create:function(options) {
|
|
var fn = this;
|
|
options = $merge({'bind':fn,'event':false,'arguments':null,'delay':false,'periodical':false,'attempt':false}, options);
|
|
if ($chk(options.arguments) && $type(options.arguments) != 'array')options.arguments = [options.arguments];
|
|
return function(event) {
|
|
var args;
|
|
if (options.event) {
|
|
event = event || window.event;
|
|
args = [(options.event === true) ? event : new options.event(event)];
|
|
if (options.arguments)args.extend(options.arguments);
|
|
}
|
|
else args = options.arguments || arguments;
|
|
var returns = function() {
|
|
return fn.apply($pick(options.bind, fn), args);
|
|
};
|
|
if (options.delay)return setTimeout(returns, options.delay);
|
|
if (options.periodical)return setInterval(returns, options.periodical);
|
|
if (options.attempt)try {
|
|
return returns();
|
|
} catch(err) {
|
|
return false;
|
|
}
|
|
;
|
|
return returns();
|
|
};
|
|
},pass:function(args, bind) {
|
|
return this.create({'arguments':args,'bind':bind});
|
|
},attempt:function(args, bind) {
|
|
return this.create({'arguments':args,'bind':bind,'attempt':true})();
|
|
},bind:function(bind, args) {
|
|
return this.create({'bind':bind,'arguments':args});
|
|
},bindAsEventListener:function(bind, args) {
|
|
return this.create({'bind':bind,'event':true,'arguments':args});
|
|
},delay:function(delay, bind, args) {
|
|
return this.create({'delay':delay,'bind':bind,'arguments':args})();
|
|
},periodical:function(interval, bind, args) {
|
|
return this.create({'periodical':interval,'bind':bind,'arguments':args})();
|
|
}});
|
|
Number.extend({toInt:function() {
|
|
return parseInt(this);
|
|
},toFloat:function() {
|
|
return parseFloat(this);
|
|
},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) {
|
|
for (var i = 0; i < this; i++)fn(i);
|
|
}});
|
|
var Element = new Class({initialize:function(el, props) {
|
|
if ($type(el) == 'string') {
|
|
if (window.ie && props && (props.name || props.type)) {
|
|
var name = (props.name) ? ' name="' + props.name + '"' : '';
|
|
var type = (props.type) ? ' type="' + props.type + '"' : '';
|
|
delete props.name;
|
|
delete props.type;
|
|
el = '<' + el + name + type + '>';
|
|
}
|
|
el = document.createElement(el);
|
|
}
|
|
el = $(el);
|
|
return(!props || !el) ? el : el.set(props);
|
|
}});
|
|
var Elements = new Class({initialize:function(elements) {
|
|
return(elements) ? $extend(elements, this) : this;
|
|
}});
|
|
Elements.extend = function(props) {
|
|
for (var prop in props) {
|
|
this.prototype[prop] = props[prop];
|
|
this[prop] = $native.generic(prop);
|
|
}
|
|
};
|
|
function $(el) {
|
|
if (!el)return null;
|
|
if (el.htmlElement)return Garbage.collect(el);
|
|
if ([window,document].contains(el))return el;
|
|
var type = $type(el);
|
|
if (type == 'string') {
|
|
el = document.getElementById(el);
|
|
type = (el) ? 'element' : false;
|
|
}
|
|
if (type != 'element')return null;
|
|
if (el.htmlElement)return Garbage.collect(el);
|
|
if (['object','embed'].contains(el.tagName.toLowerCase()))return el;
|
|
$extend(el, Element.prototype);
|
|
el.htmlElement = function() {
|
|
};
|
|
return Garbage.collect(el);
|
|
}
|
|
;
|
|
document.getElementsBySelector = document.getElementsByTagName;
|
|
function $$() {
|
|
var elements = [];
|
|
for (var i = 0,j = arguments.length; i < j; i++) {
|
|
var selector = arguments[i];
|
|
switch ($type(selector)) {case'element':elements.push(selector);case'boolean':break;case false:break;case'string':selector = document.getElementsBySelector(selector, true);default:elements.extend(selector);}
|
|
}
|
|
return $$.unique(elements);
|
|
}
|
|
;
|
|
$$.unique = function(array) {
|
|
var elements = [];
|
|
for (var i = 0,l = array.length; i < l; i++) {
|
|
if (array[i].$included)continue;
|
|
var element = $(array[i]);
|
|
if (element && !element.$included) {
|
|
element.$included = true;
|
|
elements.push(element);
|
|
}
|
|
}
|
|
for (var n = 0,d = elements.length; n < d; n++)elements[n].$included = null;
|
|
return new Elements(elements);
|
|
};
|
|
Elements.Multi = function(property) {
|
|
return function() {
|
|
var args = arguments;
|
|
var items = [];
|
|
var elements = true;
|
|
for (var i = 0,j = this.length,returns; i < j; i++) {
|
|
returns = this[i][property].apply(this[i], args);
|
|
if ($type(returns) != 'element')elements = false;
|
|
items.push(returns);
|
|
}
|
|
;
|
|
return(elements) ? $$.unique(items) : items;
|
|
};
|
|
};
|
|
Element.extend = function(properties) {
|
|
for (var property in properties) {
|
|
HTMLElement.prototype[property] = properties[property];
|
|
Element.prototype[property] = properties[property];
|
|
Element[property] = $native.generic(property);
|
|
var elementsProperty = (Array.prototype[property]) ? property + 'Elements' : property;
|
|
Elements.prototype[elementsProperty] = Elements.Multi(property);
|
|
}
|
|
};
|
|
Element.extend({set:function(props) {
|
|
for (var prop in props) {
|
|
var val = props[prop];
|
|
switch (prop) {case'styles':this.setStyles(val);break;case'events':if (this.addEvents)this.addEvents(val);break;case'properties':this.setProperties(val);break;default:this.setProperty(prop, val);}
|
|
}
|
|
return this;
|
|
},inject:function(el, where) {
|
|
el = $(el);
|
|
switch (where) {case'before':el.parentNode.insertBefore(this, el);break;case'after':var next = el.getNext();if (!next)el.parentNode.appendChild(this); else el.parentNode.insertBefore(this, next);break;case'top':var first = el.firstChild;if (first) {
|
|
el.insertBefore(this, first);
|
|
break;
|
|
}
|
|
default:el.appendChild(this);}
|
|
return this;
|
|
},injectBefore:function(el) {
|
|
return this.inject(el, 'before');
|
|
},injectAfter:function(el) {
|
|
return this.inject(el, 'after');
|
|
},injectInside:function(el) {
|
|
return this.inject(el, 'bottom');
|
|
},injectTop:function(el) {
|
|
return this.inject(el, 'top');
|
|
},adopt:function() {
|
|
var elements = [];
|
|
$each(arguments, function(argument) {
|
|
elements = elements.concat(argument);
|
|
});
|
|
$$(elements).inject(this);
|
|
return this;
|
|
},remove:function() {
|
|
return this.parentNode.removeChild(this);
|
|
},clone:function(contents) {
|
|
var el = $(this.cloneNode(contents !== false));
|
|
if (!el.$events)return el;
|
|
el.$events = {};
|
|
for (var type in this.$events)el.$events[type] = {'keys':$A(this.$events[type].keys),'values':$A(this.$events[type].values)};
|
|
return el.removeEvents();
|
|
},replaceWith:function(el) {
|
|
el = $(el);
|
|
this.parentNode.replaceChild(el, this);
|
|
return el;
|
|
},appendText:function(text) {
|
|
this.appendChild(document.createTextNode(text));
|
|
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').clean();
|
|
return this;
|
|
},toggleClass:function(className) {
|
|
return this.hasClass(className) ? this.removeClass(className) : this.addClass(className);
|
|
},setStyle:function(property, value) {
|
|
switch (property) {case'opacity':return this.setOpacity(parseFloat(value));case'float':property = (window.ie) ? 'styleFloat' : 'cssFloat';}
|
|
property = property.camelCase();
|
|
switch ($type(value)) {case'number':if (!['zIndex','zoom'].contains(property))value += 'px';break;case'array':value = 'rgb(' + value.join(',') + ')';}
|
|
this.style[property] = value;
|
|
return this;
|
|
},setStyles:function(source) {
|
|
switch ($type(source)) {case'object':Element.setMany(this, 'setStyle', source);break;case'string':this.style.cssText = source;}
|
|
return this;
|
|
},setOpacity:function(opacity) {
|
|
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 (window.ie)this.style.filter = (opacity == 1) ? '' : "alpha(opacity=" + opacity * 100 + ")";
|
|
this.style.opacity = this.$tmp.opacity = opacity;
|
|
return this;
|
|
},getStyle:function(property) {
|
|
property = property.camelCase();
|
|
var result = this.style[property];
|
|
if (!$chk(result)) {
|
|
if (property == 'opacity')return this.$tmp.opacity;
|
|
result = [];
|
|
for (var style in Element.Styles) {
|
|
if (property == style) {
|
|
Element.Styles[style].each(function(s) {
|
|
var style = this.getStyle(s);
|
|
result.push(parseInt(style) ? style : '0px');
|
|
}, this);
|
|
if (property == 'border') {
|
|
var every = result.every(function(bit) {
|
|
return(bit == result[0]);
|
|
});
|
|
return(every) ? result[0] : false;
|
|
}
|
|
return result.join(' ');
|
|
}
|
|
}
|
|
if (property.contains('border')) {
|
|
if (Element.Styles.border.contains(property)) {
|
|
return['Width','Style','Color'].map(function(p) {
|
|
return this.getStyle(property + p);
|
|
}, this).join(' ');
|
|
} else if (Element.borderShort.contains(property)) {
|
|
return['Top','Right','Bottom','Left'].map(function(p) {
|
|
return this.getStyle('border' + p + property.replace('border', ''));
|
|
}, this).join(' ');
|
|
}
|
|
}
|
|
if (document.defaultView)result = document.defaultView.getComputedStyle(this, null).getPropertyValue(property.hyphenate()); else if (this.currentStyle)result = this.currentStyle[property];
|
|
}
|
|
if (window.ie)result = Element.fixStyle(property, result, this);
|
|
if (result && property.test(/color/i) && result.contains('rgb')) {
|
|
return result.split('rgb').splice(1, 4).map(function(color) {
|
|
return color.rgbToHex();
|
|
}).join(' ');
|
|
}
|
|
return result;
|
|
},getStyles:function() {
|
|
return Element.getMany(this, 'getStyle', arguments);
|
|
},walk:function(brother, start) {
|
|
brother += 'Sibling';
|
|
var el = (start) ? this[start] : this[brother];
|
|
while (el && $type(el) != 'element')el = el[brother];
|
|
return $(el);
|
|
},getPrevious:function() {
|
|
return this.walk('previous');
|
|
},getNext:function() {
|
|
return this.walk('next');
|
|
},getFirst:function() {
|
|
return this.walk('next', 'firstChild');
|
|
},getLast:function() {
|
|
return this.walk('previous', 'lastChild');
|
|
},getParent:function() {
|
|
return $(this.parentNode);
|
|
},getChildren:function() {
|
|
return $$(this.childNodes);
|
|
},hasChild:function(el) {
|
|
return!!$A(this.getElementsByTagName('*')).contains(el);
|
|
},getProperty:function(property) {
|
|
var index = Element.Properties[property];
|
|
if (index)return this[index];
|
|
var flag = Element.PropertiesIFlag[property] || 0;
|
|
if (!window.ie || flag)return this.getAttribute(property, flag);
|
|
var node = this.attributes[property];
|
|
return(node) ? node.nodeValue : null;
|
|
},removeProperty:function(property) {
|
|
var index = Element.Properties[property];
|
|
if (index)this[index] = ''; else this.removeAttribute(property);
|
|
return this;
|
|
},getProperties:function() {
|
|
return Element.getMany(this, 'getProperty', arguments);
|
|
},setProperty:function(property, value) {
|
|
var index = Element.Properties[property];
|
|
if (index)this[index] = value; else this.setAttribute(property, value);
|
|
return this;
|
|
},setProperties:function(source) {
|
|
return Element.setMany(this, 'setProperty', source);
|
|
},setHTML:function() {
|
|
this.innerHTML = $A(arguments).join('');
|
|
return this;
|
|
},setText:function(text) {
|
|
var tag = this.getTag();
|
|
if (['style','script'].contains(tag)) {
|
|
if (window.ie) {
|
|
if (tag == 'style')this.styleSheet.cssText = text; else if (tag == 'script')this.setProperty('text', text);
|
|
return this;
|
|
} else {
|
|
this.removeChild(this.firstChild);
|
|
return this.appendText(text);
|
|
}
|
|
}
|
|
this[$defined(this.innerText) ? 'innerText' : 'textContent'] = text;
|
|
return this;
|
|
},getText:function() {
|
|
var tag = this.getTag();
|
|
if (['style','script'].contains(tag)) {
|
|
if (window.ie) {
|
|
if (tag == 'style')return this.styleSheet.cssText; else if (tag == 'script')return this.getProperty('text');
|
|
} else {
|
|
return this.innerHTML;
|
|
}
|
|
}
|
|
return($pick(this.innerText, this.textContent));
|
|
},getTag:function() {
|
|
return this.tagName.toLowerCase();
|
|
},empty:function() {
|
|
Garbage.trash(this.getElementsByTagName('*'));
|
|
return this.setHTML('');
|
|
}});
|
|
Element.fixStyle = function(property, result, element) {
|
|
if ($chk(parseInt(result)))return result;
|
|
if (['height','width'].contains(property)) {
|
|
var values = (property == 'width') ? ['left','right'] : ['top','bottom'];
|
|
var size = 0;
|
|
values.each(function(value) {
|
|
size += element.getStyle('border-' + value + '-width').toInt() + element.getStyle('padding-' + value).toInt();
|
|
});
|
|
return element['offset' + property.capitalize()] - size + 'px';
|
|
} else if (property.test(/border(.+)Width|margin|padding/)) {
|
|
return'0px';
|
|
}
|
|
return result;
|
|
};
|
|
Element.Styles = {'border':[],'padding':[],'margin':[]};
|
|
['Top','Right','Bottom','Left'].each(function(direction) {
|
|
for (var style in Element.Styles)Element.Styles[style].push(style + direction);
|
|
});
|
|
Element.borderShort = ['borderWidth','borderStyle','borderColor'];
|
|
Element.getMany = function(el, method, keys) {
|
|
var result = {};
|
|
$each(keys, function(key) {
|
|
result[key] = el[method](key);
|
|
});
|
|
return result;
|
|
};
|
|
Element.setMany = function(el, method, pairs) {
|
|
for (var key in pairs)el[method](key, pairs[key]);
|
|
return el;
|
|
};
|
|
Element.Properties = new Abstract({'class':'className','for':'htmlFor','colspan':'colSpan','rowspan':'rowSpan','accesskey':'accessKey','tabindex':'tabIndex','maxlength':'maxLength','readonly':'readOnly','frameborder':'frameBorder','value':'value','disabled':'disabled','checked':'checked','multiple':'multiple','selected':'selected'});
|
|
Element.PropertiesIFlag = {'href':2,'src':2};
|
|
Element.Methods = {Listeners:{addListener:function(type, fn) {
|
|
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;
|
|
}}};
|
|
window.extend(Element.Methods.Listeners);
|
|
document.extend(Element.Methods.Listeners);
|
|
Element.extend(Element.Methods.Listeners);
|
|
var Garbage = {elements:[],collect:function(el) {
|
|
if (!el.$tmp) {
|
|
Garbage.elements.push(el);
|
|
el.$tmp = {'opacity':1};
|
|
}
|
|
return el;
|
|
},trash:function(elements) {
|
|
for (var i = 0,j = elements.length,el; i < j; i++) {
|
|
if (!(el = elements[i]) || !el.$tmp)continue;
|
|
if (el.$events)el.fireEvent('trash').removeEvents();
|
|
for (var p in el.$tmp)el.$tmp[p] = null;
|
|
for (var d in Element.prototype)el[d] = null;
|
|
Garbage.elements[Garbage.elements.indexOf(el)] = null;
|
|
el.htmlElement = el.$tmp = el = null;
|
|
}
|
|
Garbage.elements.remove(null);
|
|
},empty:function() {
|
|
Garbage.collect(window);
|
|
Garbage.collect(document);
|
|
Garbage.trash(Garbage.elements);
|
|
}};
|
|
window.addListener('beforeunload', function() {
|
|
window.addListener('unload', Garbage.empty);
|
|
if (window.ie)window.addListener('unload', CollectGarbage);
|
|
});
|
|
var Event = new Class({initialize:function(event) {
|
|
if (event && event.$extended)return event;
|
|
this.$extended = true;
|
|
event = event || window.event;
|
|
this.event = event;
|
|
this.type = event.type;
|
|
this.target = event.target || event.srcElement;
|
|
if (this.target.nodeType == 3)this.target = this.target.parentNode;
|
|
this.shift = event.shiftKey;
|
|
this.control = event.ctrlKey;
|
|
this.alt = event.altKey;
|
|
this.meta = event.metaKey;
|
|
if (['DOMMouseScroll','mousewheel'].contains(this.type)) {
|
|
this.wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
|
|
} else if (this.type.contains('key')) {
|
|
this.code = event.which || event.keyCode;
|
|
for (var name in Event.keys) {
|
|
if (Event.keys[name] == this.code) {
|
|
this.key = name;
|
|
break;
|
|
}
|
|
}
|
|
if (this.type == 'keydown') {
|
|
var fKey = this.code - 111;
|
|
if (fKey > 0 && fKey < 13)this.key = 'f' + fKey;
|
|
}
|
|
this.key = this.key || String.fromCharCode(this.code).toLowerCase();
|
|
} else if (this.type.test(/(click|mouse|menu)/)) {
|
|
this.page = {'x':event.pageX || event.clientX + document.documentElement.scrollLeft,'y':event.pageY || event.clientY + document.documentElement.scrollTop};
|
|
this.client = {'x':event.pageX ? event.pageX - window.pageXOffset : event.clientX,'y':event.pageY ? event.pageY - window.pageYOffset : event.clientY};
|
|
this.rightClick = (event.which == 3) || (event.button == 2);
|
|
switch (this.type) {case'mouseover':this.relatedTarget = event.relatedTarget || event.fromElement;break;case'mouseout':this.relatedTarget = event.relatedTarget || event.toElement;}
|
|
this.fixRelatedTarget();
|
|
}
|
|
return this;
|
|
},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;
|
|
}});
|
|
Event.fix = {relatedTarget:function() {
|
|
if (this.relatedTarget && this.relatedTarget.nodeType == 3)this.relatedTarget = this.relatedTarget.parentNode;
|
|
},relatedTargetGecko:function() {
|
|
try {
|
|
Event.fix.relatedTarget.call(this);
|
|
} catch(e) {
|
|
this.relatedTarget = this.target;
|
|
}
|
|
}};
|
|
Event.prototype.fixRelatedTarget = (window.gecko) ? Event.fix.relatedTargetGecko : Event.fix.relatedTarget;
|
|
Event.keys = new Abstract({'enter':13,'up':38,'down':40,'left':37,'right':39,'esc':27,'space':32,'backspace':8,'tab':9,'delete':46});
|
|
Element.Methods.Events = {addEvent:function(type, fn) {
|
|
this.$events = this.$events || {};
|
|
this.$events[type] = this.$events[type] || {'keys':[],'values':[]};
|
|
if (this.$events[type].keys.contains(fn))return this;
|
|
this.$events[type].keys.push(fn);
|
|
var realType = type;
|
|
var custom = Element.Events[type];
|
|
if (custom) {
|
|
if (custom.add)custom.add.call(this, fn);
|
|
if (custom.map)fn = custom.map;
|
|
if (custom.type)realType = custom.type;
|
|
}
|
|
if (!this.addEventListener)fn = fn.create({'bind':this,'event':true});
|
|
this.$events[type].values.push(fn);
|
|
return(Element.NativeEvents.contains(realType)) ? this.addListener(realType, fn) : this;
|
|
},removeEvent:function(type, fn) {
|
|
if (!this.$events || !this.$events[type])return this;
|
|
var pos = this.$events[type].keys.indexOf(fn);
|
|
if (pos == -1)return this;
|
|
var key = this.$events[type].keys.splice(pos, 1)[0];
|
|
var value = this.$events[type].values.splice(pos, 1)[0];
|
|
var custom = Element.Events[type];
|
|
if (custom) {
|
|
if (custom.remove)custom.remove.call(this, fn);
|
|
if (custom.type)type = custom.type;
|
|
}
|
|
return(Element.NativeEvents.contains(type)) ? this.removeListener(type, value) : this;
|
|
},addEvents:function(source) {
|
|
return Element.setMany(this, 'addEvent', source);
|
|
},removeEvents:function(type) {
|
|
if (!this.$events)return this;
|
|
if (!type) {
|
|
for (var evType in this.$events)this.removeEvents(evType);
|
|
this.$events = null;
|
|
} else if (this.$events[type]) {
|
|
this.$events[type].keys.each(function(fn) {
|
|
this.removeEvent(type, fn);
|
|
}, this);
|
|
this.$events[type] = null;
|
|
}
|
|
return this;
|
|
},fireEvent:function(type, args, delay) {
|
|
if (this.$events && this.$events[type]) {
|
|
this.$events[type].keys.each(function(fn) {
|
|
fn.create({'bind':this,'delay':delay,'arguments':args})();
|
|
}, this);
|
|
}
|
|
return this;
|
|
},cloneEvents:function(from, type) {
|
|
if (!from.$events)return this;
|
|
if (!type) {
|
|
for (var evType in from.$events)this.cloneEvents(from, evType);
|
|
} else if (from.$events[type]) {
|
|
from.$events[type].keys.each(function(fn) {
|
|
this.addEvent(type, fn);
|
|
}, this);
|
|
}
|
|
return this;
|
|
}};
|
|
window.extend(Element.Methods.Events);
|
|
document.extend(Element.Methods.Events);
|
|
Element.extend(Element.Methods.Events);
|
|
Element.Events = new Abstract({'mouseenter':{type:'mouseover',map:function(event) {
|
|
event = new Event(event);
|
|
if (event.relatedTarget != this && !this.hasChild(event.relatedTarget))this.fireEvent('mouseenter', event);
|
|
}},'mouseleave':{type:'mouseout',map:function(event) {
|
|
event = new Event(event);
|
|
if (event.relatedTarget != this && !this.hasChild(event.relatedTarget))this.fireEvent('mouseleave', event);
|
|
}},'mousewheel':{type:(window.gecko) ? 'DOMMouseScroll' : 'mousewheel'}});
|
|
Element.NativeEvents = ['click','dblclick','mouseup','mousedown','mousewheel','DOMMouseScroll','mouseover','mouseout','mousemove','keydown','keypress','keyup','load','unload','beforeunload','resize','move','focus','blur','change','submit','reset','select','error','abort','contextmenu','scroll'];
|
|
Function.extend({bindWithEvent:function(bind, args) {
|
|
return this.create({'bind':bind,'arguments':args,'event':Event});
|
|
}});
|
|
Elements.extend({filterByTag:function(tag) {
|
|
return new Elements(this.filter(function(el) {
|
|
return(Element.getTag(el) == tag);
|
|
}));
|
|
},filterByClass:function(className, nocash) {
|
|
var elements = this.filter(function(el) {
|
|
return(el.className && el.className.contains(className, ' '));
|
|
});
|
|
return(nocash) ? elements : new Elements(elements);
|
|
},filterById:function(id, nocash) {
|
|
var elements = this.filter(function(el) {
|
|
return(el.id == id);
|
|
});
|
|
return(nocash) ? elements : new Elements(elements);
|
|
},filterByAttribute:function(name, operator, value, nocash) {
|
|
var elements = this.filter(function(el) {
|
|
var current = Element.getProperty(el, name);
|
|
if (!current)return false;
|
|
if (!operator)return true;
|
|
switch (operator) {case'=':return(current == value);case'*=':return(current.contains(value));case'^=':return(current.substr(0, value.length) == value);case'$=':return(current.substr(current.length - value.length) == value);case'!=':return(current != value);case'~=':return current.contains(value, ' ');}
|
|
return false;
|
|
});
|
|
return(nocash) ? elements : new Elements(elements);
|
|
}});
|
|
function $E(selector, filter) {
|
|
return($(filter) || document).getElement(selector);
|
|
}
|
|
;
|
|
function $ES(selector, filter) {
|
|
return($(filter) || document).getElementsBySelector(selector);
|
|
}
|
|
;
|
|
$$.shared = {'regexp':/^(\w*|\*)(?:#([\w-]+)|\.([\w-]+))?(?:\[(\w+)(?:([!*^$]?=)["']?([^"'\]]*)["']?)?])?$/,'xpath':{getParam:function(items, context, param, i) {
|
|
var temp = [context.namespaceURI ? 'xhtml:' : '',param[1]];
|
|
if (param[2])temp.push('[@id="', param[2], '"]');
|
|
if (param[3])temp.push('[contains(concat(" ", @class, " "), " ', param[3], ' ")]');
|
|
if (param[4]) {
|
|
if (param[5] && param[6]) {
|
|
switch (param[5]) {case'*=':temp.push('[contains(@', param[4], ', "', param[6], '")]');break;case'^=':temp.push('[starts-with(@', param[4], ', "', param[6], '")]');break;case'$=':temp.push('[substring(@', param[4], ', string-length(@', param[4], ') - ', param[6].length, ' + 1) = "', param[6], '"]');break;case'=':temp.push('[@', param[4], '="', param[6], '"]');break;case'!=':temp.push('[@', param[4], '!="', param[6], '"]');}
|
|
} else {
|
|
temp.push('[@', param[4], ']');
|
|
}
|
|
}
|
|
items.push(temp.join(''));
|
|
return items;
|
|
},getItems:function(items, context, nocash) {
|
|
var elements = [];
|
|
var xpath = document.evaluate('.//' + items.join('//'), context, $$.shared.resolver, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
|
|
for (var i = 0,j = xpath.snapshotLength; i < j; i++)elements.push(xpath.snapshotItem(i));
|
|
return(nocash) ? elements : new Elements(elements.map($));
|
|
}},'normal':{getParam:function(items, context, param, i) {
|
|
if (i == 0) {
|
|
if (param[2]) {
|
|
var el = context.getElementById(param[2]);
|
|
if (!el || ((param[1] != '*') && (Element.getTag(el) != param[1])))return false;
|
|
items = [el];
|
|
} else {
|
|
items = $A(context.getElementsByTagName(param[1]));
|
|
}
|
|
} else {
|
|
items = $$.shared.getElementsByTagName(items, param[1]);
|
|
if (param[2])items = Elements.filterById(items, param[2], true);
|
|
}
|
|
if (param[3])items = Elements.filterByClass(items, param[3], true);
|
|
if (param[4])items = Elements.filterByAttribute(items, param[4], param[5], param[6], true);
|
|
return items;
|
|
},getItems:function(items, context, nocash) {
|
|
return(nocash) ? items : $$.unique(items);
|
|
}},resolver:function(prefix) {
|
|
return(prefix == 'xhtml') ? 'http://www.w3.org/1999/xhtml' : false;
|
|
},getElementsByTagName:function(context, tagName) {
|
|
var found = [];
|
|
for (var i = 0,j = context.length; i < j; i++)found.extend(context[i].getElementsByTagName(tagName));
|
|
return found;
|
|
}};
|
|
$$.shared.method = (window.xpath) ? 'xpath' : 'normal';
|
|
Element.Methods.Dom = {getElements:function(selector, nocash) {
|
|
var items = [];
|
|
selector = selector.trim().split(' ');
|
|
for (var i = 0,j = selector.length; i < j; i++) {
|
|
var sel = selector[i];
|
|
var param = sel.match($$.shared.regexp);
|
|
if (!param)break;
|
|
param[1] = param[1] || '*';
|
|
var temp = $$.shared[$$.shared.method].getParam(items, this, param, i);
|
|
if (!temp)break;
|
|
items = temp;
|
|
}
|
|
return $$.shared[$$.shared.method].getItems(items, this, nocash);
|
|
},getElement:function(selector) {
|
|
return $(this.getElements(selector, true)[0] || false);
|
|
},getElementsBySelector:function(selector, nocash) {
|
|
var elements = [];
|
|
selector = selector.split(',');
|
|
for (var i = 0,j = selector.length; i < j; i++)elements = elements.concat(this.getElements(selector[i], true));
|
|
return(nocash) ? elements : $$.unique(elements);
|
|
}};
|
|
Element.extend({getElementById:function(id) {
|
|
var el = document.getElementById(id);
|
|
if (!el)return false;
|
|
for (var parent = el.parentNode; parent != this; parent = parent.parentNode) {
|
|
if (!parent)return false;
|
|
}
|
|
return el;
|
|
},getElementsByClassName:function(className) {
|
|
return this.getElements('.' + className);
|
|
}});
|
|
document.extend(Element.Methods.Dom);
|
|
Element.extend(Element.Methods.Dom);
|
|
Element.extend({getValue:function() {
|
|
switch (this.getTag()) {case'select':var values = [];$each(this.options, function(option) {
|
|
if (option.selected)values.push($pick(option.value, option.text));
|
|
});return(this.multiple) ? values : values[0];case'input':if (!(this.checked && ['checkbox','radio'].contains(this.type)) && !['hidden','text','password'].contains(this.type))break;case'textarea':return this.value;}
|
|
return false;
|
|
},getFormElements:function() {
|
|
return $$(this.getElementsByTagName('input'), this.getElementsByTagName('select'), this.getElementsByTagName('textarea'));
|
|
},toQueryString:function() {
|
|
var queryString = [];
|
|
this.getFormElements().each(function(el) {
|
|
var name = el.name;
|
|
var value = el.getValue();
|
|
if (value === false || !name || el.disabled)return;
|
|
var qs = function(val) {
|
|
queryString.push(name + '=' + encodeURIComponent(val));
|
|
};
|
|
if ($type(value) == 'array')value.each(qs); else qs(value);
|
|
});
|
|
return queryString.join('&');
|
|
}});
|
|
Element.extend({scrollTo:function(x, y) {
|
|
this.scrollLeft = x;
|
|
this.scrollTop = y;
|
|
},getSize:function() {
|
|
return{'scroll':{'x':this.scrollLeft,'y':this.scrollTop},'size':{'x':this.offsetWidth,'y':this.offsetHeight},'scrollSize':{'x':this.scrollWidth,'y':this.scrollHeight}};
|
|
},getPosition:function(overflown) {
|
|
overflown = overflown || [];
|
|
var el = this,left = 0,top = 0;
|
|
do{
|
|
left += el.offsetLeft || 0;
|
|
top += el.offsetTop || 0;
|
|
el = el.offsetParent;
|
|
} while (el);
|
|
overflown.each(function(element) {
|
|
left -= element.scrollLeft || 0;
|
|
top -= element.scrollTop || 0;
|
|
});
|
|
return{'x':left,'y':top};
|
|
},getTop:function(overflown) {
|
|
return this.getPosition(overflown).y;
|
|
},getLeft:function(overflown) {
|
|
return this.getPosition(overflown).x;
|
|
},getCoordinates:function(overflown) {
|
|
var position = this.getPosition(overflown);
|
|
var obj = {'width':this.offsetWidth,'height':this.offsetHeight,'left':position.x,'top':position.y};
|
|
obj.right = obj.left + obj.width;
|
|
obj.bottom = obj.top + obj.height;
|
|
return obj;
|
|
}});
|
|
Element.Events.domready = {add:function(fn) {
|
|
if (window.loaded) {
|
|
fn.call(this);
|
|
return;
|
|
}
|
|
var domReady = function() {
|
|
if (window.loaded)return;
|
|
window.loaded = true;
|
|
window.timer = $clear(window.timer);
|
|
this.fireEvent('domready');
|
|
}.bind(this);
|
|
if (document.readyState && window.webkit) {
|
|
window.timer = function() {
|
|
if (['loaded','complete'].contains(document.readyState))domReady();
|
|
}.periodical(50);
|
|
} else if (document.readyState && window.ie) {
|
|
if (!$('ie_ready')) {
|
|
var src = (window.location.protocol == 'https:') ? '://0' : 'javascript:void(0)';
|
|
document.write('<script id="ie_ready" defer src="' + src + '"><\/script>');
|
|
$('ie_ready').onreadystatechange = function() {
|
|
if (this.readyState == 'complete')domReady();
|
|
};
|
|
}
|
|
} else {
|
|
window.addListener("load", domReady);
|
|
document.addListener("DOMContentLoaded", domReady);
|
|
}
|
|
}};
|
|
window.onDomReady = function(fn) {
|
|
return this.addEvent('domready', fn);
|
|
};
|
|
window.extend({getWidth:function() {
|
|
if (this.webkit419)return this.innerWidth;
|
|
return document.documentElement.clientWidth;
|
|
},getHeight:function() {
|
|
if (this.webkit419)return this.innerHeight;
|
|
return document.documentElement.clientHeight;
|
|
},getScrollWidth:function() {
|
|
if (this.ie)return Math.max(document.documentElement.offsetWidth, document.documentElement.scrollWidth);
|
|
if (this.webkit)return document.body.scrollWidth;
|
|
return document.documentElement.scrollWidth;
|
|
},getScrollHeight:function() {
|
|
if (this.ie)return Math.max(document.documentElement.offsetHeight, document.documentElement.scrollHeight);
|
|
if (this.webkit)return document.body.scrollHeight;
|
|
return document.documentElement.scrollHeight;
|
|
},getScrollLeft:function() {
|
|
return this.pageXOffset || document.documentElement.scrollLeft;
|
|
},getScrollTop:function() {
|
|
return this.pageYOffset || document.documentElement.scrollTop;
|
|
},getSize:function() {
|
|
return{'size':{'x':this.getWidth(),'y':this.getHeight()},'scrollSize':{'x':this.getScrollWidth(),'y':this.getScrollHeight()},'scroll':{'x':this.getScrollLeft(),'y':this.getScrollTop()}};
|
|
},getPosition:function() {
|
|
return{'x':0,'y':0};
|
|
}});
|
|
var Fx = {};
|
|
Fx.Base = new Class({options:{onStart:Class.empty,onComplete:Class.empty,onCancel:Class.empty,transition:function(p) {
|
|
return-(Math.cos(Math.PI * p) - 1) / 2;
|
|
},duration:500,unit:'px',wait:true,fps:50},initialize:function(options) {
|
|
this.element = this.element || null;
|
|
this.setOptions(options);
|
|
if (this.options.initialize)this.options.initialize.call(this);
|
|
},step:function() {
|
|
var time = $time();
|
|
if (time < this.time + this.options.duration) {
|
|
this.delta = this.options.transition((time - this.time) / this.options.duration);
|
|
this.setNow();
|
|
this.increase();
|
|
} else {
|
|
this.stop(true);
|
|
this.set(this.to);
|
|
this.fireEvent('onComplete', this.element, 10);
|
|
this.callChain();
|
|
}
|
|
},set:function(to) {
|
|
this.now = to;
|
|
this.increase();
|
|
return this;
|
|
},setNow:function() {
|
|
this.now = this.compute(this.from, this.to);
|
|
},compute:function(from, to) {
|
|
return(to - from) * this.delta + from;
|
|
},start:function(from, to) {
|
|
if (!this.options.wait)this.stop(); else if (this.timer)return this;
|
|
this.from = from;
|
|
this.to = to;
|
|
this.change = this.to - this.from;
|
|
this.time = $time();
|
|
this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this);
|
|
this.fireEvent('onStart', this.element);
|
|
return this;
|
|
},stop:function(end) {
|
|
if (!this.timer)return this;
|
|
this.timer = $clear(this.timer);
|
|
if (!end)this.fireEvent('onCancel', this.element);
|
|
return this;
|
|
},custom:function(from, to) {
|
|
return this.start(from, to);
|
|
},clearTimer:function(end) {
|
|
return this.stop(end);
|
|
}});
|
|
Fx.Base.implement(new Chain, new Events, new Options);
|
|
Fx.CSS = {select:function(property, to) {
|
|
if (property.test(/color/i))return this.Color;
|
|
var type = $type(to);
|
|
if ((type == 'array') || (type == 'string' && to.contains(' ')))return this.Multi;
|
|
return this.Single;
|
|
},parse:function(el, property, fromTo) {
|
|
if (!fromTo.push)fromTo = [fromTo];
|
|
var from = fromTo[0],to = fromTo[1];
|
|
if (!$chk(to)) {
|
|
to = from;
|
|
from = el.getStyle(property);
|
|
}
|
|
var css = this.select(property, to);
|
|
return{'from':css.parse(from),'to':css.parse(to),'css':css};
|
|
}};
|
|
Fx.CSS.Single = {parse:function(value) {
|
|
return parseFloat(value);
|
|
},getNow:function(from, to, fx) {
|
|
return fx.compute(from, to);
|
|
},getValue:function(value, unit, property) {
|
|
if (unit == 'px' && property != 'opacity')value = Math.round(value);
|
|
return value + unit;
|
|
}};
|
|
Fx.CSS.Multi = {parse:function(value) {
|
|
return value.push ? value : value.split(' ').map(function(v) {
|
|
return parseFloat(v);
|
|
});
|
|
},getNow:function(from, to, fx) {
|
|
var now = [];
|
|
for (var i = 0; i < from.length; i++)now[i] = fx.compute(from[i], to[i]);
|
|
return now;
|
|
},getValue:function(value, unit, property) {
|
|
if (unit == 'px' && property != 'opacity')value = value.map(Math.round);
|
|
return value.join(unit + ' ') + unit;
|
|
}};
|
|
Fx.CSS.Color = {parse:function(value) {
|
|
return value.push ? value : value.hexToRgb(true);
|
|
},getNow:function(from, to, fx) {
|
|
var now = [];
|
|
for (var i = 0; i < from.length; i++)now[i] = Math.round(fx.compute(from[i], to[i]));
|
|
return now;
|
|
},getValue:function(value) {
|
|
return'rgb(' + value.join(',') + ')';
|
|
}};
|
|
Fx.Style = Fx.Base.extend({initialize:function(el, property, options) {
|
|
this.element = $(el);
|
|
this.property = property;
|
|
this.parent(options);
|
|
},hide:function() {
|
|
return this.set(0);
|
|
},setNow:function() {
|
|
this.now = this.css.getNow(this.from, this.to, this);
|
|
},set:function(to) {
|
|
this.css = Fx.CSS.select(this.property, to);
|
|
return this.parent(this.css.parse(to));
|
|
},start:function(from, to) {
|
|
if (this.timer && this.options.wait)return this;
|
|
var parsed = Fx.CSS.parse(this.element, this.property, [from,to]);
|
|
this.css = parsed.css;
|
|
return this.parent(parsed.from, parsed.to);
|
|
},increase:function() {
|
|
this.element.setStyle(this.property, this.css.getValue(this.now, this.options.unit, this.property));
|
|
}});
|
|
Element.extend({effect:function(property, options) {
|
|
return new Fx.Style(this, property, options);
|
|
}});
|
|
Fx.Styles = Fx.Base.extend({initialize:function(el, options) {
|
|
this.element = $(el);
|
|
this.parent(options);
|
|
},setNow:function() {
|
|
for (var p in this.from)this.now[p] = this.css[p].getNow(this.from[p], this.to[p], this);
|
|
},set:function(to) {
|
|
var parsed = {};
|
|
this.css = {};
|
|
for (var p in to) {
|
|
this.css[p] = Fx.CSS.select(p, to[p]);
|
|
parsed[p] = this.css[p].parse(to[p]);
|
|
}
|
|
return this.parent(parsed);
|
|
},start:function(obj) {
|
|
if (this.timer && this.options.wait)return this;
|
|
this.now = {};
|
|
this.css = {};
|
|
var from = {},to = {};
|
|
for (var p in obj) {
|
|
var parsed = Fx.CSS.parse(this.element, p, obj[p]);
|
|
from[p] = parsed.from;
|
|
to[p] = parsed.to;
|
|
this.css[p] = parsed.css;
|
|
}
|
|
return this.parent(from, to);
|
|
},increase:function() {
|
|
for (var p in this.now)this.element.setStyle(p, this.css[p].getValue(this.now[p], this.options.unit, p));
|
|
}});
|
|
Element.extend({effects:function(options) {
|
|
return new Fx.Styles(this, options);
|
|
}});
|
|
Fx.Elements = Fx.Base.extend({initialize:function(elements, options) {
|
|
this.elements = $$(elements);
|
|
this.parent(options);
|
|
},setNow:function() {
|
|
for (var i in this.from) {
|
|
var iFrom = this.from[i],iTo = this.to[i],iCss = this.css[i],iNow = this.now[i] = {};
|
|
for (var p in iFrom)iNow[p] = iCss[p].getNow(iFrom[p], iTo[p], this);
|
|
}
|
|
},set:function(to) {
|
|
var parsed = {};
|
|
this.css = {};
|
|
for (var i in to) {
|
|
var iTo = to[i],iCss = this.css[i] = {},iParsed = parsed[i] = {};
|
|
for (var p in iTo) {
|
|
iCss[p] = Fx.CSS.select(p, iTo[p]);
|
|
iParsed[p] = iCss[p].parse(iTo[p]);
|
|
}
|
|
}
|
|
return this.parent(parsed);
|
|
},start:function(obj) {
|
|
if (this.timer && this.options.wait)return this;
|
|
this.now = {};
|
|
this.css = {};
|
|
var from = {},to = {};
|
|
for (var i in obj) {
|
|
var iProps = obj[i],iFrom = from[i] = {},iTo = to[i] = {},iCss = this.css[i] = {};
|
|
for (var p in iProps) {
|
|
var parsed = Fx.CSS.parse(this.elements[i], p, iProps[p]);
|
|
iFrom[p] = parsed.from;
|
|
iTo[p] = parsed.to;
|
|
iCss[p] = parsed.css;
|
|
}
|
|
}
|
|
return this.parent(from, to);
|
|
},increase:function() {
|
|
for (var i in this.now) {
|
|
var iNow = this.now[i],iCss = this.css[i];
|
|
for (var p in iNow)this.elements[i].setStyle(p, iCss[p].getValue(iNow[p], this.options.unit, p));
|
|
}
|
|
}});
|
|
Fx.Scroll = Fx.Base.extend({options:{overflown:[],offset:{'x':0,'y':0},wheelStops:true},initialize:function(element, options) {
|
|
this.now = [];
|
|
this.element = $(element);
|
|
this.bound = {'stop':this.stop.bind(this, false)};
|
|
this.parent(options);
|
|
if (this.options.wheelStops) {
|
|
this.addEvent('onStart', function() {
|
|
document.addEvent('mousewheel', this.bound.stop);
|
|
}.bind(this));
|
|
this.addEvent('onComplete', function() {
|
|
document.removeEvent('mousewheel', this.bound.stop);
|
|
}.bind(this));
|
|
}
|
|
},setNow:function() {
|
|
for (var i = 0; i < 2; i++)this.now[i] = this.compute(this.from[i], this.to[i]);
|
|
},scrollTo:function(x, y) {
|
|
if (this.timer && this.options.wait)return this;
|
|
var el = this.element.getSize();
|
|
var values = {'x':x,'y':y};
|
|
for (var z in el.size) {
|
|
var max = el.scrollSize[z] - el.size[z];
|
|
if ($chk(values[z]))values[z] = ($type(values[z]) == 'number') ? values[z].limit(0, max) : max; else values[z] = el.scroll[z];
|
|
values[z] += this.options.offset[z];
|
|
}
|
|
return this.start([el.scroll.x,el.scroll.y], [values.x,values.y]);
|
|
},toTop:function() {
|
|
return this.scrollTo(false, 0);
|
|
},toBottom:function() {
|
|
return this.scrollTo(false, 'full');
|
|
},toLeft:function() {
|
|
return this.scrollTo(0, false);
|
|
},toRight:function() {
|
|
return this.scrollTo('full', false);
|
|
},toElement:function(el) {
|
|
var parent = this.element.getPosition(this.options.overflown);
|
|
var target = $(el).getPosition(this.options.overflown);
|
|
return this.scrollTo(target.x - parent.x, target.y - parent.y);
|
|
},increase:function() {
|
|
this.element.scrollTo(this.now[0], this.now[1]);
|
|
}});
|
|
Fx.Slide = Fx.Base.extend({options:{mode:'vertical'},initialize:function(el, options) {
|
|
this.element = $(el);
|
|
this.wrapper = new Element('div', {'styles':$extend(this.element.getStyles('margin'), {'overflow':'hidden'})}).injectAfter(this.element).adopt(this.element);
|
|
this.element.setStyle('margin', 0);
|
|
this.setOptions(options);
|
|
this.now = [];
|
|
this.parent(this.options);
|
|
this.open = true;
|
|
this.addEvent('onComplete', function() {
|
|
this.open = (this.now[0] === 0);
|
|
});
|
|
if (window.webkit419)this.addEvent('onComplete', function() {
|
|
if (this.open)this.element.remove().inject(this.wrapper);
|
|
});
|
|
},setNow:function() {
|
|
for (var i = 0; i < 2; i++)this.now[i] = this.compute(this.from[i], this.to[i]);
|
|
},vertical:function() {
|
|
this.margin = 'margin-top';
|
|
this.layout = 'height';
|
|
this.offset = this.element.offsetHeight;
|
|
},horizontal:function() {
|
|
this.margin = 'margin-left';
|
|
this.layout = 'width';
|
|
this.offset = this.element.offsetWidth;
|
|
},slideIn:function(mode) {
|
|
this[mode || this.options.mode]();
|
|
return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()], [0,this.offset]);
|
|
},slideOut:function(mode) {
|
|
this[mode || this.options.mode]();
|
|
return this.start([this.element.getStyle(this.margin).toInt(),this.wrapper.getStyle(this.layout).toInt()], [-this.offset,0]);
|
|
},hide:function(mode) {
|
|
this[mode || this.options.mode]();
|
|
this.open = false;
|
|
return this.set([-this.offset,0]);
|
|
},show:function(mode) {
|
|
this[mode || this.options.mode]();
|
|
this.open = true;
|
|
return this.set([0,this.offset]);
|
|
},toggle:function(mode) {
|
|
if (this.wrapper.offsetHeight == 0 || this.wrapper.offsetWidth == 0)return this.slideIn(mode);
|
|
return this.slideOut(mode);
|
|
},increase:function() {
|
|
this.element.setStyle(this.margin, this.now[0] + this.options.unit);
|
|
this.wrapper.setStyle(this.layout, this.now[1] + this.options.unit);
|
|
}});
|
|
Fx.Transition = function(transition, params) {
|
|
params = params || [];
|
|
if ($type(params) != 'array')params = [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 Abstract({linear:function(p) {
|
|
return p;
|
|
}});
|
|
Fx.Transitions.extend = function(transitions) {
|
|
for (var transition in transitions) {
|
|
Fx.Transitions[transition] = new Fx.Transition(transitions[transition]);
|
|
Fx.Transitions.compat(transition);
|
|
}
|
|
};
|
|
Fx.Transitions.compat = function(transition) {
|
|
['In','Out','InOut'].each(function(easeType) {
|
|
Fx.Transitions[transition.toLowerCase() + easeType] = Fx.Transitions[transition]['ease' + easeType];
|
|
});
|
|
};
|
|
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 = -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + b * b;
|
|
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]);
|
|
});
|
|
Fx.Transitions.compat(transition);
|
|
});
|
|
var Drag = {};
|
|
Drag.Base = new Class({options:{handle:false,unit:'px',onStart:Class.empty,onBeforeStart:Class.empty,onComplete:Class.empty,onSnap:Class.empty,onDrag:Class.empty,limit:false,modifiers:{x:'left',y:'top'},grid:false,snap:6},initialize:function(el, options) {
|
|
this.setOptions(options);
|
|
this.element = $(el);
|
|
this.handle = $(this.options.handle) || this.element;
|
|
this.mouse = {'now':{},'pos':{}};
|
|
this.value = {'start':{},'now':{}};
|
|
this.bound = {'start':this.start.bindWithEvent(this),'check':this.check.bindWithEvent(this),'drag':this.drag.bindWithEvent(this),'stop':this.stop.bind(this)};
|
|
this.attach();
|
|
if (this.options.initialize)this.options.initialize.call(this);
|
|
},attach:function() {
|
|
this.handle.addEvent('mousedown', this.bound.start);
|
|
return this;
|
|
},detach:function() {
|
|
this.handle.removeEvent('mousedown', this.bound.start);
|
|
return this;
|
|
},start:function(event) {
|
|
this.fireEvent('onBeforeStart', this.element);
|
|
this.mouse.start = event.page;
|
|
var limit = this.options.limit;
|
|
this.limit = {'x':[],'y':[]};
|
|
for (var z in this.options.modifiers) {
|
|
if (!this.options.modifiers[z])continue;
|
|
this.value.now[z] = this.element.getStyle(this.options.modifiers[z]).toInt();
|
|
this.mouse.pos[z] = event.page[z] - this.value.now[z];
|
|
if (limit && limit[z]) {
|
|
for (var i = 0; i < 2; i++) {
|
|
if ($chk(limit[z][i]))this.limit[z][i] = ($type(limit[z][i]) == 'function') ? limit[z][i]() : limit[z][i];
|
|
}
|
|
}
|
|
}
|
|
if ($type(this.options.grid) == 'number')this.options.grid = {'x':this.options.grid,'y':this.options.grid};
|
|
document.addListener('mousemove', this.bound.check);
|
|
document.addListener('mouseup', this.bound.stop);
|
|
this.fireEvent('onStart', this.element);
|
|
event.stop();
|
|
},check:function(event) {
|
|
var distance = Math.round(Math.sqrt(Math.pow(event.page.x - this.mouse.start.x, 2) + Math.pow(event.page.y - this.mouse.start.y, 2)));
|
|
if (distance > this.options.snap) {
|
|
document.removeListener('mousemove', this.bound.check);
|
|
document.addListener('mousemove', this.bound.drag);
|
|
this.drag(event);
|
|
this.fireEvent('onSnap', this.element);
|
|
}
|
|
event.stop();
|
|
},drag:function(event) {
|
|
this.out = false;
|
|
this.mouse.now = event.page;
|
|
for (var z in this.options.modifiers) {
|
|
if (!this.options.modifiers[z])continue;
|
|
this.value.now[z] = this.mouse.now[z] - this.mouse.pos[z];
|
|
if (this.limit[z]) {
|
|
if ($chk(this.limit[z][1]) && (this.value.now[z] > this.limit[z][1])) {
|
|
this.value.now[z] = this.limit[z][1];
|
|
this.out = true;
|
|
} else if ($chk(this.limit[z][0]) && (this.value.now[z] < this.limit[z][0])) {
|
|
this.value.now[z] = this.limit[z][0];
|
|
this.out = true;
|
|
}
|
|
}
|
|
if (this.options.grid[z])this.value.now[z] -= (this.value.now[z] % this.options.grid[z]);
|
|
this.element.setStyle(this.options.modifiers[z], this.value.now[z] + this.options.unit);
|
|
}
|
|
this.fireEvent('onDrag', this.element);
|
|
event.stop();
|
|
},stop:function() {
|
|
document.removeListener('mousemove', this.bound.check);
|
|
document.removeListener('mousemove', this.bound.drag);
|
|
document.removeListener('mouseup', this.bound.stop);
|
|
this.fireEvent('onComplete', this.element);
|
|
}});
|
|
Drag.Base.implement(new Events, new Options);
|
|
Element.extend({makeResizable:function(options) {
|
|
return new Drag.Base(this, $merge({modifiers:{x:'width',y:'height'}}, options));
|
|
}});
|
|
Drag.Move = Drag.Base.extend({options:{droppables:[],container:false,overflown:[]},initialize:function(el, options) {
|
|
this.setOptions(options);
|
|
this.element = $(el);
|
|
this.droppables = $$(this.options.droppables);
|
|
this.container = $(this.options.container);
|
|
this.position = {'element':this.element.getStyle('position'),'container':false};
|
|
if (this.container)this.position.container = this.container.getStyle('position');
|
|
if (!['relative','absolute','fixed'].contains(this.position.element))this.position.element = 'absolute';
|
|
var top = this.element.getStyle('top').toInt();
|
|
var left = this.element.getStyle('left').toInt();
|
|
if (this.position.element == 'absolute' && !['relative','absolute','fixed'].contains(this.position.container)) {
|
|
top = $chk(top) ? top : this.element.getTop(this.options.overflown);
|
|
left = $chk(left) ? left : this.element.getLeft(this.options.overflown);
|
|
} else {
|
|
top = $chk(top) ? top : 0;
|
|
left = $chk(left) ? left : 0;
|
|
}
|
|
this.element.setStyles({'top':top,'left':left,'position':this.position.element});
|
|
this.parent(this.element);
|
|
},start:function(event) {
|
|
this.overed = null;
|
|
if (this.container) {
|
|
var cont = this.container.getCoordinates();
|
|
var el = this.element.getCoordinates();
|
|
if (this.position.element == 'absolute' && !['relative','absolute','fixed'].contains(this.position.container)) {
|
|
this.options.limit = {'x':[cont.left,cont.right - el.width],'y':[cont.top,cont.bottom - el.height]};
|
|
} else {
|
|
this.options.limit = {'y':[0,cont.height - el.height],'x':[0,cont.width - el.width]};
|
|
}
|
|
}
|
|
this.parent(event);
|
|
},drag:function(event) {
|
|
this.parent(event);
|
|
var overed = this.out ? false : this.droppables.filter(this.checkAgainst, this).getLast();
|
|
if (this.overed != overed) {
|
|
if (this.overed)this.overed.fireEvent('leave', [this.element,this]);
|
|
this.overed = overed ? overed.fireEvent('over', [this.element,this]) : null;
|
|
}
|
|
return this;
|
|
},checkAgainst:function(el) {
|
|
el = el.getCoordinates(this.options.overflown);
|
|
var now = this.mouse.now;
|
|
return(now.x > el.left && now.x < el.right && now.y < el.bottom && now.y > el.top);
|
|
},stop:function() {
|
|
if (this.overed && !this.out)this.overed.fireEvent('drop', [this.element,this]); else this.element.fireEvent('emptydrop', this);
|
|
this.parent();
|
|
return this;
|
|
}});
|
|
Element.extend({makeDraggable:function(options) {
|
|
return new Drag.Move(this, options);
|
|
}});
|
|
var XHR = new Class({options:{method:'post',async:true,onRequest:Class.empty,onSuccess:Class.empty,onFailure:Class.empty,urlEncoded:true,encoding:'utf-8',autoCancel:false,headers:{}},setTransport:function() {
|
|
this.transport = (window.XMLHttpRequest) ? new XMLHttpRequest() : (window.ie ? new ActiveXObject('Microsoft.XMLHTTP') : false);
|
|
return this;
|
|
},initialize:function(options) {
|
|
this.setTransport().setOptions(options);
|
|
this.options.isSuccess = this.options.isSuccess || this.isSuccess;
|
|
this.headers = {};
|
|
if (this.options.urlEncoded && this.options.method == 'post') {
|
|
var encoding = (this.options.encoding) ? '; charset=' + this.options.encoding : '';
|
|
this.setHeader('Content-type', 'application/x-www-form-urlencoded' + encoding);
|
|
}
|
|
if (this.options.initialize)this.options.initialize.call(this);
|
|
},onStateChange:function() {
|
|
if (this.transport.readyState != 4 || !this.running)return;
|
|
this.running = false;
|
|
var status = 0;
|
|
try {
|
|
status = this.transport.status;
|
|
} catch(e) {
|
|
}
|
|
;
|
|
if (this.options.isSuccess.call(this, status))this.onSuccess(); else this.onFailure();
|
|
this.transport.onreadystatechange = Class.empty;
|
|
},isSuccess:function(status) {
|
|
return((status >= 200) && (status < 300));
|
|
},onSuccess:function() {
|
|
this.response = {'text':this.transport.responseText,'xml':this.transport.responseXML};
|
|
this.fireEvent('onSuccess', [this.response.text,this.response.xml]);
|
|
this.callChain();
|
|
},onFailure:function() {
|
|
this.fireEvent('onFailure', this.transport);
|
|
},setHeader:function(name, value) {
|
|
this.headers[name] = value;
|
|
return this;
|
|
},send:function(url, data) {
|
|
if (this.options.autoCancel)this.cancel(); else if (this.running)return this;
|
|
this.running = true;
|
|
if (data && this.options.method == 'get') {
|
|
url = url + (url.contains('?') ? '&' : '?') + data;
|
|
data = null;
|
|
}
|
|
this.transport.open(this.options.method.toUpperCase(), url, this.options.async);
|
|
this.transport.onreadystatechange = this.onStateChange.bind(this);
|
|
if ((this.options.method == 'post') && this.transport.overrideMimeType)this.setHeader('Connection', 'close');
|
|
$extend(this.headers, this.options.headers);
|
|
for (var type in this.headers)try {
|
|
this.transport.setRequestHeader(type, this.headers[type]);
|
|
} catch(e) {
|
|
}
|
|
;
|
|
this.fireEvent('onRequest');
|
|
this.transport.send($pick(data, null));
|
|
return this;
|
|
},cancel:function() {
|
|
if (!this.running)return this;
|
|
this.running = false;
|
|
this.transport.abort();
|
|
this.transport.onreadystatechange = Class.empty;
|
|
this.setTransport();
|
|
this.fireEvent('onCancel');
|
|
return this;
|
|
}});
|
|
XHR.implement(new Chain, new Events, new Options);
|
|
var Ajax = XHR.extend({options:{data:null,update:null,onComplete:Class.empty,evalScripts:false,evalResponse:false},initialize:function(url, options) {
|
|
this.addEvent('onSuccess', this.onComplete);
|
|
this.setOptions(options);
|
|
this.options.data = this.options.data || this.options.postBody;
|
|
if (!['post','get'].contains(this.options.method)) {
|
|
this._method = '_method=' + this.options.method;
|
|
this.options.method = 'post';
|
|
}
|
|
this.parent();
|
|
this.setHeader('X-Requested-With', 'XMLHttpRequest');
|
|
this.setHeader('Accept', 'text/javascript, text/html, application/xml, text/xml, */*');
|
|
this.url = url;
|
|
},onComplete:function() {
|
|
if (this.options.update)$(this.options.update).empty().setHTML(this.response.text);
|
|
if (this.options.evalScripts || this.options.evalResponse)this.evalScripts();
|
|
this.fireEvent('onComplete', [this.response.text,this.response.xml], 20);
|
|
},request:function(data) {
|
|
data = data || this.options.data;
|
|
switch ($type(data)) {case'element':data = $(data).toQueryString();break;case'object':data = Object.toQueryString(data);}
|
|
if (this._method)data = (data) ? [this._method,data].join('&') : this._method;
|
|
return this.send(this.url, data);
|
|
},evalScripts:function() {
|
|
var script,scripts;
|
|
if (this.options.evalResponse || (/(ecma|java)script/).test(this.getHeader('Content-type')))scripts = this.response.text; else {
|
|
scripts = [];
|
|
var regexp = /<script[^>]*>([\s\S]*?)<\/script>/gi;
|
|
while ((script = regexp.exec(this.response.text)))scripts.push(script[1]);
|
|
scripts = scripts.join('\n');
|
|
}
|
|
if (scripts)(window.execScript) ? window.execScript(scripts) : window.setTimeout(scripts, 0);
|
|
},getHeader:function(name) {
|
|
try {
|
|
return this.transport.getResponseHeader(name);
|
|
} catch(e) {
|
|
}
|
|
;
|
|
return null;
|
|
}});
|
|
Object.toQueryString = function(source) {
|
|
var queryString = [];
|
|
for (var property in source)queryString.push(encodeURIComponent(property) + '=' + encodeURIComponent(source[property]));
|
|
return queryString.join('&');
|
|
};
|
|
Element.extend({send:function(options) {
|
|
return new Ajax(this.getProperty('action'), $merge({data:this.toQueryString()}, options, {method:'post'})).request();
|
|
}});
|
|
var Cookie = new Abstract({options:{domain:false,path:false,duration:false,secure:false},set:function(key, value, options) {
|
|
options = $merge(this.options, options);
|
|
value = encodeURIComponent(value);
|
|
if (options.domain)value += '; domain=' + options.domain;
|
|
if (options.path)value += '; path=' + options.path;
|
|
if (options.duration) {
|
|
var date = new Date();
|
|
date.setTime(date.getTime() + options.duration * 24 * 60 * 60 * 1000);
|
|
value += '; expires=' + date.toGMTString();
|
|
}
|
|
if (options.secure)value += '; secure';
|
|
document.cookie = key + '=' + value;
|
|
return $extend(options, {'key':key,'value':value});
|
|
},get:function(key) {
|
|
var value = document.cookie.match('(?:^|;)\\s*' + key.escapeRegExp() + '=([^;]*)');
|
|
return value ? decodeURIComponent(value[1]) : false;
|
|
},remove:function(cookie, options) {
|
|
if ($type(cookie) == 'object')this.set(cookie.key, '', $merge(cookie, {duration:-1})); else this.set(cookie, '', $merge(options, {duration:-1}));
|
|
}});
|
|
var Json = {toString:function(obj) {
|
|
switch ($type(obj)) {case'string':return'"' + obj.replace(/(["\\])/g, '\\$1') + '"';case'array':return'[' + obj.map(Json.toString).join(',') + ']';case'object':var string = [];for (var property in obj)string.push(Json.toString(property) + ':' + Json.toString(obj[property]));return'{' + string.join(',') + '}';case'number':if (isFinite(obj))break;case false:return'null';}
|
|
return String(obj);
|
|
},evaluate:function(str, secure) {
|
|
return(($type(str) != 'string') || (secure && !str.test(/^("(\\.|[^"\\\n\r])*?"|[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t])+?$/))) ? null : eval('(' + str + ')');
|
|
}};
|
|
Json.Remote = XHR.extend({initialize:function(url, options) {
|
|
this.url = url;
|
|
this.addEvent('onSuccess', this.onComplete);
|
|
this.parent(options);
|
|
this.setHeader('X-Request', 'JSON');
|
|
},send:function(obj) {
|
|
return this.parent(this.url, 'json=' + Json.toString(obj));
|
|
},onComplete:function() {
|
|
this.fireEvent('onComplete', [Json.evaluate(this.response.text, this.options.secure)]);
|
|
}});
|
|
var Asset = new Abstract({javascript:function(source, properties) {
|
|
properties = $merge({'onload':Class.empty}, properties);
|
|
var script = new Element('script', {'src':source}).addEvents({'load':properties.onload,'readystatechange':function() {
|
|
if (this.readyState == 'complete')this.fireEvent('load');
|
|
}});
|
|
delete properties.onload;
|
|
return script.setProperties(properties).inject(document.head);
|
|
},css:function(source, properties) {
|
|
return new Element('link', $merge({'rel':'stylesheet','media':'screen','type':'text/css','href':source}, properties)).inject(document.head);
|
|
},image:function(source, properties) {
|
|
properties = $merge({'onload':Class.empty,'onabort':Class.empty,'onerror':Class.empty}, properties);
|
|
var image = new Image();
|
|
image.src = source;
|
|
var element = new Element('img', {'src':source});
|
|
['load','abort','error'].each(function(type) {
|
|
var event = properties['on' + type];
|
|
delete properties['on' + type];
|
|
element.addEvent(type, function() {
|
|
this.removeEvent(type, arguments.callee);
|
|
event.call(this);
|
|
});
|
|
});
|
|
if (image.width && image.height)element.fireEvent('load', element, 1);
|
|
return element.setProperties(properties);
|
|
},images:function(sources, options) {
|
|
options = $merge({onComplete:Class.empty,onProgress:Class.empty}, options);
|
|
if (!sources.push)sources = [sources];
|
|
var images = [];
|
|
var counter = 0;
|
|
sources.each(function(source) {
|
|
var img = new Asset.image(source, {'onload':function() {
|
|
options.onProgress.call(this, counter);
|
|
counter++;
|
|
if (counter == sources.length)options.onComplete();
|
|
}});
|
|
images.push(img);
|
|
});
|
|
return new Elements(images);
|
|
}});
|
|
var Hash = new Class({length:0,initialize:function(object) {
|
|
this.obj = object || {};
|
|
this.setLength();
|
|
},get:function(key) {
|
|
return(this.hasKey(key)) ? this.obj[key] : null;
|
|
},hasKey:function(key) {
|
|
return(key in this.obj);
|
|
},set:function(key, value) {
|
|
if (!this.hasKey(key))this.length++;
|
|
this.obj[key] = value;
|
|
return this;
|
|
},setLength:function() {
|
|
this.length = 0;
|
|
for (var p in this.obj)this.length++;
|
|
return this;
|
|
},remove:function(key) {
|
|
if (this.hasKey(key)) {
|
|
delete this.obj[key];
|
|
this.length--;
|
|
}
|
|
return this;
|
|
},each:function(fn, bind) {
|
|
$each(this.obj, fn, bind);
|
|
},extend:function(obj) {
|
|
$extend(this.obj, obj);
|
|
return this.setLength();
|
|
},merge:function() {
|
|
this.obj = $merge.apply(null, [this.obj].extend(arguments));
|
|
return this.setLength();
|
|
},empty:function() {
|
|
this.obj = {};
|
|
this.length = 0;
|
|
return this;
|
|
},keys:function() {
|
|
var keys = [];
|
|
for (var property in this.obj)keys.push(property);
|
|
return keys;
|
|
},values:function() {
|
|
var values = [];
|
|
for (var property in this.obj)values.push(this.obj[property]);
|
|
return values;
|
|
}});
|
|
function $H(obj) {
|
|
return new Hash(obj);
|
|
}
|
|
;
|
|
Hash.Cookie = Hash.extend({initialize:function(name, options) {
|
|
this.name = name;
|
|
this.options = $extend({'autoSave':true}, options || {});
|
|
this.load();
|
|
},save:function() {
|
|
if (this.length == 0) {
|
|
Cookie.remove(this.name, this.options);
|
|
return true;
|
|
}
|
|
var str = Json.toString(this.obj);
|
|
if (str.length > 4096)return false;
|
|
Cookie.set(this.name, str, this.options);
|
|
return true;
|
|
},load:function() {
|
|
this.obj = Json.evaluate(Cookie.get(this.name), true) || {};
|
|
this.setLength();
|
|
}});
|
|
Hash.Cookie.Methods = {};
|
|
['extend','set','merge','empty','remove'].each(function(method) {
|
|
Hash.Cookie.Methods[method] = function() {
|
|
Hash.prototype[method].apply(this, arguments);
|
|
if (this.options.autoSave)this.save();
|
|
return this;
|
|
};
|
|
});
|
|
Hash.Cookie.implement(Hash.Cookie.Methods);
|
|
var Color = new Class({initialize:function(color, type) {
|
|
type = type || (color.push ? 'rgb' : 'hex');
|
|
var rgb,hsb;
|
|
switch (type) {case'rgb':rgb = color;hsb = rgb.rgbToHsb();break;case'hsb':rgb = color.hsbToRgb();hsb = color;break;default:rgb = color.hexToRgb(true);hsb = rgb.rgbToHsb();}
|
|
rgb.hsb = hsb;
|
|
rgb.hex = rgb.rgbToHex();
|
|
return $extend(rgb, Color.prototype);
|
|
},mix:function() {
|
|
var colors = $A(arguments);
|
|
var alpha = ($type(colors[colors.length - 1]) == 'number') ? colors.pop() : 50;
|
|
var rgb = this.copy();
|
|
colors.each(function(color) {
|
|
color = new Color(color);
|
|
for (var i = 0; i < 3; i++)rgb[i] = Math.round((rgb[i] / 100 * (100 - alpha)) + (color[i] / 100 * alpha));
|
|
});
|
|
return new Color(rgb, 'rgb');
|
|
},invert:function() {
|
|
return new Color(this.map(function(value) {
|
|
return 255 - value;
|
|
}));
|
|
},setHue:function(value) {
|
|
return new Color([value,this.hsb[1],this.hsb[2]], 'hsb');
|
|
},setSaturation:function(percent) {
|
|
return new Color([this.hsb[0],percent,this.hsb[2]], 'hsb');
|
|
},setBrightness:function(percent) {
|
|
return new Color([this.hsb[0],this.hsb[1],percent], 'hsb');
|
|
}});
|
|
function $RGB(r, g, b) {
|
|
return new Color([r,g,b], 'rgb');
|
|
}
|
|
;
|
|
function $HSB(h, s, b) {
|
|
return new Color([h,s,b], 'hsb');
|
|
}
|
|
;
|
|
Array.extend({rgbToHsb:function() {
|
|
var red = this[0],green = this[1],blue = this[2];
|
|
var hue,saturation,brightness;
|
|
var max = Math.max(red, green, blue),min = Math.min(red, green, blue);
|
|
var delta = max - min;
|
|
brightness = max / 255;
|
|
saturation = (max != 0) ? delta / max : 0;
|
|
if (saturation == 0) {
|
|
hue = 0;
|
|
} else {
|
|
var rr = (max - red) / delta;
|
|
var gr = (max - green) / delta;
|
|
var br = (max - blue) / delta;
|
|
if (red == max)hue = br - gr; else if (green == max)hue = 2 + rr - br; else hue = 4 + gr - rr;
|
|
hue /= 6;
|
|
if (hue < 0)hue++;
|
|
}
|
|
return[Math.round(hue * 360),Math.round(saturation * 100),Math.round(brightness * 100)];
|
|
},hsbToRgb:function() {
|
|
var br = Math.round(this[2] / 100 * 255);
|
|
if (this[1] == 0) {
|
|
return[br,br,br];
|
|
} else {
|
|
var hue = this[0] % 360;
|
|
var f = hue % 60;
|
|
var p = Math.round((this[2] * (100 - this[1])) / 10000 * 255);
|
|
var q = Math.round((this[2] * (6000 - this[1] * f)) / 600000 * 255);
|
|
var t = Math.round((this[2] * (6000 - this[1] * (60 - f))) / 600000 * 255);
|
|
switch (Math.floor(hue / 60)) {case 0:return[br,t,p];case 1:return[q,br,p];case 2:return[p,br,t];case 3:return[p,q,br];case 4:return[t,p,br];case 5:return[br,p,q];}
|
|
}
|
|
return false;
|
|
}});
|
|
var Scroller = new Class({options:{area:20,velocity:1,onChange:function(x, y) {
|
|
this.element.scrollTo(x, y);
|
|
}},initialize:function(element, options) {
|
|
this.setOptions(options);
|
|
this.element = $(element);
|
|
this.mousemover = ([window,document].contains(element)) ? $(document.body) : this.element;
|
|
},start:function() {
|
|
this.coord = this.getCoords.bindWithEvent(this);
|
|
this.mousemover.addListener('mousemove', this.coord);
|
|
},stop:function() {
|
|
this.mousemover.removeListener('mousemove', this.coord);
|
|
this.timer = $clear(this.timer);
|
|
},getCoords:function(event) {
|
|
this.page = (this.element == window) ? event.client : event.page;
|
|
if (!this.timer)this.timer = this.scroll.periodical(50, this);
|
|
},scroll:function() {
|
|
var el = this.element.getSize();
|
|
var pos = this.element.getPosition();
|
|
var change = {'x':0,'y':0};
|
|
for (var z in this.page) {
|
|
if (this.page[z] < (this.options.area + pos[z]) && el.scroll[z] != 0)
|
|
change[z] = (this.page[z] - this.options.area - pos[z]) * this.options.velocity; else if (this.page[z] + this.options.area > (el.size[z] + pos[z]) && el.scroll[z] + el.size[z] != el.scrollSize[z])
|
|
change[z] = (this.page[z] - el.size[z] + this.options.area - pos[z]) * this.options.velocity;
|
|
}
|
|
if (change.y || change.x)this.fireEvent('onChange', [el.scroll.x + change.x,el.scroll.y + change.y]);
|
|
}});
|
|
Scroller.implement(new Events, new Options);
|
|
var Slider = new Class({options:{onChange:Class.empty,onComplete:Class.empty,onTick:function(pos) {
|
|
this.knob.setStyle(this.p, pos);
|
|
},mode:'horizontal',steps:100,offset:0},initialize:function(el, knob, options) {
|
|
this.element = $(el);
|
|
this.knob = $(knob);
|
|
this.setOptions(options);
|
|
this.previousChange = -1;
|
|
this.previousEnd = -1;
|
|
this.step = -1;
|
|
this.element.addEvent('mousedown', this.clickedElement.bindWithEvent(this));
|
|
var mod,offset;
|
|
switch (this.options.mode) {case'horizontal':this.z = 'x';this.p = 'left';mod = {'x':'left','y':false};offset = 'offsetWidth';break;case'vertical':this.z = 'y';this.p = 'top';mod = {'x':false,'y':'top'};offset = 'offsetHeight';}
|
|
this.max = this.element[offset] - this.knob[offset] + (this.options.offset * 2);
|
|
this.half = this.knob[offset] / 2;
|
|
this.getPos = this.element['get' + this.p.capitalize()].bind(this.element);
|
|
this.knob.setStyle('position', 'relative').setStyle(this.p, -this.options.offset);
|
|
var lim = {};
|
|
lim[this.z] = [-this.options.offset,this.max - this.options.offset];
|
|
this.drag = new Drag.Base(this.knob, {limit:lim,modifiers:mod,snap:0,onStart:function() {
|
|
this.draggedKnob();
|
|
}.bind(this),onDrag:function() {
|
|
this.draggedKnob();
|
|
}.bind(this),onComplete:function() {
|
|
this.draggedKnob();
|
|
this.end();
|
|
}.bind(this)});
|
|
if (this.options.initialize)this.options.initialize.call(this);
|
|
},set:function(step) {
|
|
this.step = step.limit(0, this.options.steps);
|
|
this.checkStep();
|
|
this.end();
|
|
this.fireEvent('onTick', this.toPosition(this.step));
|
|
return this;
|
|
},clickedElement:function(event) {
|
|
var position = event.page[this.z] - this.getPos() - this.half;
|
|
position = position.limit(-this.options.offset, this.max - this.options.offset);
|
|
this.step = this.toStep(position);
|
|
this.checkStep();
|
|
this.end();
|
|
this.fireEvent('onTick', position);
|
|
},draggedKnob:function() {
|
|
this.step = this.toStep(this.drag.value.now[this.z]);
|
|
this.checkStep();
|
|
},checkStep:function() {
|
|
if (this.previousChange != this.step) {
|
|
this.previousChange = this.step;
|
|
this.fireEvent('onChange', this.step);
|
|
}
|
|
},end:function() {
|
|
if (this.previousEnd !== this.step) {
|
|
this.previousEnd = this.step;
|
|
this.fireEvent('onComplete', this.step + '');
|
|
}
|
|
},toStep:function(position) {
|
|
return Math.round((position + this.options.offset) / this.max * this.options.steps);
|
|
},toPosition:function(step) {
|
|
return this.max * step / this.options.steps;
|
|
}});
|
|
Slider.implement(new Events);
|
|
Slider.implement(new Options);
|
|
var SmoothScroll = Fx.Scroll.extend({initialize:function(options) {
|
|
this.parent(window, options);
|
|
this.links = (this.options.links) ? $$(this.options.links) : $$(document.links);
|
|
var location = window.location.href.match(/^[^#]*/)[0] + '#';
|
|
this.links.each(function(link) {
|
|
if (link.href.indexOf(location) != 0)return;
|
|
var anchor = link.href.substr(location.length);
|
|
if (anchor && $(anchor))this.useLink(link, anchor);
|
|
}, this);
|
|
if (!window.webkit419)this.addEvent('onComplete', function() {
|
|
window.location.hash = this.anchor;
|
|
});
|
|
},useLink:function(link, anchor) {
|
|
link.addEvent('click', function(event) {
|
|
this.anchor = anchor;
|
|
this.toElement(anchor);
|
|
event.stop();
|
|
}.bindWithEvent(this));
|
|
}});
|
|
var Sortables = new Class({options:{handles:false,onStart:Class.empty,onComplete:Class.empty,ghost:true,snap:3,onDragStart:function(element, ghost) {
|
|
ghost.setStyle('opacity', 0.7);
|
|
element.setStyle('opacity', 0.7);
|
|
},onDragComplete:function(element, ghost) {
|
|
element.setStyle('opacity', 1);
|
|
ghost.remove();
|
|
this.trash.remove();
|
|
}},initialize:function(list, options) {
|
|
this.setOptions(options);
|
|
this.list = $(list);
|
|
this.elements = this.list.getChildren();
|
|
this.handles = (this.options.handles) ? $$(this.options.handles) : this.elements;
|
|
this.bound = {'start':[],'moveGhost':this.moveGhost.bindWithEvent(this)};
|
|
for (var i = 0,l = this.handles.length; i < l; i++) {
|
|
this.bound.start[i] = this.start.bindWithEvent(this, this.elements[i]);
|
|
}
|
|
this.attach();
|
|
if (this.options.initialize)this.options.initialize.call(this);
|
|
this.bound.move = this.move.bindWithEvent(this);
|
|
this.bound.end = this.end.bind(this);
|
|
},attach:function() {
|
|
this.handles.each(function(handle, i) {
|
|
handle.addEvent('mousedown', this.bound.start[i]);
|
|
}, this);
|
|
},detach:function() {
|
|
this.handles.each(function(handle, i) {
|
|
handle.removeEvent('mousedown', this.bound.start[i]);
|
|
}, this);
|
|
},start:function(event, el) {
|
|
this.active = el;
|
|
this.coordinates = this.list.getCoordinates();
|
|
if (this.options.ghost) {
|
|
var position = el.getPosition();
|
|
this.offset = event.page.y - position.y;
|
|
this.trash = new Element('div').inject(document.body);
|
|
this.ghost = el.clone().inject(this.trash).setStyles({'position':'absolute','left':position.x,'top':event.page.y - this.offset});
|
|
document.addListener('mousemove', this.bound.moveGhost);
|
|
this.fireEvent('onDragStart', [el,this.ghost]);
|
|
}
|
|
document.addListener('mousemove', this.bound.move);
|
|
document.addListener('mouseup', this.bound.end);
|
|
this.fireEvent('onStart', el);
|
|
event.stop();
|
|
},moveGhost:function(event) {
|
|
var value = event.page.y - this.offset;
|
|
value = value.limit(this.coordinates.top, this.coordinates.bottom - this.ghost.offsetHeight);
|
|
this.ghost.setStyle('top', value);
|
|
event.stop();
|
|
},move:function(event) {
|
|
var now = event.page.y;
|
|
this.previous = this.previous || now;
|
|
var up = ((this.previous - now) > 0);
|
|
var prev = this.active.getPrevious();
|
|
var next = this.active.getNext();
|
|
if (prev && up && now < prev.getCoordinates().bottom)this.active.injectBefore(prev);
|
|
if (next && !up && now > next.getCoordinates().top)this.active.injectAfter(next);
|
|
this.previous = now;
|
|
},serialize:function(converter) {
|
|
return this.list.getChildren().map(converter || function(el) {
|
|
return this.elements.indexOf(el);
|
|
}, this);
|
|
},end:function() {
|
|
this.previous = null;
|
|
document.removeListener('mousemove', this.bound.move);
|
|
document.removeListener('mouseup', this.bound.end);
|
|
if (this.options.ghost) {
|
|
document.removeListener('mousemove', this.bound.moveGhost);
|
|
this.fireEvent('onDragComplete', [this.active,this.ghost]);
|
|
}
|
|
this.fireEvent('onComplete', this.active);
|
|
}});
|
|
Sortables.implement(new Events, new Options);
|
|
var Tips = new Class({options:{onShow:function(tip) {
|
|
tip.setStyle('visibility', 'visible');
|
|
},onHide:function(tip) {
|
|
tip.setStyle('visibility', 'hidden');
|
|
},maxTitleChars:30,showDelay:100,hideDelay:100,className:'tool',offsets:{'x':16,'y':16},fixed:false},initialize:function(elements, options) {
|
|
this.setOptions(options);
|
|
this.toolTip = new Element('div', {'class':this.options.className + '-tip','styles':{'position':'absolute','top':'0','left':'0','visibility':'hidden'}}).inject(document.body);
|
|
this.wrapper = new Element('div').inject(this.toolTip);
|
|
$$(elements).each(this.build, this);
|
|
if (this.options.initialize)this.options.initialize.call(this);
|
|
},build:function(el) {
|
|
el.$tmp.myTitle = (el.href && el.getTag() == 'a') ? el.href.replace('http://', '') : (el.rel || false);
|
|
if (el.title) {
|
|
var dual = el.title.split('::');
|
|
if (dual.length > 1) {
|
|
el.$tmp.myTitle = dual[0].trim();
|
|
el.$tmp.myText = dual[1].trim();
|
|
} else {
|
|
el.$tmp.myText = el.title;
|
|
}
|
|
el.removeAttribute('title');
|
|
} else {
|
|
el.$tmp.myText = false;
|
|
}
|
|
if (el.$tmp.myTitle && el.$tmp.myTitle.length > this.options.maxTitleChars)el.$tmp.myTitle = el.$tmp.myTitle.substr(0, this.options.maxTitleChars - 1) + "…";
|
|
el.addEvent('mouseenter', function(event) {
|
|
this.start(el);
|
|
if (!this.options.fixed)this.locate(event); else this.position(el);
|
|
}.bind(this));
|
|
if (!this.options.fixed)el.addEvent('mousemove', this.locate.bindWithEvent(this));
|
|
var end = this.end.bind(this);
|
|
el.addEvent('mouseleave', end);
|
|
el.addEvent('trash', end);
|
|
},start:function(el) {
|
|
this.wrapper.empty();
|
|
if (el.$tmp.myTitle) {
|
|
this.title = new Element('span').inject(new Element('div', {'class':this.options.className + '-title'}).inject(this.wrapper)).setHTML(el.$tmp.myTitle);
|
|
}
|
|
if (el.$tmp.myText) {
|
|
this.text = new Element('span').inject(new Element('div', {'class':this.options.className + '-text'}).inject(this.wrapper)).setHTML(el.$tmp.myText);
|
|
}
|
|
$clear(this.timer);
|
|
this.timer = this.show.delay(this.options.showDelay, this);
|
|
},end:function(event) {
|
|
$clear(this.timer);
|
|
this.timer = this.hide.delay(this.options.hideDelay, this);
|
|
},position:function(element) {
|
|
var pos = element.getPosition();
|
|
this.toolTip.setStyles({'left':pos.x + this.options.offsets.x,'top':pos.y + this.options.offsets.y});
|
|
},locate:function(event) {
|
|
var win = {'x':window.getWidth(),'y':window.getHeight()};
|
|
var scroll = {'x':window.getScrollLeft(),'y':window.getScrollTop()};
|
|
var tip = {'x':this.toolTip.offsetWidth,'y':this.toolTip.offsetHeight};
|
|
var prop = {'x':'left','y':'top'};
|
|
for (var z in prop) {
|
|
var pos = event.page[z] + this.options.offsets[z];
|
|
if ((pos + tip[z] - scroll[z]) > win[z])pos = event.page[z] - this.options.offsets[z] - tip[z];
|
|
this.toolTip.setStyle(prop[z], pos);
|
|
}
|
|
;
|
|
},show:function() {
|
|
if (this.options.timeout)this.timer = this.hide.delay(this.options.timeout, this);
|
|
this.fireEvent('onShow', [this.toolTip]);
|
|
},hide:function() {
|
|
this.fireEvent('onHide', [this.toolTip]);
|
|
}});
|
|
Tips.implement(new Events, new Options);
|
|
var Group = new Class({initialize:function() {
|
|
this.instances = $A(arguments);
|
|
this.events = {};
|
|
this.checker = {};
|
|
},addEvent:function(type, fn) {
|
|
this.checker[type] = this.checker[type] || {};
|
|
this.events[type] = this.events[type] || [];
|
|
if (this.events[type].contains(fn))return false; else this.events[type].push(fn);
|
|
this.instances.each(function(instance, i) {
|
|
instance.addEvent(type, this.check.bind(this, [type,instance,i]));
|
|
}, this);
|
|
return this;
|
|
},check:function(type, instance, i) {
|
|
this.checker[type][i] = true;
|
|
var every = this.instances.every(function(current, j) {
|
|
return this.checker[type][j] || false;
|
|
}, this);
|
|
if (!every)return;
|
|
this.checker[type] = {};
|
|
this.events[type].each(function(event) {
|
|
event.call(this, this.instances, instance);
|
|
}, this);
|
|
}});
|
|
var Accordion = Fx.Elements.extend({options:{onActive:Class.empty,onBackground:Class.empty,display:0,show:false,height:true,width:false,opacity:true,fixedHeight:false,fixedWidth:false,wait:false,alwaysHide:false},initialize:function() {
|
|
var options,togglers,elements,container;
|
|
$each(arguments, function(argument, i) {
|
|
switch ($type(argument)) {case'object':options = argument;break;case'element':container = $(argument);break;default:var temp = $$(argument);if (!togglers)togglers = temp; else elements = temp;}
|
|
});
|
|
this.togglers = togglers || [];
|
|
this.elements = elements || [];
|
|
this.container = $(container);
|
|
this.setOptions(options);
|
|
this.previous = -1;
|
|
if (this.options.alwaysHide)this.options.wait = true;
|
|
if ($chk(this.options.show)) {
|
|
this.options.display = false;
|
|
this.previous = this.options.show;
|
|
}
|
|
if (this.options.start) {
|
|
this.options.display = false;
|
|
this.options.show = false;
|
|
}
|
|
this.effects = {};
|
|
if (this.options.opacity)this.effects.opacity = 'fullOpacity';
|
|
if (this.options.width)this.effects.width = this.options.fixedWidth ? 'fullWidth' : 'offsetWidth';
|
|
if (this.options.height)this.effects.height = this.options.fixedHeight ? 'fullHeight' : 'scrollHeight';
|
|
for (var i = 0,l = this.togglers.length; i < l; i++)this.addSection(this.togglers[i], this.elements[i]);
|
|
this.elements.each(function(el, i) {
|
|
if (this.options.show === i) {
|
|
this.fireEvent('onActive', [this.togglers[i],el]);
|
|
} else {
|
|
for (var fx in this.effects)el.setStyle(fx, 0);
|
|
}
|
|
}, this);
|
|
this.parent(this.elements);
|
|
if ($chk(this.options.display))this.display(this.options.display);
|
|
},addSection:function(toggler, element, pos) {
|
|
toggler = $(toggler);
|
|
element = $(element);
|
|
var test = this.togglers.contains(toggler);
|
|
var len = this.togglers.length;
|
|
this.togglers.include(toggler);
|
|
this.elements.include(element);
|
|
if (len && (!test || pos)) {
|
|
pos = $pick(pos, len - 1);
|
|
toggler.injectBefore(this.togglers[pos]);
|
|
element.injectAfter(toggler);
|
|
} else if (this.container && !test) {
|
|
toggler.inject(this.container);
|
|
element.inject(this.container);
|
|
}
|
|
var idx = this.togglers.indexOf(toggler);
|
|
toggler.addEvent('click', this.display.bind(this, idx));
|
|
if (this.options.height)element.setStyles({'padding-top':0,'border-top':'none','padding-bottom':0,'border-bottom':'none'});
|
|
if (this.options.width)element.setStyles({'padding-left':0,'border-left':'none','padding-right':0,'border-right':'none'});
|
|
element.fullOpacity = 1;
|
|
if (this.options.fixedWidth)element.fullWidth = this.options.fixedWidth;
|
|
if (this.options.fixedHeight)element.fullHeight = this.options.fixedHeight;
|
|
element.setStyle('overflow', 'hidden');
|
|
if (!test) {
|
|
for (var fx in this.effects)element.setStyle(fx, 0);
|
|
}
|
|
return this;
|
|
},display:function(index) {
|
|
index = ($type(index) == 'element') ? this.elements.indexOf(index) : index;
|
|
if ((this.timer && this.options.wait) || (index === this.previous && !this.options.alwaysHide))return this;
|
|
this.previous = index;
|
|
var obj = {};
|
|
this.elements.each(function(el, i) {
|
|
obj[i] = {};
|
|
var hide = (i != index) || (this.options.alwaysHide && (el.offsetHeight > 0));
|
|
this.fireEvent(hide ? 'onBackground' : 'onActive', [this.togglers[i],el]);
|
|
for (var fx in this.effects)obj[i][fx] = hide ? 0 : el[this.effects[fx]];
|
|
}, this);
|
|
return this.start(obj);
|
|
},showThisHideOpen:function(index) {
|
|
return this.display(index);
|
|
}});
|
|
Fx.Accordion = Accordion;
|