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;
if(this.opera)return document.body.clientWidth;
return document.documentElement.clientWidth;
},
getHeight:function(){
if(this.webkit419)return this.innerHeight;
if(this.opera)return document.body.clientHeight;
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:'iso-8859-1',
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)+"&hellip;";
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;