var Builder={
NODEMAP:{
AREA:'map',
CAPTION:'table',
COL:'table',
COLGROUP:'table',
LEGEND:'fieldset',
OPTGROUP:'select',
OPTION:'select',
PARAM:'object',
TBODY:'table',
TD:'table',
TFOOT:'table',
TH:'table',
THEAD:'table',
TR:'table'},
node:function(elementName){
elementName=elementName.toUpperCase();
var parentTag=this.NODEMAP[elementName]||'div';
var parentElement=document.createElement(parentTag);
try{
parentElement.innerHTML="<"+elementName+"></"+elementName+">";}catch(e){}
var element=parentElement.firstChild||null;
if(element&&(element.tagName.toUpperCase()!=elementName))
element=element.getElementsByTagName(elementName)[0];
if(!element)element=document.createElement(elementName);
if(!element)return;
if(arguments[1])
if(this._isStringOrNumber(arguments[1])||(arguments[1]instanceof Array)){
this._children(element,arguments[1]);}else{
var attrs=this._attributes(arguments[1]);
if(attrs.length){
try{
parentElement.innerHTML="<"+elementName+" "+
attrs+"></"+elementName+">";}catch(e){}
element=parentElement.firstChild||null;
if(!element){
element=document.createElement(elementName);
for(attr in arguments[1])
element[attr=='class'?'className':attr]=arguments[1][attr];}
if(element.tagName.toUpperCase()!=elementName)
element=parentElement.getElementsByTagName(elementName)[0];}}
if(arguments[2])
this._children(element,arguments[2]);
return element;},
_text:function(text){
return document.createTextNode(text);},
ATTR_MAP:{
'className':'class',
'htmlFor':'for'},
_attributes:function(attributes){
var attrs=[];
for(attribute in attributes)
attrs.push((attribute in this.ATTR_MAP?this.ATTR_MAP[attribute]:attribute)+
'="'+attributes[attribute].toString().escapeHTML()+'"');
return attrs.join(" ");},
_children:function(element,children){
if(typeof children=='object'){
children.flatten().each(function(e){
if(typeof e=='object')
element.appendChild(e)
else
if(Builder._isStringOrNumber(e))
element.appendChild(Builder._text(e));});}else
if(Builder._isStringOrNumber(children))
element.appendChild(Builder._text(children));},
_isStringOrNumber:function(param){
return(typeof param=='string'||typeof param=='number');},
build:function(html){
var element=this.node('div');
$(element).update(html.strip());
return element.down();},
dump:function(scope){
if(typeof scope!='object'&&typeof scope!='function')scope=window;
var tags=("A ABBR ACRONYM ADDRESS APPLET AREA B BASE BASEFONT BDO BIG BLOCKQUOTE BODY "+
"BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP DD DEL DFN DIR DIV DL DT EM FIELDSET "+
"FONT FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 HEAD HR HTML I IFRAME IMG INPUT INS ISINDEX "+
"KBD LABEL LEGEND LI LINK MAP MENU META NOFRAMES NOSCRIPT OBJECT OL OPTGROUP OPTION P "+
"PARAM PRE Q S SAMP SCRIPT SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD "+
"TEXTAREA TFOOT TH THEAD TITLE TR TT U UL VAR").split(/\s+/);
tags.each(function(tag){
scope[tag]=function(){
return Builder.node.apply(Builder,[tag].concat($A(arguments)));}});}}
String.prototype.parseColor=function(){
var color='#';
if(this.slice(0,4)=='rgb('){
var cols=this.slice(4,this.length-1).split(',');
var i=0;do{color+=parseInt(cols[i]).toColorPart()}while(++i<3);}else{
if(this.slice(0,1)=='#'){
if(this.length==4)for(var i=1;i<4;i++)color+=(this.charAt(i)+this.charAt(i)).toLowerCase();
if(this.length==7)color=this.toLowerCase();}}
return(color.length==7?color:(arguments[0]||this));}
Element.collectTextNodes=function(element){
return $A($(element).childNodes).collect(function(node){
return(node.nodeType==3?node.nodeValue:(node.hasChildNodes()?Element.collectTextNodes(node):''));}).flatten().join('');}
Element.collectTextNodesIgnoreClass=function(element,className){
return $A($(element).childNodes).collect(function(node){
return(node.nodeType==3?node.nodeValue:((node.hasChildNodes()&&!Element.hasClassName(node,className))?
Element.collectTextNodesIgnoreClass(node,className):''));}).flatten().join('');}
Element.setContentZoom=function(element,percent){
element=$(element);
element.setStyle({fontSize:(percent/100)+'em'});
if(navigator.appVersion.indexOf('AppleWebKit')>0)window.scrollBy(0,0);
return element;}
Element.getOpacity=function(element){
return $(element).getStyle('opacity');}
Element.setOpacity=function(element,value){
return $(element).setStyle({opacity:value});}
Element.getInlineOpacity=function(element){
return $(element).style.opacity||'';}
Element.forceRerendering=function(element){
try{
element=$(element);
var n=document.createTextNode(' ');
element.appendChild(n);
element.removeChild(n);}catch(e){}};
Array.prototype.call=function(){
var args=arguments;
this.each(function(f){f.apply(this,args)});}
var Effect={
_elementDoesNotExistError:{
name:'ElementDoesNotExistError',
message:'The specified DOM element does not exist, but is required for this effect to operate'},
tagifyText:function(element){
if(typeof Builder=='undefined')
throw("Effect.tagifyText requires including script.aculo.us' builder.js library");
var tagifyStyle='position:relative';
if(/MSIE/.test(navigator.userAgent)&&!window.opera)tagifyStyle+=';zoom:1';
element=$(element);
$A(element.childNodes).each(function(child){
if(child.nodeType==3){
child.nodeValue.toArray().each(function(character){
element.insertBefore(
Builder.node('span',{style:tagifyStyle},
character==' '?String.fromCharCode(160):character),
child);});
Element.remove(child);}});},
multiple:function(element,effect){
var elements;
if(((typeof element=='object')||(typeof element=='function'))&&(element.length))
elements=element;
else
elements=$(element).childNodes;
var options=Object.extend({
speed:0.1,
delay:0.0},arguments[2]||{});
var masterDelay=options.delay;
$A(elements).each(function(element,index){
new effect(element,Object.extend(options,{delay:index*options.speed+masterDelay}));});},
PAIRS:{
'slide':['SlideDown','SlideUp'],
'blind':['BlindDown','BlindUp'],
'appear':['Appear','Fade']},
toggle:function(element,effect){
element=$(element);
effect=(effect||'appear').toLowerCase();
var options=Object.extend({
queue:{position:'end',scope:(element.id||'global'),limit:1}},arguments[2]||{});
Effect[element.visible()?
Effect.PAIRS[effect][1]:Effect.PAIRS[effect][0]](element,options);}};
var Effect2=Effect;
Effect.Transitions={
linear:Prototype.K,
sinoidal:function(pos){
return(-Math.cos(pos*Math.PI)/2)+0.5;},
reverse:function(pos){
return 1-pos;},
flicker:function(pos){
return((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4;},
wobble:function(pos){
return(-Math.cos(pos*Math.PI*(9*pos))/2)+0.5;},
pulse:function(pos,pulses){
pulses=pulses||5;
return(
Math.round((pos%(1/pulses))*pulses)==0?((pos*pulses*2)-Math.floor(pos*pulses*2)):
1-((pos*pulses*2)-Math.floor(pos*pulses*2)));},
none:function(pos){
return 0;},
full:function(pos){
return 1;}};
Effect.ScopedQueue=Class.create();
Object.extend(Object.extend(Effect.ScopedQueue.prototype,Enumerable),{
initialize:function(){
this.effects=[];
this.interval=null;},
_each:function(iterator){
this.effects._each(iterator);},
add:function(effect){
var timestamp=new Date().getTime();
var position=(typeof effect.options.queue=='string')?
effect.options.queue:effect.options.queue.position;
switch(position){
case 'front':
this.effects.findAll(function(e){return e.state=='idle'}).each(function(e){
e.startOn+=effect.finishOn;
e.finishOn+=effect.finishOn;});
break;
case 'with-last':
timestamp=this.effects.pluck('startOn').max()||timestamp;
break;
case 'end':
timestamp=this.effects.pluck('finishOn').max()||timestamp;
break;}
effect.startOn+=timestamp;
effect.finishOn+=timestamp;
if(!effect.options.queue.limit||(this.effects.length<effect.options.queue.limit))
this.effects.push(effect);
if(!this.interval)
this.interval=setInterval(this.loop.bind(this),15);},
remove:function(effect){
this.effects=this.effects.reject(function(e){return e==effect});
if(this.effects.length==0){
clearInterval(this.interval);
this.interval=null;}},
loop:function(){
var timePos=new Date().getTime();
for(var i=0,len=this.effects.length;i<len;i++)
if(this.effects[i])this.effects[i].loop(timePos);}});
Effect.Queues={
instances:$H(),
get:function(queueName){
if(typeof queueName!='string')return queueName;
if(!this.instances[queueName])
this.instances[queueName]=new Effect.ScopedQueue();
return this.instances[queueName];}}
Effect.Queue=Effect.Queues.get('global');
Effect.DefaultOptions={
transition:Effect.Transitions.sinoidal,
duration:1.0,
fps:60.0,
sync:false,
from:0.0,
to:1.0,
delay:0.0,
queue:'parallel'}
Effect.Base=function(){};
Effect.Base.prototype={
position:null,
start:function(options){
this.options=Object.extend(Object.extend({},Effect.DefaultOptions),options||{});
this.currentFrame=0;
this.state='idle';
this.startOn=this.options.delay*1000;
this.finishOn=this.startOn+(this.options.duration*1000);
this.event('beforeStart');
if(!this.options.sync)
Effect.Queues.get(typeof this.options.queue=='string'?
'global':this.options.queue.scope).add(this);},
loop:function(timePos){
if(timePos>=this.startOn){
if(timePos>=this.finishOn){
this.render(1.0);
this.cancel();
this.event('beforeFinish');
if(this.finish)this.finish();
this.event('afterFinish');
return;}
var pos=(timePos-this.startOn)/(this.finishOn-this.startOn);
var frame=Math.round(pos*this.options.fps*this.options.duration);
if(frame>this.currentFrame){
this.render(pos);
this.currentFrame=frame;}}},
render:function(pos){
if(this.state=='idle'){
this.state='running';
this.event('beforeSetup');
if(this.setup)this.setup();
this.event('afterSetup');}
if(this.state=='running'){
if(this.options.transition)pos=this.options.transition(pos);
pos*=(this.options.to-this.options.from);
pos+=this.options.from;
this.position=pos;
this.event('beforeUpdate');
if(this.update)this.update(pos);
this.event('afterUpdate');}},
cancel:function(){
if(!this.options.sync)
Effect.Queues.get(typeof this.options.queue=='string'?
'global':this.options.queue.scope).remove(this);
this.state='finished';},
event:function(eventName){
if(this.options[eventName+'Internal'])this.options[eventName+'Internal'](this);
if(this.options[eventName])this.options[eventName](this);},
inspect:function(){
var data=$H();
for(property in this)
if(typeof this[property]!='function')data[property]=this[property];
return '#<Effect:'+data.inspect()+',options:'+$H(this.options).inspect()+'>';}}
Effect.Parallel=Class.create();
Object.extend(Object.extend(Effect.Parallel.prototype,Effect.Base.prototype),{
initialize:function(effects){
this.effects=effects||[];
this.start(arguments[1]);},
update:function(position){
this.effects.invoke('render',position);},
finish:function(position){
this.effects.each(function(effect){
effect.render(1.0);
effect.cancel();
effect.event('beforeFinish');
if(effect.finish)effect.finish(position);
effect.event('afterFinish');});}});
Effect.Event=Class.create();
Object.extend(Object.extend(Effect.Event.prototype,Effect.Base.prototype),{
initialize:function(){
var options=Object.extend({
duration:0},arguments[0]||{});
this.start(options);},
update:Prototype.emptyFunction});
Effect.Opacity=Class.create();
Object.extend(Object.extend(Effect.Opacity.prototype,Effect.Base.prototype),{
initialize:function(element){
this.element=$(element);
if(!this.element)throw(Effect._elementDoesNotExistError);
if(/MSIE/.test(navigator.userAgent)&&!window.opera&&(!this.element.currentStyle.hasLayout))
this.element.setStyle({zoom:1});
var options=Object.extend({
from:this.element.getOpacity()||0.0,
to:1.0},arguments[1]||{});
this.start(options);},
update:function(position){
this.element.setOpacity(position);}});
Effect.Move=Class.create();
Object.extend(Object.extend(Effect.Move.prototype,Effect.Base.prototype),{
initialize:function(element){
this.element=$(element);
if(!this.element)throw(Effect._elementDoesNotExistError);
var options=Object.extend({
x:0,
y:0,
mode:'relative'},arguments[1]||{});
this.start(options);},
setup:function(){
this.element.makePositioned();
this.originalLeft=parseFloat(this.element.getStyle('left')||'0');
this.originalTop=parseFloat(this.element.getStyle('top')||'0');
if(this.options.mode=='absolute'){
this.options.x=this.options.x-this.originalLeft;
this.options.y=this.options.y-this.originalTop;}},
update:function(position){
this.element.setStyle({
left:Math.round(this.options.x*position+this.originalLeft)+'px',
top:Math.round(this.options.y*position+this.originalTop)+'px'});}});
Effect.MoveBy=function(element,toTop,toLeft){
return new Effect.Move(element,
Object.extend({x:toLeft,y:toTop},arguments[3]||{}));};
Effect.Scale=Class.create();
Object.extend(Object.extend(Effect.Scale.prototype,Effect.Base.prototype),{
initialize:function(element,percent){
this.element=$(element);
if(!this.element)throw(Effect._elementDoesNotExistError);
var options=Object.extend({
scaleX:true,
scaleY:true,
scaleContent:true,
scaleFromCenter:false,
scaleMode:'box',
scaleFrom:100.0,
scaleTo:percent},arguments[2]||{});
this.start(options);},
setup:function(){
this.restoreAfterFinish=this.options.restoreAfterFinish||false;
this.elementPositioning=this.element.getStyle('position');
this.originalStyle={};['top','left','width','height','fontSize'].each(function(k){
this.originalStyle[k]=this.element.style[k];}.bind(this));
this.originalTop=this.element.offsetTop;
this.originalLeft=this.element.offsetLeft;
var fontSize=this.element.getStyle('font-size')||'100%';['em','px','%','pt'].each(function(fontSizeType){
if(fontSize.indexOf(fontSizeType)>0){
this.fontSize=parseFloat(fontSize);
this.fontSizeType=fontSizeType;}}.bind(this));
this.factor=(this.options.scaleTo-this.options.scaleFrom)/100;
this.dims=null;
if(this.options.scaleMode=='box')
this.dims=[this.element.offsetHeight,this.element.offsetWidth];
if(/^content/.test(this.options.scaleMode))
this.dims=[this.element.scrollHeight,this.element.scrollWidth];
if(!this.dims)
this.dims=[this.options.scaleMode.originalHeight,
this.options.scaleMode.originalWidth];},
update:function(position){
var currentScale=(this.options.scaleFrom/100.0)+(this.factor*position);
if(this.options.scaleContent&&this.fontSize)
this.element.setStyle({fontSize:this.fontSize*currentScale+this.fontSizeType});
this.setDimensions(this.dims[0]*currentScale,this.dims[1]*currentScale);},
finish:function(position){
if(this.restoreAfterFinish)this.element.setStyle(this.originalStyle);},
setDimensions:function(height,width){
var d={};
if(this.options.scaleX)d.width=Math.round(width)+'px';
if(this.options.scaleY)d.height=Math.round(height)+'px';
if(this.options.scaleFromCenter){
var topd=(height-this.dims[0])/2;
var leftd=(width-this.dims[1])/2;
if(this.elementPositioning=='absolute'){
if(this.options.scaleY)d.top=this.originalTop-topd+'px';
if(this.options.scaleX)d.left=this.originalLeft-leftd+'px';}else{
if(this.options.scaleY)d.top=-topd+'px';
if(this.options.scaleX)d.left=-leftd+'px';}}
this.element.setStyle(d);}});
Effect.Highlight=Class.create();
Object.extend(Object.extend(Effect.Highlight.prototype,Effect.Base.prototype),{
initialize:function(element){
this.element=$(element);
if(!this.element)throw(Effect._elementDoesNotExistError);
var options=Object.extend({startcolor:'#ffff99'},arguments[1]||{});
this.start(options);},
setup:function(){
if(this.element.getStyle('display')=='none'){this.cancel();return;}
this.oldStyle={};
if(!this.options.keepBackgroundImage){
this.oldStyle.backgroundImage=this.element.getStyle('background-image');
this.element.setStyle({backgroundImage:'none'});}
if(!this.options.endcolor)
this.options.endcolor=this.element.getStyle('background-color').parseColor('#ffffff');
if(!this.options.restorecolor)
this.options.restorecolor=this.element.getStyle('background-color');
this._base=$R(0,2).map(function(i){return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16)}.bind(this));
this._delta=$R(0,2).map(function(i){return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i]}.bind(this));},
update:function(position){
this.element.setStyle({backgroundColor:$R(0,2).inject('#',function(m,v,i){
return m+(Math.round(this._base[i]+(this._delta[i]*position)).toColorPart());}.bind(this))});},
finish:function(){
this.element.setStyle(Object.extend(this.oldStyle,{
backgroundColor:this.options.restorecolor}));}});
Effect.ScrollTo=Class.create();
Object.extend(Object.extend(Effect.ScrollTo.prototype,Effect.Base.prototype),{
initialize:function(element){
this.element=$(element);
this.start(arguments[1]||{});},
setup:function(){
Position.prepare();
var offsets=Position.cumulativeOffset(this.element);
if(this.options.offset)offsets[1]+=this.options.offset;
var max=window.innerHeight?
window.height-window.innerHeight:
document.body.scrollHeight-(document.documentElement.clientHeight?
document.documentElement.clientHeight:document.body.clientHeight);
this.scrollStart=Position.deltaY;
this.delta=(offsets[1]>max?max:offsets[1])-this.scrollStart;},
update:function(position){
Position.prepare();
window.scrollTo(Position.deltaX,
this.scrollStart+(position*this.delta));}});
Effect.Fade=function(element){
element=$(element);
var oldOpacity=element.getInlineOpacity();
var options=Object.extend({
from:element.getOpacity()||1.0,
to:0.0,
afterFinishInternal:function(effect){
if(effect.options.to!=0)return;
effect.element.hide().setStyle({opacity:oldOpacity});}},arguments[1]||{});
return new Effect.Opacity(element,options);}
Effect.Appear=function(element){
element=$(element);
var options=Object.extend({
from:(element.getStyle('display')=='none'?0.0:element.getOpacity()||0.0),
to:1.0,
afterFinishInternal:function(effect){
effect.element.forceRerendering();},
beforeSetup:function(effect){
effect.element.setOpacity(effect.options.from).show();}},arguments[1]||{});
return new Effect.Opacity(element,options);}
Effect.Puff=function(element){
element=$(element);
var oldStyle={
opacity:element.getInlineOpacity(),
position:element.getStyle('position'),
top:element.style.top,
left:element.style.left,
width:element.style.width,
height:element.style.height};
return new Effect.Parallel([new Effect.Scale(element,200,{sync:true,scaleFromCenter:true,scaleContent:true,restoreAfterFinish:true}),
new Effect.Opacity(element,{sync:true,to:0.0})],
Object.extend({duration:1.0,
beforeSetupInternal:function(effect){
Position.absolutize(effect.effects[0].element)},
afterFinishInternal:function(effect){
effect.effects[0].element.hide().setStyle(oldStyle);}},arguments[1]||{}));}
Effect.BlindUp=function(element){
element=$(element);
element.makeClipping();
return new Effect.Scale(element,0,
Object.extend({scaleContent:false,
scaleX:false,
restoreAfterFinish:true,
afterFinishInternal:function(effect){
effect.element.hide().undoClipping();}},arguments[1]||{}));}
Effect.BlindDown=function(element){
element=$(element);
var elementDimensions=element.getDimensions();
return new Effect.Scale(element,100,Object.extend({
scaleContent:false,
scaleX:false,
scaleFrom:0,
scaleMode:{originalHeight:elementDimensions.height,originalWidth:elementDimensions.width},
restoreAfterFinish:true,
afterSetup:function(effect){
effect.element.makeClipping().setStyle({height:'0px'}).show();},
afterFinishInternal:function(effect){
effect.element.undoClipping();}},arguments[1]||{}));}
Effect.SwitchOff=function(element){
element=$(element);
var oldOpacity=element.getInlineOpacity();
return new Effect.Appear(element,Object.extend({
duration:0.4,
from:0,
transition:Effect.Transitions.flicker,
afterFinishInternal:function(effect){
new Effect.Scale(effect.element,1,{
duration:0.3,scaleFromCenter:true,
scaleX:false,scaleContent:false,restoreAfterFinish:true,
beforeSetup:function(effect){
effect.element.makePositioned().makeClipping();},
afterFinishInternal:function(effect){
effect.element.hide().undoClipping().undoPositioned().setStyle({opacity:oldOpacity});}})}},arguments[1]||{}));}
Effect.DropOut=function(element){
element=$(element);
var oldStyle={
top:element.getStyle('top'),
left:element.getStyle('left'),
opacity:element.getInlineOpacity()};
return new Effect.Parallel([new Effect.Move(element,{x:0,y:100,sync:true}),
new Effect.Opacity(element,{sync:true,to:0.0})],
Object.extend({duration:0.5,
beforeSetup:function(effect){
effect.effects[0].element.makePositioned();},
afterFinishInternal:function(effect){
effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle);}},arguments[1]||{}));}
Effect.Shake=function(element){
element=$(element);
var oldStyle={
top:element.getStyle('top'),
left:element.getStyle('left')};
return new Effect.Move(element,{x:20,y:0,duration:0.05,afterFinishInternal:function(effect){
new Effect.Move(effect.element,{x:-40,y:0,duration:0.1,afterFinishInternal:function(effect){
new Effect.Move(effect.element,{x:40,y:0,duration:0.1,afterFinishInternal:function(effect){
new Effect.Move(effect.element,{x:-40,y:0,duration:0.1,afterFinishInternal:function(effect){
new Effect.Move(effect.element,{x:40,y:0,duration:0.1,afterFinishInternal:function(effect){
new Effect.Move(effect.element,{x:-20,y:0,duration:0.05,afterFinishInternal:function(effect){
effect.element.undoPositioned().setStyle(oldStyle);}})}})}})}})}})}});}
Effect.SlideDown=function(element){
element=$(element).cleanWhitespace();
var oldInnerBottom=element.down().getStyle('bottom');
var elementDimensions=element.getDimensions();
return new Effect.Scale(element,100,Object.extend({
scaleContent:false,
scaleX:false,
scaleFrom:window.opera?0:1,
scaleMode:{originalHeight:elementDimensions.height,originalWidth:elementDimensions.width},
restoreAfterFinish:true,
afterSetup:function(effect){
effect.element.makePositioned();
effect.element.down().makePositioned();
if(window.opera)effect.element.setStyle({top:''});
effect.element.makeClipping().setStyle({height:'0px'}).show();},
afterUpdateInternal:function(effect){
effect.element.down().setStyle({bottom:(effect.dims[0]-effect.element.clientHeight)+'px'});},
afterFinishInternal:function(effect){
effect.element.undoClipping().undoPositioned();
effect.element.down().undoPositioned().setStyle({bottom:oldInnerBottom});}},arguments[1]||{}));}
Effect.SlideUp=function(element){
element=$(element).cleanWhitespace();
var oldInnerBottom=element.down().getStyle('bottom');
return new Effect.Scale(element,window.opera?0:1,
Object.extend({scaleContent:false,
scaleX:false,
scaleMode:'box',
scaleFrom:100,
restoreAfterFinish:true,
beforeStartInternal:function(effect){
effect.element.makePositioned();
effect.element.down().makePositioned();
if(window.opera)effect.element.setStyle({top:''});
effect.element.makeClipping().show();},
afterUpdateInternal:function(effect){
effect.element.down().setStyle({bottom:(effect.dims[0]-effect.element.clientHeight)+'px'});},
afterFinishInternal:function(effect){
effect.element.hide().undoClipping().undoPositioned().setStyle({bottom:oldInnerBottom});
effect.element.down().undoPositioned();}},arguments[1]||{}));}
Effect.Squish=function(element){
return new Effect.Scale(element,window.opera?1:0,{
restoreAfterFinish:true,
beforeSetup:function(effect){
effect.element.makeClipping();},
afterFinishInternal:function(effect){
effect.element.hide().undoClipping();}});}
Effect.Grow=function(element){
element=$(element);
var options=Object.extend({
direction:'center',
moveTransition:Effect.Transitions.sinoidal,
scaleTransition:Effect.Transitions.sinoidal,
opacityTransition:Effect.Transitions.full},arguments[1]||{});
var oldStyle={
top:element.style.top,
left:element.style.left,
height:element.style.height,
width:element.style.width,
opacity:element.getInlineOpacity()};
var dims=element.getDimensions();
var initialMoveX,initialMoveY;
var moveX,moveY;
switch(options.direction){
case 'top-left':
initialMoveX=initialMoveY=moveX=moveY=0;
break;
case 'top-right':
initialMoveX=dims.width;
initialMoveY=moveY=0;
moveX=-dims.width;
break;
case 'bottom-left':
initialMoveX=moveX=0;
initialMoveY=dims.height;
moveY=-dims.height;
break;
case 'bottom-right':
initialMoveX=dims.width;
initialMoveY=dims.height;
moveX=-dims.width;
moveY=-dims.height;
break;
case 'center':
initialMoveX=dims.width/2;
initialMoveY=dims.height/2;
moveX=-dims.width/2;
moveY=-dims.height/2;
break;}
return new Effect.Move(element,{
x:initialMoveX,
y:initialMoveY,
duration:0.01,
beforeSetup:function(effect){
effect.element.hide().makeClipping().makePositioned();},
afterFinishInternal:function(effect){
new Effect.Parallel([new Effect.Opacity(effect.element,{sync:true,to:1.0,from:0.0,transition:options.opacityTransition}),
new Effect.Move(effect.element,{x:moveX,y:moveY,sync:true,transition:options.moveTransition}),
new Effect.Scale(effect.element,100,{
scaleMode:{originalHeight:dims.height,originalWidth:dims.width},
sync:true,scaleFrom:window.opera?1:0,transition:options.scaleTransition,restoreAfterFinish:true})],Object.extend({
beforeSetup:function(effect){
effect.effects[0].element.setStyle({height:'0px'}).show();},
afterFinishInternal:function(effect){
effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle);}},options))}});}
Effect.Shrink=function(element){
element=$(element);
var options=Object.extend({
direction:'center',
moveTransition:Effect.Transitions.sinoidal,
scaleTransition:Effect.Transitions.sinoidal,
opacityTransition:Effect.Transitions.none},arguments[1]||{});
var oldStyle={
top:element.style.top,
left:element.style.left,
height:element.style.height,
width:element.style.width,
opacity:element.getInlineOpacity()};
var dims=element.getDimensions();
var moveX,moveY;
switch(options.direction){
case 'top-left':
moveX=moveY=0;
break;
case 'top-right':
moveX=dims.width;
moveY=0;
break;
case 'bottom-left':
moveX=0;
moveY=dims.height;
break;
case 'bottom-right':
moveX=dims.width;
moveY=dims.height;
break;
case 'center':
moveX=dims.width/2;
moveY=dims.height/2;
break;}
return new Effect.Parallel([new Effect.Opacity(element,{sync:true,to:0.0,from:1.0,transition:options.opacityTransition}),
new Effect.Scale(element,window.opera?1:0,{sync:true,transition:options.scaleTransition,restoreAfterFinish:true}),
new Effect.Move(element,{x:moveX,y:moveY,sync:true,transition:options.moveTransition})],Object.extend({
beforeStartInternal:function(effect){
effect.effects[0].element.makePositioned().makeClipping();},
afterFinishInternal:function(effect){
effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle);}},options));}
Effect.Pulsate=function(element){
element=$(element);
var options=arguments[1]||{};
var oldOpacity=element.getInlineOpacity();
var transition=options.transition||Effect.Transitions.sinoidal;
var reverser=function(pos){return transition(1-Effect.Transitions.pulse(pos,options.pulses))};
reverser.bind(transition);
return new Effect.Opacity(element,
Object.extend(Object.extend({duration:2.0,from:0,
afterFinishInternal:function(effect){effect.element.setStyle({opacity:oldOpacity});}},options),{transition:reverser}));}
Effect.Fold=function(element){
element=$(element);
var oldStyle={
top:element.style.top,
left:element.style.left,
width:element.style.width,
height:element.style.height};
element.makeClipping();
return new Effect.Scale(element,5,Object.extend({
scaleContent:false,
scaleX:false,
afterFinishInternal:function(effect){
new Effect.Scale(element,1,{
scaleContent:false,
scaleY:false,
afterFinishInternal:function(effect){
effect.element.hide().undoClipping().setStyle(oldStyle);}});}},arguments[1]||{}));};
Effect.Morph=Class.create();
Object.extend(Object.extend(Effect.Morph.prototype,Effect.Base.prototype),{
initialize:function(element){
this.element=$(element);
if(!this.element)throw(Effect._elementDoesNotExistError);
var options=Object.extend({
style:{}},arguments[1]||{});
if(typeof options.style=='string'){
if(options.style.indexOf(':')==-1){
var cssText='',selector='.'+options.style;
$A(document.styleSheets).reverse().each(function(styleSheet){
if(styleSheet.cssRules)cssRules=styleSheet.cssRules;
else if(styleSheet.rules)cssRules=styleSheet.rules;
$A(cssRules).reverse().each(function(rule){
if(selector==rule.selectorText){
cssText=rule.style.cssText;
throw $break;}});
if(cssText)throw $break;});
this.style=cssText.parseStyle();
options.afterFinishInternal=function(effect){
effect.element.addClassName(effect.options.style);
effect.transforms.each(function(transform){
if(transform.style!='opacity')
effect.element.style[transform.style.camelize()]='';});}}else this.style=options.style.parseStyle();}else this.style=$H(options.style)
this.start(options);},
setup:function(){
function parseColor(color){
if(!color||['rgba(0, 0, 0, 0)','transparent'].include(color))color='#ffffff';
color=color.parseColor();
return $R(0,2).map(function(i){
return parseInt(color.slice(i*2+1,i*2+3),16)});}
this.transforms=this.style.map(function(pair){
var property=pair[0].underscore().dasherize(),value=pair[1],unit=null;
if(value.parseColor('#zzzzzz')!='#zzzzzz'){
value=value.parseColor();
unit='color';}else if(property=='opacity'){
value=parseFloat(value);
if(/MSIE/.test(navigator.userAgent)&&!window.opera&&(!this.element.currentStyle.hasLayout))
this.element.setStyle({zoom:1});}else if(Element.CSS_LENGTH.test(value))
var components=value.match(/^([\+\-]?[0-9\.]+)(.*)$/),
value=parseFloat(components[1]),unit=(components.length==3)?components[2]:null;
var originalValue=this.element.getStyle(property);
return $H({
style:property,
originalValue:unit=='color'?parseColor(originalValue):parseFloat(originalValue||0),
targetValue:unit=='color'?parseColor(value):value,
unit:unit});}.bind(this)).reject(function(transform){
return((transform.originalValue==transform.targetValue)||(
transform.unit!='color'&&(isNaN(transform.originalValue)||isNaN(transform.targetValue))))});},
update:function(position){
var style=$H(),value=null;
this.transforms.each(function(transform){
value=transform.unit=='color'?
$R(0,2).inject('#',function(m,v,i){
return m+(Math.round(transform.originalValue[i]+(transform.targetValue[i]-transform.originalValue[i])*position)).toColorPart()}):
transform.originalValue+Math.round(((transform.targetValue-transform.originalValue)*position)*1000)/1000+transform.unit;
style[transform.style]=value;});
this.element.setStyle(style);}});
Effect.Transform=Class.create();
Object.extend(Effect.Transform.prototype,{
initialize:function(tracks){
this.tracks=[];
this.options=arguments[1]||{};
this.addTracks(tracks);},
addTracks:function(tracks){
tracks.each(function(track){
var data=$H(track).values().first();
this.tracks.push($H({
ids:$H(track).keys().first(),
effect:Effect.Morph,
options:{style:data}}));}.bind(this));
return this;},
play:function(){
return new Effect.Parallel(
this.tracks.map(function(track){
var elements=[$(track.ids)||$$(track.ids)].flatten();
return elements.map(function(e){return new track.effect(e,Object.extend({sync:true},track.options))});}).flatten(),
this.options);}});
Element.CSS_PROPERTIES=$w(
'backgroundColor backgroundPosition borderBottomColor borderBottomStyle '+
'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth '+
'borderRightColor borderRightStyle borderRightWidth borderSpacing '+
'borderTopColor borderTopStyle borderTopWidth bottom clip color '+
'fontSize fontWeight height left letterSpacing lineHeight '+
'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+
'maxWidth minHeight minWidth opacity outlineColor outlineOffset '+
'outlineWidth paddingBottom paddingLeft paddingRight paddingTop '+
'right textIndent top width wordSpacing zIndex');
Element.CSS_LENGTH=/^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/;
String.prototype.parseStyle=function(){
var element=Element.extend(document.createElement('div'));
element.innerHTML='<div style="'+this +'"></div>';
var style=element.down().style,styleRules=$H();
Element.CSS_PROPERTIES.each(function(property){
if(style[property])styleRules[property]=style[property];});
if(/MSIE/.test(navigator.userAgent)&&!window.opera&&this.indexOf('opacity')>-1){
styleRules.opacity=this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1];}
return styleRules;};
Element.morph=function(element,style){
new Effect.Morph(element,Object.extend({style:style},arguments[2]||{}));
return element;};['setOpacity','getOpacity','getInlineOpacity','forceRerendering','setContentZoom',
'collectTextNodes','collectTextNodesIgnoreClass','morph'].each(
function(f){Element.Methods[f]=Element[f];});
Element.Methods.visualEffect=function(element,effect,options){
s=effect.gsub(/_/,'-').camelize();
effect_class=s.charAt(0).toUpperCase()+s.substring(1);
new Effect[effect_class](element,options);
return $(element);};
Element.addMethods();
if(typeof Effect=='undefined')
throw("dragdrop.js requires including script.aculo.us' effects.js library");
var Droppables={
drops:[],
remove:function(element){
this.drops=this.drops.reject(function(d){return d.element==$(element)});},
add:function(element){
element=$(element);
var options=Object.extend({
greedy:true,
hoverclass:null,
tree:false},arguments[1]||{});
if(options.containment){
options._containers=[];
var containment=options.containment;
if((typeof containment=='object')&&(containment.constructor==Array)){
containment.each(function(c){options._containers.push($(c))});}else{
options._containers.push($(containment));}}
if(options.accept)options.accept=[options.accept].flatten();
Element.makePositioned(element);
options.element=element;
this.drops.push(options);},
findDeepestChild:function(drops){
deepest=drops[0];
for(i=1;i<drops.length;++i)
if(Element.isParent(drops[i].element,deepest.element))
deepest=drops[i];
return deepest;},
isContained:function(element,drop){
var containmentNode;
if(drop.tree){
containmentNode=element.treeNode;}else{
containmentNode=element.parentNode;}
return drop._containers.detect(function(c){return containmentNode==c});},
isAffected:function(point,element,drop){
return((drop.element!=element)&&((!drop._containers)||
this.isContained(element,drop))&&((!drop.accept)||(Element.classNames(element).detect(
function(v){return drop.accept.include(v)})))&&
Position.within(drop.element,point[0],point[1]));},
deactivate:function(drop){
if(drop.hoverclass)
Element.removeClassName(drop.element,drop.hoverclass);
this.last_active=null;},
activate:function(drop){
if(drop.hoverclass)
Element.addClassName(drop.element,drop.hoverclass);
this.last_active=drop;},
show:function(point,element){
if(!this.drops.length)return;
var affected=[];
if(this.last_active)this.deactivate(this.last_active);
this.drops.each(function(drop){
if(Droppables.isAffected(point,element,drop))
affected.push(drop);});
if(affected.length>0){
drop=Droppables.findDeepestChild(affected);
Position.within(drop.element,point[0],point[1]);
if(drop.onHover)
drop.onHover(element,drop.element,Position.overlap(drop.overlap,drop.element));
Droppables.activate(drop);}},
fire:function(event,element){
if(!this.last_active)return;
Position.prepare();
if(this.isAffected([Event.pointerX(event),Event.pointerY(event)],element,this.last_active))
if(this.last_active.onDrop)
this.last_active.onDrop(element,this.last_active.element,event);},
reset:function(){
if(this.last_active)
this.deactivate(this.last_active);}}
var Draggables={
drags:[],
observers:[],
register:function(draggable){
if(this.drags.length==0){
this.eventMouseUp=this.endDrag.bindAsEventListener(this);
this.eventMouseMove=this.updateDrag.bindAsEventListener(this);
this.eventKeypress=this.keyPress.bindAsEventListener(this);
Event.observe(document,"mouseup",this.eventMouseUp);
Event.observe(document,"mousemove",this.eventMouseMove);
Event.observe(document,"keypress",this.eventKeypress);}
this.drags.push(draggable);},
unregister:function(draggable){
this.drags=this.drags.reject(function(d){return d==draggable});
if(this.drags.length==0){
Event.stopObserving(document,"mouseup",this.eventMouseUp);
Event.stopObserving(document,"mousemove",this.eventMouseMove);
Event.stopObserving(document,"keypress",this.eventKeypress);}},
activate:function(draggable){
if(draggable.options.delay){
this._timeout=setTimeout(function(){
Draggables._timeout=null;
window.focus();
Draggables.activeDraggable=draggable;}.bind(this),draggable.options.delay);}else{
window.focus();
this.activeDraggable=draggable;}},
deactivate:function(){
this.activeDraggable=null;},
updateDrag:function(event){
if(!this.activeDraggable)return;
var pointer=[Event.pointerX(event),Event.pointerY(event)];
if(this._lastPointer&&(this._lastPointer.inspect()==pointer.inspect()))return;
this._lastPointer=pointer;
this.activeDraggable.updateDrag(event,pointer);},
endDrag:function(event){
if(this._timeout){
clearTimeout(this._timeout);
this._timeout=null;}
if(!this.activeDraggable)return;
this._lastPointer=null;
this.activeDraggable.endDrag(event);
this.activeDraggable=null;},
keyPress:function(event){
if(this.activeDraggable)
this.activeDraggable.keyPress(event);},
addObserver:function(observer){
this.observers.push(observer);
this._cacheObserverCallbacks();},
removeObserver:function(element){
this.observers=this.observers.reject(function(o){return o.element==element});
this._cacheObserverCallbacks();},
notify:function(eventName,draggable,event){
if(this[eventName+'Count']>0)
this.observers.each(function(o){
if(o[eventName])o[eventName](eventName,draggable,event);});
if(draggable.options[eventName])draggable.options[eventName](draggable,event);},
_cacheObserverCallbacks:function(){['onStart','onEnd','onDrag'].each(function(eventName){
Draggables[eventName+'Count']=Draggables.observers.select(
function(o){return o[eventName];}).length;});}}
var Draggable=Class.create();
Draggable._dragging={};
Draggable.prototype={
initialize:function(element){
var defaults={
handle:false,
reverteffect:function(element,top_offset,left_offset){
var dur=Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02;
new Effect.Move(element,{x:-left_offset,y:-top_offset,duration:dur,
queue:{scope:'_draggable',position:'end'}});},
endeffect:function(element){
var toOpacity=typeof element._opacity=='number'?element._opacity:1.0;
new Effect.Opacity(element,{duration:0.2,from:0.7,to:toOpacity,
queue:{scope:'_draggable',position:'end'},
afterFinish:function(){
Draggable._dragging[element]=false}});},
zindex:1000,
revert:false,
scroll:false,
scrollSensitivity:20,
scrollSpeed:15,
snap:false,
delay:0};
if(!arguments[1]||typeof arguments[1].endeffect=='undefined')
Object.extend(defaults,{
starteffect:function(element){
element._opacity=Element.getOpacity(element);
Draggable._dragging[element]=true;
new Effect.Opacity(element,{duration:0.2,from:element._opacity,to:0.7});}});
var options=Object.extend(defaults,arguments[1]||{});
this.element=$(element);
if(options.handle&&(typeof options.handle=='string'))
this.handle=this.element.down('.'+options.handle,0);
if(!this.handle)this.handle=$(options.handle);
if(!this.handle)this.handle=this.element;
if(options.scroll&&!options.scroll.scrollTo&&!options.scroll.outerHTML){
options.scroll=$(options.scroll);
this._isScrollChild=Element.childOf(this.element,options.scroll);}
Element.makePositioned(this.element);
this.delta=this.currentDelta();
this.options=options;
this.dragging=false;
this.eventMouseDown=this.initDrag.bindAsEventListener(this);
Event.observe(this.handle,"mousedown",this.eventMouseDown);
Draggables.register(this);},
destroy:function(){
Event.stopObserving(this.handle,"mousedown",this.eventMouseDown);
Draggables.unregister(this);},
currentDelta:function(){
return([
parseInt(Element.getStyle(this.element,'left')||'0'),
parseInt(Element.getStyle(this.element,'top')||'0')]);},
initDrag:function(event){
if(typeof Draggable._dragging[this.element]!='undefined'&&
Draggable._dragging[this.element])return;
if(Event.isLeftClick(event)){
var src=Event.element(event);
if((tag_name=src.tagName.toUpperCase())&&(
tag_name=='INPUT'||
tag_name=='SELECT'||
tag_name=='OPTION'||
tag_name=='BUTTON'||
tag_name=='TEXTAREA'))return;
var pointer=[Event.pointerX(event),Event.pointerY(event)];
var pos=Position.cumulativeOffset(this.element);
this.offset=[0,1].map(function(i){return(pointer[i]-pos[i])});
Draggables.activate(this);
Event.stop(event);}},
startDrag:function(event){
this.dragging=true;
if(this.options.zindex){
this.originalZ=parseInt(Element.getStyle(this.element,'z-index')||0);
this.element.style.zIndex=this.options.zindex;}
if(this.options.ghosting){
this._clone=this.element.cloneNode(true);
Position.absolutize(this.element);
this.element.parentNode.insertBefore(this._clone,this.element);}
if(this.options.scroll){
if(this.options.scroll==window){
var where=this._getWindowScroll(this.options.scroll);
this.originalScrollLeft=where.left;
this.originalScrollTop=where.top;}else{
this.originalScrollLeft=this.options.scroll.scrollLeft;
this.originalScrollTop=this.options.scroll.scrollTop;}}
Draggables.notify('onStart',this,event);
if(this.options.starteffect)this.options.starteffect(this.element);},
updateDrag:function(event,pointer){
if(!this.dragging)this.startDrag(event);
Position.prepare();
Droppables.show(pointer,this.element);
Draggables.notify('onDrag',this,event);
this.draw(pointer);
if(this.options.change)this.options.change(this);
if(this.options.scroll){
this.stopScrolling();
var p;
if(this.options.scroll==window){
with(this._getWindowScroll(this.options.scroll)){p=[left,top,left+width,top+height];}}else{
p=Position.page(this.options.scroll);
p[0]+=this.options.scroll.scrollLeft+Position.deltaX;
p[1]+=this.options.scroll.scrollTop+Position.deltaY;
p.push(p[0]+this.options.scroll.offsetWidth);
p.push(p[1]+this.options.scroll.offsetHeight);}
var speed=[0,0];
if(pointer[0]<(p[0]+this.options.scrollSensitivity))speed[0]=pointer[0]-(p[0]+this.options.scrollSensitivity);
if(pointer[1]<(p[1]+this.options.scrollSensitivity))speed[1]=pointer[1]-(p[1]+this.options.scrollSensitivity);
if(pointer[0]>(p[2]-this.options.scrollSensitivity))speed[0]=pointer[0]-(p[2]-this.options.scrollSensitivity);
if(pointer[1]>(p[3]-this.options.scrollSensitivity))speed[1]=pointer[1]-(p[3]-this.options.scrollSensitivity);
this.startScrolling(speed);}
if(navigator.appVersion.indexOf('AppleWebKit')>0)window.scrollBy(0,0);
Event.stop(event);},
finishDrag:function(event,success){
this.dragging=false;
if(this.options.ghosting){
Position.relativize(this.element);
Element.remove(this._clone);
this._clone=null;}
if(success)Droppables.fire(event,this.element);
Draggables.notify('onEnd',this,event);
var revert=this.options.revert;
if(revert&&typeof revert=='function')revert=revert(this.element);
var d=this.currentDelta();
if(revert&&this.options.reverteffect){
this.options.reverteffect(this.element,
d[1]-this.delta[1],d[0]-this.delta[0]);}else{
this.delta=d;}
if(this.options.zindex)
this.element.style.zIndex=this.originalZ;
if(this.options.endeffect)
this.options.endeffect(this.element);
Draggables.deactivate(this);
Droppables.reset();},
keyPress:function(event){
if(event.keyCode!=Event.KEY_ESC)return;
this.finishDrag(event,false);
Event.stop(event);},
endDrag:function(event){
if(!this.dragging)return;
this.stopScrolling();
this.finishDrag(event,true);
Event.stop(event);},
draw:function(point){
var pos=Position.cumulativeOffset(this.element);
if(this.options.ghosting){
var r=Position.realOffset(this.element);
pos[0]+=r[0]-Position.deltaX;pos[1]+=r[1]-Position.deltaY;}
var d=this.currentDelta();
pos[0]-=d[0];pos[1]-=d[1];
if(this.options.scroll&&(this.options.scroll!=window&&this._isScrollChild)){
pos[0]-=this.options.scroll.scrollLeft-this.originalScrollLeft;
pos[1]-=this.options.scroll.scrollTop-this.originalScrollTop;}
var p=[0,1].map(function(i){
return(point[i]-pos[i]-this.offset[i])}.bind(this));
if(this.options.snap){
if(typeof this.options.snap=='function'){
p=this.options.snap(p[0],p[1],this);}else{
if(this.options.snap instanceof Array){
p=p.map(function(v,i){
return Math.round(v/this.options.snap[i])*this.options.snap[i]}.bind(this))}else{
p=p.map(function(v){
return Math.round(v/this.options.snap)*this.options.snap}.bind(this))}}}
var style=this.element.style;
if((!this.options.constraint)||(this.options.constraint=='horizontal'))
style.left=p[0]+"px";
if((!this.options.constraint)||(this.options.constraint=='vertical'))
style.top=p[1]+"px";
if(style.visibility=="hidden")style.visibility="";},
stopScrolling:function(){
if(this.scrollInterval){
clearInterval(this.scrollInterval);
this.scrollInterval=null;
Draggables._lastScrollPointer=null;}},
startScrolling:function(speed){
if(!(speed[0]||speed[1]))return;
this.scrollSpeed=[speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];
this.lastScrolled=new Date();
this.scrollInterval=setInterval(this.scroll.bind(this),10);},
scroll:function(){
var current=new Date();
var delta=current-this.lastScrolled;
this.lastScrolled=current;
if(this.options.scroll==window){
with(this._getWindowScroll(this.options.scroll)){
if(this.scrollSpeed[0]||this.scrollSpeed[1]){
var d=delta/1000;
this.options.scroll.scrollTo(left+d*this.scrollSpeed[0],top+d*this.scrollSpeed[1]);}}}else{
this.options.scroll.scrollLeft+=this.scrollSpeed[0]*delta/1000;
this.options.scroll.scrollTop+=this.scrollSpeed[1]*delta/1000;}
Position.prepare();
Droppables.show(Draggables._lastPointer,this.element);
Draggables.notify('onDrag',this);
if(this._isScrollChild){
Draggables._lastScrollPointer=Draggables._lastScrollPointer||$A(Draggables._lastPointer);
Draggables._lastScrollPointer[0]+=this.scrollSpeed[0]*delta/1000;
Draggables._lastScrollPointer[1]+=this.scrollSpeed[1]*delta/1000;
if(Draggables._lastScrollPointer[0]<0)
Draggables._lastScrollPointer[0]=0;
if(Draggables._lastScrollPointer[1]<0)
Draggables._lastScrollPointer[1]=0;
this.draw(Draggables._lastScrollPointer);}
if(this.options.change)this.options.change(this);},
_getWindowScroll:function(w){
var T,L,W,H;
with(w.document){
if(w.document.documentElement&&documentElement.scrollTop){
T=documentElement.scrollTop;
L=documentElement.scrollLeft;}else if(w.document.body){
T=body.scrollTop;
L=body.scrollLeft;}
if(w.innerWidth){
W=w.innerWidth;
H=w.innerHeight;}else if(w.document.documentElement&&documentElement.clientWidth){
W=documentElement.clientWidth;
H=documentElement.clientHeight;}else{
W=body.offsetWidth;
H=body.offsetHeight}}
return{top:T,left:L,width:W,height:H};}}
var SortableObserver=Class.create();
SortableObserver.prototype={
initialize:function(element,observer){
this.element=$(element);
this.observer=observer;
this.lastValue=Sortable.serialize(this.element);},
onStart:function(){
this.lastValue=Sortable.serialize(this.element);},
onEnd:function(){
Sortable.unmark();
if(this.lastValue!=Sortable.serialize(this.element))
this.observer(this.element)}}
var Sortable={
SERIALIZE_RULE:/^[^_\-](?:[A-Za-z0-9\-\_]*)[_](.*)$/,
sortables:{},
_findRootElement:function(element){
while(element.tagName.toUpperCase()!="BODY"){
if(element.id&&Sortable.sortables[element.id])return element;
element=element.parentNode;}},
options:function(element){
element=Sortable._findRootElement($(element));
if(!element)return;
return Sortable.sortables[element.id];},
destroy:function(element){
var s=Sortable.options(element);
if(s){
Draggables.removeObserver(s.element);
s.droppables.each(function(d){Droppables.remove(d)});
s.draggables.invoke('destroy');
delete Sortable.sortables[s.element.id];}},
create:function(element){
element=$(element);
var options=Object.extend({
element:element,
tag:'li',
dropOnEmpty:false,
tree:false,
treeTag:'ul',
overlap:'vertical',
constraint:'vertical',
containment:element,
handle:false,
only:false,
delay:0,
hoverclass:null,
ghosting:false,
scroll:false,
scrollSensitivity:20,
scrollSpeed:15,
format:this.SERIALIZE_RULE,
onChange:Prototype.emptyFunction,
onUpdate:Prototype.emptyFunction},arguments[1]||{});
this.destroy(element);
var options_for_draggable={
revert:true,
scroll:options.scroll,
scrollSpeed:options.scrollSpeed,
scrollSensitivity:options.scrollSensitivity,
delay:options.delay,
ghosting:options.ghosting,
constraint:options.constraint,
handle:options.handle};
if(options.starteffect)
options_for_draggable.starteffect=options.starteffect;
if(options.reverteffect)
options_for_draggable.reverteffect=options.reverteffect;
else
if(options.ghosting)options_for_draggable.reverteffect=function(element){
element.style.top=0;
element.style.left=0;};
if(options.endeffect)
options_for_draggable.endeffect=options.endeffect;
if(options.zindex)
options_for_draggable.zindex=options.zindex;
var options_for_droppable={
overlap:options.overlap,
containment:options.containment,
tree:options.tree,
hoverclass:options.hoverclass,
onHover:Sortable.onHover}
var options_for_tree={
onHover:Sortable.onEmptyHover,
overlap:options.overlap,
containment:options.containment,
hoverclass:options.hoverclass}
Element.cleanWhitespace(element);
options.draggables=[];
options.droppables=[];
if(options.dropOnEmpty||options.tree){
Droppables.add(element,options_for_tree);
options.droppables.push(element);}(this.findElements(element,options)||[]).each(function(e){
var handle=options.handle?
$(e).down('.'+options.handle,0):e;
options.draggables.push(
new Draggable(e,Object.extend(options_for_draggable,{handle:handle})));
Droppables.add(e,options_for_droppable);
if(options.tree)e.treeNode=element;
options.droppables.push(e);});
if(options.tree){(Sortable.findTreeElements(element,options)||[]).each(function(e){
Droppables.add(e,options_for_tree);
e.treeNode=element;
options.droppables.push(e);});}
this.sortables[element.id]=options;
Draggables.addObserver(new SortableObserver(element,options.onUpdate));},
findElements:function(element,options){
return Element.findChildren(
element,options.only,options.tree?true:false,options.tag);},
findTreeElements:function(element,options){
return Element.findChildren(
element,options.only,options.tree?true:false,options.treeTag);},
onHover:function(element,dropon,overlap){
if(Element.isParent(dropon,element))return;
if(overlap>.33&&overlap<.66&&Sortable.options(dropon).tree){
return;}else if(overlap>0.5){
Sortable.mark(dropon,'before');
if(dropon.previousSibling!=element){
var oldParentNode=element.parentNode;
element.style.visibility="hidden";
dropon.parentNode.insertBefore(element,dropon);
if(dropon.parentNode!=oldParentNode)
Sortable.options(oldParentNode).onChange(element);
Sortable.options(dropon.parentNode).onChange(element);}}else{
Sortable.mark(dropon,'after');
var nextElement=dropon.nextSibling||null;
if(nextElement!=element){
var oldParentNode=element.parentNode;
element.style.visibility="hidden";
dropon.parentNode.insertBefore(element,nextElement);
if(dropon.parentNode!=oldParentNode)
Sortable.options(oldParentNode).onChange(element);
Sortable.options(dropon.parentNode).onChange(element);}}},
onEmptyHover:function(element,dropon,overlap){
var oldParentNode=element.parentNode;
var droponOptions=Sortable.options(dropon);
if(!Element.isParent(dropon,element)){
var index;
var children=Sortable.findElements(dropon,{tag:droponOptions.tag,only:droponOptions.only});
var child=null;
if(children){
var offset=Element.offsetSize(dropon,droponOptions.overlap)*(1.0-overlap);
for(index=0;index<children.length;index+=1){
if(offset-Element.offsetSize(children[index],droponOptions.overlap)>=0){
offset-=Element.offsetSize(children[index],droponOptions.overlap);}else if(offset-(Element.offsetSize(children[index],droponOptions.overlap)/2)>=0){
child=index+1<children.length?children[index+1]:null;
break;}else{
child=children[index];
break;}}}
dropon.insertBefore(element,child);
Sortable.options(oldParentNode).onChange(element);
droponOptions.onChange(element);}},
unmark:function(){
if(Sortable._marker)Sortable._marker.hide();},
mark:function(dropon,position){
var sortable=Sortable.options(dropon.parentNode);
if(sortable&&!sortable.ghosting)return;
if(!Sortable._marker){
Sortable._marker=($('dropmarker')||Element.extend(document.createElement('DIV'))).
hide().addClassName('dropmarker').setStyle({position:'absolute'});
document.getElementsByTagName("body").item(0).appendChild(Sortable._marker);}
var offsets=Position.cumulativeOffset(dropon);
Sortable._marker.setStyle({left:offsets[0]+'px',top:offsets[1]+'px'});
if(position=='after')
if(sortable.overlap=='horizontal')
Sortable._marker.setStyle({left:(offsets[0]+dropon.clientWidth)+'px'});
else
Sortable._marker.setStyle({top:(offsets[1]+dropon.clientHeight)+'px'});
Sortable._marker.show();},
_tree:function(element,options,parent){
var children=Sortable.findElements(element,options)||[];
for(var i=0;i<children.length;++i){
var match=children[i].id.match(options.format);
if(!match)continue;
var child={
id:encodeURIComponent(match?match[1]:null),
element:element,
parent:parent,
children:[],
position:parent.children.length,
container:$(children[i]).down(options.treeTag)}
if(child.container)
this._tree(child.container,options,child)
parent.children.push(child);}
return parent;},
tree:function(element){
element=$(element);
var sortableOptions=this.options(element);
var options=Object.extend({
tag:sortableOptions.tag,
treeTag:sortableOptions.treeTag,
only:sortableOptions.only,
name:element.id,
format:sortableOptions.format},arguments[1]||{});
var root={
id:null,
parent:null,
children:[],
container:element,
position:0}
return Sortable._tree(element,options,root);},
_constructIndex:function(node){
var index='';
do{
if(node.id)index='['+node.position+']'+index;}while((node=node.parent)!=null);
return index;},
sequence:function(element){
element=$(element);
var options=Object.extend(this.options(element),arguments[1]||{});
return $(this.findElements(element,options)||[]).map(function(item){
return item.id.match(options.format)?item.id.match(options.format)[1]:'';});},
setSequence:function(element,new_sequence){
element=$(element);
var options=Object.extend(this.options(element),arguments[2]||{});
var nodeMap={};
this.findElements(element,options).each(function(n){
if(n.id.match(options.format))
nodeMap[n.id.match(options.format)[1]]=[n,n.parentNode];
n.parentNode.removeChild(n);});
new_sequence.each(function(ident){
var n=nodeMap[ident];
if(n){
n[1].appendChild(n[0]);
delete nodeMap[ident];}});},
serialize:function(element){
element=$(element);
var options=Object.extend(Sortable.options(element),arguments[1]||{});
var name=encodeURIComponent((arguments[1]&&arguments[1].name)?arguments[1].name:element.id);
if(options.tree){
return Sortable.tree(element,arguments[1]).children.map(function(item){
return[name+Sortable._constructIndex(item)+"[id]="+
encodeURIComponent(item.id)].concat(item.children.map(arguments.callee));}).flatten().join('&');}else{
return Sortable.sequence(element,arguments[1]).map(function(item){
return name+"[]="+encodeURIComponent(item);}).join('&');}}}
Element.isParent=function(child,element){
if(!child.parentNode||child==element)return false;
if(child.parentNode==element)return true;
return Element.isParent(child.parentNode,element);}
Element.findChildren=function(element,only,recursive,tagName){
if(!element.hasChildNodes())return null;
tagName=tagName.toUpperCase();
if(only)only=[only].flatten();
var elements=[];
$A(element.childNodes).each(function(e){
if(e.tagName&&e.tagName.toUpperCase()==tagName&&(!only||(Element.classNames(e).detect(function(v){return only.include(v)}))))
elements.push(e);
if(recursive){
var grandchildren=Element.findChildren(e,only,recursive,tagName);
if(grandchildren)elements.push(grandchildren);}});
return(elements.length>0?elements.flatten():[]);}
Element.offsetSize=function(element,type){
return element['offset'+((type=='vertical'||type=='height')?'Height':'Width')];}
if(typeof Effect=='undefined')
throw("controls.js requires including script.aculo.us' effects.js library");
var Autocompleter={}
Autocompleter.Base=function(){};
Autocompleter.Base.prototype={
baseInitialize:function(element,update,options){
this.element=$(element);
this.update=$(update);
this.hasFocus=false;
this.changed=false;
this.active=false;
this.index=0;
this.entryCount=0;
if(this.setOptions)
this.setOptions(options);
else
this.options=options||{};
this.options.paramName=this.options.paramName||this.element.name;
this.options.tokens=this.options.tokens||[];
this.options.frequency=this.options.frequency||0.4;
this.options.minChars=this.options.minChars||1;
this.options.onShow=this.options.onShow||
function(element,update){
if(!update.style.position||update.style.position=='absolute'){
update.style.position='absolute';
Position.clone(element,update,{
setHeight:false,
offsetTop:element.offsetHeight});}
Effect.Appear(update,{duration:0.15});};
this.options.onHide=this.options.onHide||
function(element,update){new Effect.Fade(update,{duration:0.15})};
if(typeof(this.options.tokens)=='string')
this.options.tokens=new Array(this.options.tokens);
this.observer=null;
this.element.setAttribute('autocomplete','off');
Element.hide(this.update);
Event.observe(this.element,"blur",this.onBlur.bindAsEventListener(this));
Event.observe(this.element,"keypress",this.onKeyPress.bindAsEventListener(this));},
show:function(){
if(Element.getStyle(this.update,'display')=='none')this.options.onShow(this.element,this.update);
if(!this.iefix&&(navigator.appVersion.indexOf('MSIE')>0)&&(navigator.userAgent.indexOf('Opera')<0)&&(Element.getStyle(this.update,'position')=='absolute')){
new Insertion.After(this.update,
'<iframe id="'+this.update.id+'_iefix" '+
'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" '+
'src="javascript:false;" frameborder="0" scrolling="no"></iframe>');
this.iefix=$(this.update.id+'_iefix');}
if(this.iefix)setTimeout(this.fixIEOverlapping.bind(this),50);},
fixIEOverlapping:function(){
Position.clone(this.update,this.iefix,{setTop:(!this.update.style.height)});
this.iefix.style.zIndex=1;
this.update.style.zIndex=2;
Element.show(this.iefix);},
hide:function(){
this.stopIndicator();
if(Element.getStyle(this.update,'display')!='none')this.options.onHide(this.element,this.update);
if(this.iefix)Element.hide(this.iefix);},
startIndicator:function(){
if(this.options.indicator)Element.show(this.options.indicator);},
stopIndicator:function(){
if(this.options.indicator)Element.hide(this.options.indicator);},
onKeyPress:function(event){
if(this.active)
switch(event.keyCode){
case Event.KEY_TAB:
case Event.KEY_RETURN:
this.selectEntry();
Event.stop(event);
case Event.KEY_ESC:
this.hide();
this.active=false;
Event.stop(event);
return;
case Event.KEY_LEFT:
case Event.KEY_RIGHT:
return;
case Event.KEY_UP:
this.markPrevious();
this.render();
if(navigator.appVersion.indexOf('AppleWebKit')>0)Event.stop(event);
return;
case Event.KEY_DOWN:
this.markNext();
this.render();
if(navigator.appVersion.indexOf('AppleWebKit')>0)Event.stop(event);
return;}
else
if(event.keyCode==Event.KEY_TAB||event.keyCode==Event.KEY_RETURN||(navigator.appVersion.indexOf('AppleWebKit')>0&&event.keyCode==0))return;
this.changed=true;
this.hasFocus=true;
if(this.observer)clearTimeout(this.observer);
this.observer=
setTimeout(this.onObserverEvent.bind(this),this.options.frequency*1000);},
activate:function(){
this.changed=false;
this.hasFocus=true;
this.getUpdatedChoices();},
onHover:function(event){
var element=Event.findElement(event,'LI');
if(this.index!=element.autocompleteIndex){
this.index=element.autocompleteIndex;
this.render();}
Event.stop(event);},
onClick:function(event){
var element=Event.findElement(event,'LI');
this.index=element.autocompleteIndex;
this.selectEntry();
this.hide();},
onBlur:function(event){
setTimeout(this.hide.bind(this),250);
this.hasFocus=false;
this.active=false;},
render:function(){
if(this.entryCount>0){
for(var i=0;i<this.entryCount;i++)
this.index==i?
Element.addClassName(this.getEntry(i),"selected"):
Element.removeClassName(this.getEntry(i),"selected");
if(this.hasFocus){
this.show();
this.active=true;}}else{
this.active=false;
this.hide();}},
markPrevious:function(){
if(this.index>0)this.index--
else this.index=this.entryCount-1;
this.getEntry(this.index).scrollIntoView(true);},
markNext:function(){
if(this.index<this.entryCount-1)this.index++
else this.index=0;
this.getEntry(this.index).scrollIntoView(false);},
getEntry:function(index){
return this.update.firstChild.childNodes[index];},
getCurrentEntry:function(){
return this.getEntry(this.index);},
selectEntry:function(){
this.active=false;
this.updateElement(this.getCurrentEntry());},
updateElement:function(selectedElement){
if(this.options.updateElement){
this.options.updateElement(selectedElement);
return;}
var value='';
if(this.options.select){
var nodes=document.getElementsByClassName(this.options.select,selectedElement)||[];
if(nodes.length>0)value=Element.collectTextNodes(nodes[0],this.options.select);}else
value=Element.collectTextNodesIgnoreClass(selectedElement,'informal');
var lastTokenPos=this.findLastToken();
if(lastTokenPos!=-1){
var newValue=this.element.value.substr(0,lastTokenPos+1);
var whitespace=this.element.value.substr(lastTokenPos+1).match(/^\s+/);
if(whitespace)
newValue+=whitespace[0];
this.element.value=newValue+value;}else{
this.element.value=value;}
this.element.focus();
if(this.options.afterUpdateElement)
this.options.afterUpdateElement(this.element,selectedElement);},
updateChoices:function(choices){
if(!this.changed&&this.hasFocus){
this.update.innerHTML=choices;
Element.cleanWhitespace(this.update);
Element.cleanWhitespace(this.update.down());
if(this.update.firstChild&&this.update.down().childNodes){
this.entryCount=
this.update.down().childNodes.length;
for(var i=0;i<this.entryCount;i++){
var entry=this.getEntry(i);
entry.autocompleteIndex=i;
this.addObservers(entry);}}else{
this.entryCount=0;}
this.stopIndicator();
this.index=0;
if(this.entryCount==1&&this.options.autoSelect){
this.selectEntry();
this.hide();}else{
this.render();}}},
addObservers:function(element){
Event.observe(element,"mouseover",this.onHover.bindAsEventListener(this));
Event.observe(element,"click",this.onClick.bindAsEventListener(this));},
onObserverEvent:function(){
this.changed=false;
if(this.getToken().length>=this.options.minChars){
this.startIndicator();
this.getUpdatedChoices();}else{
this.active=false;
this.hide();}},
getToken:function(){
var tokenPos=this.findLastToken();
if(tokenPos!=-1)
var ret=this.element.value.substr(tokenPos+1).replace(/^\s+/,'').replace(/\s+$/,'');
else
var ret=this.element.value;
return/\n/.test(ret)?'':ret;},
findLastToken:function(){
var lastTokenPos=-1;
for(var i=0;i<this.options.tokens.length;i++){
var thisTokenPos=this.element.value.lastIndexOf(this.options.tokens[i]);
if(thisTokenPos>lastTokenPos)
lastTokenPos=thisTokenPos;}
return lastTokenPos;}}
Ajax.Autocompleter=Class.create();
Object.extend(Object.extend(Ajax.Autocompleter.prototype,Autocompleter.Base.prototype),{
initialize:function(element,update,url,options){
this.baseInitialize(element,update,options);
this.options.asynchronous=true;
this.options.onComplete=this.onComplete.bind(this);
this.options.defaultParams=this.options.parameters||null;
this.url=url;},
getUpdatedChoices:function(){
entry=encodeURIComponent(this.options.paramName)+'='+
encodeURIComponent(this.getToken());
this.options.parameters=this.options.callback?
this.options.callback(this.element,entry):entry;
if(this.options.defaultParams)
this.options.parameters+='&'+this.options.defaultParams;
new Ajax.Request(this.url,this.options);},
onComplete:function(request){
this.updateChoices(request.responseText);}});
Autocompleter.Local=Class.create();
Autocompleter.Local.prototype=Object.extend(new Autocompleter.Base(),{
initialize:function(element,update,array,options){
this.baseInitialize(element,update,options);
this.options.array=array;},
getUpdatedChoices:function(){
this.updateChoices(this.options.selector(this));},
setOptions:function(options){
this.options=Object.extend({
choices:10,
partialSearch:true,
partialChars:2,
ignoreCase:true,
fullSearch:false,
selector:function(instance){
var ret=[];
var partial=[];
var entry=instance.getToken();
var count=0;
for(var i=0;i<instance.options.array.length&&
ret.length<instance.options.choices;i++){
var elem=instance.options.array[i];
var foundPos=instance.options.ignoreCase?
elem.toLowerCase().indexOf(entry.toLowerCase()):
elem.indexOf(entry);
while(foundPos!=-1){
if(foundPos==0&&elem.length!=entry.length){
ret.push("<li><strong>"+elem.substr(0,entry.length)+"</strong>"+
elem.substr(entry.length)+"</li>");
break;}else if(entry.length>=instance.options.partialChars&&
instance.options.partialSearch&&foundPos!=-1){
if(instance.options.fullSearch||/\s/.test(elem.substr(foundPos-1,1))){
partial.push("<li>"+elem.substr(0,foundPos)+"<strong>"+
elem.substr(foundPos,entry.length)+"</strong>"+elem.substr(
foundPos+entry.length)+"</li>");
break;}}
foundPos=instance.options.ignoreCase?
elem.toLowerCase().indexOf(entry.toLowerCase(),foundPos+1):
elem.indexOf(entry,foundPos+1);}}
if(partial.length)
ret=ret.concat(partial.slice(0,instance.options.choices-ret.length))
return "<ul>"+ret.join('')+"</ul>";}},options||{});}});
Field.scrollFreeActivate=function(field){
setTimeout(function(){
Field.activate(field);},1);}
Ajax.InPlaceEditor=Class.create();
Ajax.InPlaceEditor.defaultHighlightColor="#FFFF99";
Ajax.InPlaceEditor.prototype={
initialize:function(element,url,options){
this.url=url;
this.element=$(element);
this.options=Object.extend({
paramName:"value",
okButton:true,
okText:"ok",
cancelLink:true,
cancelText:"cancel",
savingText:"Saving...",
clickToEditText:"Click to edit",
okText:"ok",
rows:1,
onComplete:function(transport,element){
new Effect.Highlight(element,{startcolor:this.options.highlightcolor});},
onFailure:function(transport){
alert("Error communicating with the server: "+transport.responseText.stripTags());},
callback:function(form){
return Form.serialize(form);},
handleLineBreaks:true,
loadingText:'Loading...',
savingClassName:'inplaceeditor-saving',
loadingClassName:'inplaceeditor-loading',
formClassName:'inplaceeditor-form',
highlightcolor:Ajax.InPlaceEditor.defaultHighlightColor,
highlightendcolor:"#FFFFFF",
externalControl:null,
submitOnBlur:false,
ajaxOptions:{},
evalScripts:false},options||{});
if(!this.options.formId&&this.element.id){
this.options.formId=this.element.id+"-inplaceeditor";
if($(this.options.formId)){
this.options.formId=null;}}
if(this.options.externalControl){
this.options.externalControl=$(this.options.externalControl);}
this.originalBackground=Element.getStyle(this.element,'background-color');
if(!this.originalBackground){
this.originalBackground="transparent";}
this.element.title=this.options.clickToEditText;
this.onclickListener=this.enterEditMode.bindAsEventListener(this);
this.mouseoverListener=this.enterHover.bindAsEventListener(this);
this.mouseoutListener=this.leaveHover.bindAsEventListener(this);
Event.observe(this.element,'click',this.onclickListener);
Event.observe(this.element,'mouseover',this.mouseoverListener);
Event.observe(this.element,'mouseout',this.mouseoutListener);
if(this.options.externalControl){
Event.observe(this.options.externalControl,'click',this.onclickListener);
Event.observe(this.options.externalControl,'mouseover',this.mouseoverListener);
Event.observe(this.options.externalControl,'mouseout',this.mouseoutListener);}},
enterEditMode:function(evt){
if(this.saving)return;
if(this.editing)return;
this.editing=true;
this.onEnterEditMode();
if(this.options.externalControl){
Element.hide(this.options.externalControl);}
Element.hide(this.element);
this.createForm();
this.element.parentNode.insertBefore(this.form,this.element);
if(!this.options.loadTextURL)Field.scrollFreeActivate(this.editField);
if(evt){
Event.stop(evt);}
return false;},
createForm:function(){
this.form=document.createElement("form");
this.form.id=this.options.formId;
Element.addClassName(this.form,this.options.formClassName)
this.form.onsubmit=this.onSubmit.bind(this);
this.createEditField();
if(this.options.textarea){
var br=document.createElement("br");
this.form.appendChild(br);}
if(this.options.okButton){
okButton=document.createElement("input");
okButton.type="submit";
okButton.value=this.options.okText;
okButton.className='editor_ok_button';
this.form.appendChild(okButton);}
if(this.options.cancelLink){
cancelLink=document.createElement("a");
cancelLink.href="#";
cancelLink.appendChild(document.createTextNode(this.options.cancelText));
cancelLink.onclick=this.onclickCancel.bind(this);
cancelLink.className='editor_cancel';
this.form.appendChild(cancelLink);}},
hasHTMLLineBreaks:function(string){
if(!this.options.handleLineBreaks)return false;
return string.match(/<br/i)||string.match(/<p>/i);},
convertHTMLLineBreaks:function(string){
return string.replace(/<br>/gi,"\n").replace(/<br\/>/gi, "\n").replace(/<\/p>/gi,"\n").replace(/<p>/gi,"");},
createEditField:function(){
var text;
if(this.options.loadTextURL){
text=this.options.loadingText;}else{
text=this.getText();}
var obj=this;
if(this.options.rows==1&&!this.hasHTMLLineBreaks(text)){
this.options.textarea=false;
var textField=document.createElement("input");
textField.obj=this;
textField.type="text";
textField.name=this.options.paramName;
textField.value=text;
textField.style.backgroundColor=this.options.highlightcolor;
textField.className='editor_field';
var size=this.options.size||this.options.cols||0;
if(size!=0)textField.size=size;
if(this.options.submitOnBlur)
textField.onblur=this.onSubmit.bind(this);
this.editField=textField;}else{
this.options.textarea=true;
var textArea=document.createElement("textarea");
textArea.obj=this;
textArea.name=this.options.paramName;
textArea.value=this.convertHTMLLineBreaks(text);
textArea.rows=this.options.rows;
textArea.cols=this.options.cols||40;
textArea.className='editor_field';
if(this.options.submitOnBlur)
textArea.onblur=this.onSubmit.bind(this);
this.editField=textArea;}
if(this.options.loadTextURL){
this.loadExternalText();}
this.form.appendChild(this.editField);},
getText:function(){
return this.element.innerHTML;},
loadExternalText:function(){
Element.addClassName(this.form,this.options.loadingClassName);
this.editField.disabled=true;
new Ajax.Request(
this.options.loadTextURL,
Object.extend({
asynchronous:true,
onComplete:this.onLoadedExternalText.bind(this)},this.options.ajaxOptions));},
onLoadedExternalText:function(transport){
Element.removeClassName(this.form,this.options.loadingClassName);
this.editField.disabled=false;
this.editField.value=transport.responseText.stripTags();
Field.scrollFreeActivate(this.editField);},
onclickCancel:function(){
this.onComplete();
this.leaveEditMode();
return false;},
onFailure:function(transport){
this.options.onFailure(transport);
if(this.oldInnerHTML){
this.element.innerHTML=this.oldInnerHTML;
this.oldInnerHTML=null;}
return false;},
onSubmit:function(){
var form=this.form;
var value=this.editField.value;
this.onLoading();
if(this.options.evalScripts){
new Ajax.Request(
this.url,Object.extend({
parameters:this.options.callback(form,value),
onComplete:this.onComplete.bind(this),
onFailure:this.onFailure.bind(this),
asynchronous:true,
evalScripts:true},this.options.ajaxOptions));}else{
new Ajax.Updater({success:this.element,
failure:null},
this.url,Object.extend({
parameters:this.options.callback(form,value),
onComplete:this.onComplete.bind(this),
onFailure:this.onFailure.bind(this)},this.options.ajaxOptions));}
if(arguments.length>1){
Event.stop(arguments[0]);}
return false;},
onLoading:function(){
this.saving=true;
this.removeForm();
this.leaveHover();
this.showSaving();},
showSaving:function(){
this.oldInnerHTML=this.element.innerHTML;
this.element.innerHTML=this.options.savingText;
Element.addClassName(this.element,this.options.savingClassName);
this.element.style.backgroundColor=this.originalBackground;
Element.show(this.element);},
removeForm:function(){
if(this.form){
if(this.form.parentNode)Element.remove(this.form);
this.form=null;}},
enterHover:function(){
if(this.saving)return;
this.element.style.backgroundColor=this.options.highlightcolor;
if(this.effect){
this.effect.cancel();}
Element.addClassName(this.element,this.options.hoverClassName)},
leaveHover:function(){
if(this.options.backgroundColor){
this.element.style.backgroundColor=this.oldBackground;}
Element.removeClassName(this.element,this.options.hoverClassName)
if(this.saving)return;
this.effect=new Effect.Highlight(this.element,{
startcolor:this.options.highlightcolor,
endcolor:this.options.highlightendcolor,
restorecolor:this.originalBackground});},
leaveEditMode:function(){
Element.removeClassName(this.element,this.options.savingClassName);
this.removeForm();
this.leaveHover();
this.element.style.backgroundColor=this.originalBackground;
Element.show(this.element);
if(this.options.externalControl){
Element.show(this.options.externalControl);}
this.editing=false;
this.saving=false;
this.oldInnerHTML=null;
this.onLeaveEditMode();},
onComplete:function(transport){
this.leaveEditMode();
this.options.onComplete.bind(this)(transport,this.element);},
onEnterEditMode:function(){},
onLeaveEditMode:function(){},
dispose:function(){
if(this.oldInnerHTML){
this.element.innerHTML=this.oldInnerHTML;}
this.leaveEditMode();
Event.stopObserving(this.element,'click',this.onclickListener);
Event.stopObserving(this.element,'mouseover',this.mouseoverListener);
Event.stopObserving(this.element,'mouseout',this.mouseoutListener);
if(this.options.externalControl){
Event.stopObserving(this.options.externalControl,'click',this.onclickListener);
Event.stopObserving(this.options.externalControl,'mouseover',this.mouseoverListener);
Event.stopObserving(this.options.externalControl,'mouseout',this.mouseoutListener);}}};
Ajax.InPlaceCollectionEditor=Class.create();
Object.extend(Ajax.InPlaceCollectionEditor.prototype,Ajax.InPlaceEditor.prototype);
Object.extend(Ajax.InPlaceCollectionEditor.prototype,{
createEditField:function(){
if(!this.cached_selectTag){
var selectTag=document.createElement("select");
var collection=this.options.collection||[];
var optionTag;
collection.each(function(e,i){
optionTag=document.createElement("option");
optionTag.value=(e instanceof Array)?e[0]:e;
if((typeof this.options.value=='undefined')&&((e instanceof Array)?this.element.innerHTML==e[1]:e==optionTag.value))optionTag.selected=true;
if(this.options.value==optionTag.value)optionTag.selected=true;
optionTag.appendChild(document.createTextNode((e instanceof Array)?e[1]:e));
selectTag.appendChild(optionTag);}.bind(this));
this.cached_selectTag=selectTag;}
this.editField=this.cached_selectTag;
if(this.options.loadTextURL)this.loadExternalText();
this.form.appendChild(this.editField);
this.options.callback=function(form,value){
return "value="+encodeURIComponent(value);}}});
Form.Element.DelayedObserver=Class.create();
Form.Element.DelayedObserver.prototype={
initialize:function(element,delay,callback){
this.delay=delay||0.5;
this.element=$(element);
this.callback=callback;
this.timer=null;
this.lastValue=$F(this.element);
Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this));},
delayedListener:function(event){
if(this.lastValue==$F(this.element))return;
if(this.timer)clearTimeout(this.timer);
this.timer=setTimeout(this.onTimerEvent.bind(this),this.delay*1000);
this.lastValue=$F(this.element);},
onTimerEvent:function(){
this.timer=null;
this.callback(this.element,$F(this.element));}};
if(!Control)var Control={};
Control.Slider=Class.create();
Control.Slider.prototype={
initialize:function(handle,track,options){
var slider=this;
if(handle instanceof Array){
this.handles=handle.collect(function(e){return $(e)});}else{
this.handles=[$(handle)];}
this.track=$(track);
this.options=options||{};
this.axis=this.options.axis||'horizontal';
this.increment=this.options.increment||1;
this.step=parseInt(this.options.step||'1');
this.range=this.options.range||$R(0,1);
this.value=0;
this.values=this.handles.map(function(){return 0});
this.spans=this.options.spans?this.options.spans.map(function(s){return $(s)}):false;
this.options.startSpan=$(this.options.startSpan||null);
this.options.endSpan=$(this.options.endSpan||null);
this.restricted=this.options.restricted||false;
this.maximum=this.options.maximum||this.range.end;
this.minimum=this.options.minimum||this.range.start;
this.alignX=parseInt(this.options.alignX||'0');
this.alignY=parseInt(this.options.alignY||'0');
this.trackLength=this.maximumOffset()-this.minimumOffset();
this.handleLength=this.isVertical()?(this.handles[0].offsetHeight!=0?
this.handles[0].offsetHeight:this.handles[0].style.height.replace(/px$/,"")):(this.handles[0].offsetWidth!=0?this.handles[0].offsetWidth:
this.handles[0].style.width.replace(/px$/,""));
this.active=false;
this.dragging=false;
this.disabled=false;
if(this.options.disabled)this.setDisabled();
this.allowedValues=this.options.values?this.options.values.sortBy(Prototype.K):false;
if(this.allowedValues){
this.minimum=this.allowedValues.min();
this.maximum=this.allowedValues.max();}
this.eventMouseDown=this.startDrag.bindAsEventListener(this);
this.eventMouseUp=this.endDrag.bindAsEventListener(this);
this.eventMouseMove=this.update.bindAsEventListener(this);
this.handles.each(function(h,i){
i=slider.handles.length-1-i;
slider.setValue(parseFloat((slider.options.sliderValue instanceof Array?
slider.options.sliderValue[i]:slider.options.sliderValue)||
slider.range.start),i);
Element.makePositioned(h);
Event.observe(h,"mousedown",slider.eventMouseDown);});
Event.observe(this.track,"mousedown",this.eventMouseDown);
Event.observe(document,"mouseup",this.eventMouseUp);
Event.observe(document,"mousemove",this.eventMouseMove);
this.initialized=true;},
dispose:function(){
var slider=this;
Event.stopObserving(this.track,"mousedown",this.eventMouseDown);
Event.stopObserving(document,"mouseup",this.eventMouseUp);
Event.stopObserving(document,"mousemove",this.eventMouseMove);
this.handles.each(function(h){
Event.stopObserving(h,"mousedown",slider.eventMouseDown);});},
setDisabled:function(){
this.disabled=true;},
setEnabled:function(){
this.disabled=false;},
getNearestValue:function(value){
if(this.allowedValues){
if(value>=this.allowedValues.max())return(this.allowedValues.max());
if(value<=this.allowedValues.min())return(this.allowedValues.min());
var offset=Math.abs(this.allowedValues[0]-value);
var newValue=this.allowedValues[0];
this.allowedValues.each(function(v){
var currentOffset=Math.abs(v-value);
if(currentOffset<=offset){
newValue=v;
offset=currentOffset;}});
return newValue;}
if(value>this.range.end)return this.range.end;
if(value<this.range.start)return this.range.start;
return value;},
setValue:function(sliderValue,handleIdx){
if(!this.active){
this.activeHandleIdx=handleIdx||0;
this.activeHandle=this.handles[this.activeHandleIdx];
this.updateStyles();}
handleIdx=handleIdx||this.activeHandleIdx||0;
if(this.initialized&&this.restricted){
if((handleIdx>0)&&(sliderValue<this.values[handleIdx-1]))
sliderValue=this.values[handleIdx-1];
if((handleIdx<(this.handles.length-1))&&(sliderValue>this.values[handleIdx+1]))
sliderValue=this.values[handleIdx+1];}
sliderValue=this.getNearestValue(sliderValue);
this.values[handleIdx]=sliderValue;
this.value=this.values[0];
this.handles[handleIdx].style[this.isVertical()?'top':'left']=
this.translateToPx(sliderValue);
this.drawSpans();
if(!this.dragging||!this.event)this.updateFinished();},
setValueBy:function(delta,handleIdx){
this.setValue(this.values[handleIdx||this.activeHandleIdx||0]+delta,
handleIdx||this.activeHandleIdx||0);},
translateToPx:function(value){
return Math.round(((this.trackLength-this.handleLength)/(this.range.end-this.range.start))*(value-this.range.start))+"px";},
translateToValue:function(offset){
return((offset/(this.trackLength-this.handleLength)*(this.range.end-this.range.start))+this.range.start);},
getRange:function(range){
var v=this.values.sortBy(Prototype.K);
range=range||0;
return $R(v[range],v[range+1]);},
minimumOffset:function(){
return(this.isVertical()?this.alignY:this.alignX);},
maximumOffset:function(){
return(this.isVertical()?(this.track.offsetHeight!=0?this.track.offsetHeight:
this.track.style.height.replace(/px$/,""))-this.alignY:(this.track.offsetWidth!=0?this.track.offsetWidth:
this.track.style.width.replace(/px$/,""))-this.alignY);},
isVertical:function(){
return(this.axis=='vertical');},
drawSpans:function(){
var slider=this;
if(this.spans)
$R(0,this.spans.length-1).each(function(r){slider.setSpan(slider.spans[r],slider.getRange(r))});
if(this.options.startSpan)
this.setSpan(this.options.startSpan,
$R(0,this.values.length>1?this.getRange(0).min():this.value));
if(this.options.endSpan)
this.setSpan(this.options.endSpan,
$R(this.values.length>1?this.getRange(this.spans.length-1).max():this.value,this.maximum));},
setSpan:function(span,range){
if(this.isVertical()){
span.style.top=this.translateToPx(range.start);
span.style.height=this.translateToPx(range.end -range.start+this.range.start);}else{
span.style.left=this.translateToPx(range.start);
span.style.width=this.translateToPx(range.end -range.start+this.range.start);}},
updateStyles:function(){
this.handles.each(function(h){Element.removeClassName(h,'selected')});
Element.addClassName(this.activeHandle,'selected');},
startDrag:function(event){
if(Event.isLeftClick(event)){
if(!this.disabled){
this.active=true;
var handle=Event.element(event);
var pointer=[Event.pointerX(event),Event.pointerY(event)];
var track=handle;
if(track==this.track){
var offsets=Position.cumulativeOffset(this.track);
this.event=event;
this.setValue(this.translateToValue((this.isVertical()?pointer[1]-offsets[1]:pointer[0]-offsets[0])-(this.handleLength/2)));
var offsets=Position.cumulativeOffset(this.activeHandle);
this.offsetX=(pointer[0]-offsets[0]);
this.offsetY=(pointer[1]-offsets[1]);}else{
while((this.handles.indexOf(handle)==-1)&&handle.parentNode)
handle=handle.parentNode;
if(this.handles.indexOf(handle)!=-1){
this.activeHandle=handle;
this.activeHandleIdx=this.handles.indexOf(this.activeHandle);
this.updateStyles();
var offsets=Position.cumulativeOffset(this.activeHandle);
this.offsetX=(pointer[0]-offsets[0]);
this.offsetY=(pointer[1]-offsets[1]);}}}
Event.stop(event);}},
update:function(event){
if(this.active){
if(!this.dragging)this.dragging=true;
this.draw(event);
if(navigator.appVersion.indexOf('AppleWebKit')>0)window.scrollBy(0,0);
Event.stop(event);}},
draw:function(event){
var pointer=[Event.pointerX(event),Event.pointerY(event)];
var offsets=Position.cumulativeOffset(this.track);
pointer[0]-=this.offsetX+offsets[0];
pointer[1]-=this.offsetY+offsets[1];
this.event=event;
this.setValue(this.translateToValue(this.isVertical()?pointer[1]:pointer[0]));
if(this.initialized&&this.options.onSlide)
this.options.onSlide(this.values.length>1?this.values:this.value,this);},
endDrag:function(event){
if(this.active&&this.dragging){
this.finishDrag(event,true);
Event.stop(event);}
this.active=false;
this.dragging=false;},
finishDrag:function(event,success){
this.active=false;
this.dragging=false;
this.updateFinished();},
updateFinished:function(){
if(this.initialized&&this.options.onChange)
this.options.onChange(this.values.length>1?this.values:this.value,this);
this.event=null;}}