environmentalist 0.1.0 → 0.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. data/History.txt +11 -0
  2. data/{README.txt → LICENSE} +0 -21
  3. data/README.textile +22 -0
  4. data/Rakefile +19 -29
  5. data/VERSION.yml +4 -0
  6. data/bin/environmentalize +7 -1
  7. data/lib/conf/postboot.rb +3 -14
  8. data/lib/conf/preinitializer.rb +20 -0
  9. data/test/rails210test/README +256 -0
  10. data/test/rails210test/Rakefile +10 -0
  11. data/test/rails210test/app/controllers/application.rb +15 -0
  12. data/test/rails210test/app/helpers/application_helper.rb +3 -0
  13. data/test/rails210test/config/boot.rb +109 -0
  14. data/test/rails210test/config/demo/environment.rb +22 -0
  15. data/test/rails210test/config/development/database.yml +5 -0
  16. data/test/rails210test/config/development/environment.rb +17 -0
  17. data/test/rails210test/config/environment.rb +71 -0
  18. data/test/rails210test/config/initializers/inflections.rb +10 -0
  19. data/test/rails210test/config/initializers/mime_types.rb +5 -0
  20. data/test/rails210test/config/initializers/new_rails_defaults.rb +15 -0
  21. data/test/rails210test/config/postboot.rb +38 -0
  22. data/test/rails210test/config/production/database.yml +5 -0
  23. data/test/rails210test/config/production/environment.rb +22 -0
  24. data/test/rails210test/config/routes.rb +41 -0
  25. data/test/rails210test/config/staging/environment.rb +22 -0
  26. data/test/rails210test/config/test/database.yml +5 -0
  27. data/test/rails210test/config/test/environment.rb +22 -0
  28. data/test/rails210test/doc/README_FOR_APP +2 -0
  29. data/test/rails210test/log/development.log +0 -0
  30. data/test/rails210test/log/production.log +0 -0
  31. data/test/rails210test/log/server.log +0 -0
  32. data/test/rails210test/log/test.log +0 -0
  33. data/test/rails210test/public/404.html +30 -0
  34. data/test/rails210test/public/422.html +30 -0
  35. data/test/rails210test/public/500.html +30 -0
  36. data/test/rails210test/public/dispatch.cgi +10 -0
  37. data/test/rails210test/public/dispatch.fcgi +24 -0
  38. data/test/rails210test/public/dispatch.rb +10 -0
  39. data/test/rails210test/public/favicon.ico +0 -0
  40. data/test/rails210test/public/images/rails.png +0 -0
  41. data/test/rails210test/public/index.html +274 -0
  42. data/test/rails210test/public/javascripts/application.js +2 -0
  43. data/test/rails210test/public/javascripts/controls.js +963 -0
  44. data/test/rails210test/public/javascripts/dragdrop.js +972 -0
  45. data/test/rails210test/public/javascripts/effects.js +1120 -0
  46. data/test/rails210test/public/javascripts/prototype.js +4225 -0
  47. data/test/rails210test/public/robots.txt +5 -0
  48. data/test/rails210test/script/about +3 -0
  49. data/test/rails210test/script/console +3 -0
  50. data/test/rails210test/script/dbconsole +3 -0
  51. data/test/rails210test/script/destroy +3 -0
  52. data/test/rails210test/script/generate +3 -0
  53. data/test/rails210test/script/performance/benchmarker +3 -0
  54. data/test/rails210test/script/performance/profiler +3 -0
  55. data/test/rails210test/script/performance/request +3 -0
  56. data/test/rails210test/script/plugin +3 -0
  57. data/test/rails210test/script/process/inspector +3 -0
  58. data/test/rails210test/script/process/reaper +3 -0
  59. data/test/rails210test/script/process/spawner +3 -0
  60. data/test/rails210test/script/runner +3 -0
  61. data/test/rails210test/script/server +3 -0
  62. metadata +153 -36
  63. data/Manifest.txt +0 -58
  64. data/environmentalist.gemspec +0 -35
@@ -0,0 +1,1120 @@
1
+ // Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
2
+ // Contributors:
3
+ // Justin Palmer (http://encytemedia.com/)
4
+ // Mark Pilgrim (http://diveintomark.org/)
5
+ // Martin Bialasinki
6
+ //
7
+ // script.aculo.us is freely distributable under the terms of an MIT-style license.
8
+ // For details, see the script.aculo.us web site: http://script.aculo.us/
9
+
10
+ // converts rgb() and #xxx to #xxxxxx format,
11
+ // returns self (or first argument) if not convertable
12
+ String.prototype.parseColor = function() {
13
+ var color = '#';
14
+ if (this.slice(0,4) == 'rgb(') {
15
+ var cols = this.slice(4,this.length-1).split(',');
16
+ var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3);
17
+ } else {
18
+ if (this.slice(0,1) == '#') {
19
+ if (this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase();
20
+ if (this.length==7) color = this.toLowerCase();
21
+ }
22
+ }
23
+ return (color.length==7 ? color : (arguments[0] || this));
24
+ };
25
+
26
+ /*--------------------------------------------------------------------------*/
27
+
28
+ Element.collectTextNodes = function(element) {
29
+ return $A($(element).childNodes).collect( function(node) {
30
+ return (node.nodeType==3 ? node.nodeValue :
31
+ (node.hasChildNodes() ? Element.collectTextNodes(node) : ''));
32
+ }).flatten().join('');
33
+ };
34
+
35
+ Element.collectTextNodesIgnoreClass = function(element, className) {
36
+ return $A($(element).childNodes).collect( function(node) {
37
+ return (node.nodeType==3 ? node.nodeValue :
38
+ ((node.hasChildNodes() && !Element.hasClassName(node,className)) ?
39
+ Element.collectTextNodesIgnoreClass(node, className) : ''));
40
+ }).flatten().join('');
41
+ };
42
+
43
+ Element.setContentZoom = function(element, percent) {
44
+ element = $(element);
45
+ element.setStyle({fontSize: (percent/100) + 'em'});
46
+ if (Prototype.Browser.WebKit) window.scrollBy(0,0);
47
+ return element;
48
+ };
49
+
50
+ Element.getInlineOpacity = function(element){
51
+ return $(element).style.opacity || '';
52
+ };
53
+
54
+ Element.forceRerendering = function(element) {
55
+ try {
56
+ element = $(element);
57
+ var n = document.createTextNode(' ');
58
+ element.appendChild(n);
59
+ element.removeChild(n);
60
+ } catch(e) { }
61
+ };
62
+
63
+ /*--------------------------------------------------------------------------*/
64
+
65
+ var Effect = {
66
+ _elementDoesNotExistError: {
67
+ name: 'ElementDoesNotExistError',
68
+ message: 'The specified DOM element does not exist, but is required for this effect to operate'
69
+ },
70
+ Transitions: {
71
+ linear: Prototype.K,
72
+ sinoidal: function(pos) {
73
+ return (-Math.cos(pos*Math.PI)/2) + 0.5;
74
+ },
75
+ reverse: function(pos) {
76
+ return 1-pos;
77
+ },
78
+ flicker: function(pos) {
79
+ var pos = ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4;
80
+ return pos > 1 ? 1 : pos;
81
+ },
82
+ wobble: function(pos) {
83
+ return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5;
84
+ },
85
+ pulse: function(pos, pulses) {
86
+ pulses = pulses || 5;
87
+ return (
88
+ ((pos % (1/pulses)) * pulses).round() == 0 ?
89
+ ((pos * pulses * 2) - (pos * pulses * 2).floor()) :
90
+ 1 - ((pos * pulses * 2) - (pos * pulses * 2).floor())
91
+ );
92
+ },
93
+ spring: function(pos) {
94
+ return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6));
95
+ },
96
+ none: function(pos) {
97
+ return 0;
98
+ },
99
+ full: function(pos) {
100
+ return 1;
101
+ }
102
+ },
103
+ DefaultOptions: {
104
+ duration: 1.0, // seconds
105
+ fps: 100, // 100= assume 66fps max.
106
+ sync: false, // true for combining
107
+ from: 0.0,
108
+ to: 1.0,
109
+ delay: 0.0,
110
+ queue: 'parallel'
111
+ },
112
+ tagifyText: function(element) {
113
+ var tagifyStyle = 'position:relative';
114
+ if (Prototype.Browser.IE) tagifyStyle += ';zoom:1';
115
+
116
+ element = $(element);
117
+ $A(element.childNodes).each( function(child) {
118
+ if (child.nodeType==3) {
119
+ child.nodeValue.toArray().each( function(character) {
120
+ element.insertBefore(
121
+ new Element('span', {style: tagifyStyle}).update(
122
+ character == ' ' ? String.fromCharCode(160) : character),
123
+ child);
124
+ });
125
+ Element.remove(child);
126
+ }
127
+ });
128
+ },
129
+ multiple: function(element, effect) {
130
+ var elements;
131
+ if (((typeof element == 'object') ||
132
+ Object.isFunction(element)) &&
133
+ (element.length))
134
+ elements = element;
135
+ else
136
+ elements = $(element).childNodes;
137
+
138
+ var options = Object.extend({
139
+ speed: 0.1,
140
+ delay: 0.0
141
+ }, arguments[2] || { });
142
+ var masterDelay = options.delay;
143
+
144
+ $A(elements).each( function(element, index) {
145
+ new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay }));
146
+ });
147
+ },
148
+ PAIRS: {
149
+ 'slide': ['SlideDown','SlideUp'],
150
+ 'blind': ['BlindDown','BlindUp'],
151
+ 'appear': ['Appear','Fade']
152
+ },
153
+ toggle: function(element, effect) {
154
+ element = $(element);
155
+ effect = (effect || 'appear').toLowerCase();
156
+ var options = Object.extend({
157
+ queue: { position:'end', scope:(element.id || 'global'), limit: 1 }
158
+ }, arguments[2] || { });
159
+ Effect[element.visible() ?
160
+ Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options);
161
+ }
162
+ };
163
+
164
+ Effect.DefaultOptions.transition = Effect.Transitions.sinoidal;
165
+
166
+ /* ------------- core effects ------------- */
167
+
168
+ Effect.ScopedQueue = Class.create(Enumerable, {
169
+ initialize: function() {
170
+ this.effects = [];
171
+ this.interval = null;
172
+ },
173
+ _each: function(iterator) {
174
+ this.effects._each(iterator);
175
+ },
176
+ add: function(effect) {
177
+ var timestamp = new Date().getTime();
178
+
179
+ var position = Object.isString(effect.options.queue) ?
180
+ effect.options.queue : effect.options.queue.position;
181
+
182
+ switch(position) {
183
+ case 'front':
184
+ // move unstarted effects after this effect
185
+ this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) {
186
+ e.startOn += effect.finishOn;
187
+ e.finishOn += effect.finishOn;
188
+ });
189
+ break;
190
+ case 'with-last':
191
+ timestamp = this.effects.pluck('startOn').max() || timestamp;
192
+ break;
193
+ case 'end':
194
+ // start effect after last queued effect has finished
195
+ timestamp = this.effects.pluck('finishOn').max() || timestamp;
196
+ break;
197
+ }
198
+
199
+ effect.startOn += timestamp;
200
+ effect.finishOn += timestamp;
201
+
202
+ if (!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit))
203
+ this.effects.push(effect);
204
+
205
+ if (!this.interval)
206
+ this.interval = setInterval(this.loop.bind(this), 15);
207
+ },
208
+ remove: function(effect) {
209
+ this.effects = this.effects.reject(function(e) { return e==effect });
210
+ if (this.effects.length == 0) {
211
+ clearInterval(this.interval);
212
+ this.interval = null;
213
+ }
214
+ },
215
+ loop: function() {
216
+ var timePos = new Date().getTime();
217
+ for(var i=0, len=this.effects.length;i<len;i++)
218
+ this.effects[i] && this.effects[i].loop(timePos);
219
+ }
220
+ });
221
+
222
+ Effect.Queues = {
223
+ instances: $H(),
224
+ get: function(queueName) {
225
+ if (!Object.isString(queueName)) return queueName;
226
+
227
+ return this.instances.get(queueName) ||
228
+ this.instances.set(queueName, new Effect.ScopedQueue());
229
+ }
230
+ };
231
+ Effect.Queue = Effect.Queues.get('global');
232
+
233
+ Effect.Base = Class.create({
234
+ position: null,
235
+ start: function(options) {
236
+ function codeForEvent(options,eventName){
237
+ return (
238
+ (options[eventName+'Internal'] ? 'this.options.'+eventName+'Internal(this);' : '') +
239
+ (options[eventName] ? 'this.options.'+eventName+'(this);' : '')
240
+ );
241
+ }
242
+ if (options && options.transition === false) options.transition = Effect.Transitions.linear;
243
+ this.options = Object.extend(Object.extend({ },Effect.DefaultOptions), options || { });
244
+ this.currentFrame = 0;
245
+ this.state = 'idle';
246
+ this.startOn = this.options.delay*1000;
247
+ this.finishOn = this.startOn+(this.options.duration*1000);
248
+ this.fromToDelta = this.options.to-this.options.from;
249
+ this.totalTime = this.finishOn-this.startOn;
250
+ this.totalFrames = this.options.fps*this.options.duration;
251
+
252
+ eval('this.render = function(pos){ '+
253
+ 'if (this.state=="idle"){this.state="running";'+
254
+ codeForEvent(this.options,'beforeSetup')+
255
+ (this.setup ? 'this.setup();':'')+
256
+ codeForEvent(this.options,'afterSetup')+
257
+ '};if (this.state=="running"){'+
258
+ 'pos=this.options.transition(pos)*'+this.fromToDelta+'+'+this.options.from+';'+
259
+ 'this.position=pos;'+
260
+ codeForEvent(this.options,'beforeUpdate')+
261
+ (this.update ? 'this.update(pos);':'')+
262
+ codeForEvent(this.options,'afterUpdate')+
263
+ '}}');
264
+
265
+ this.event('beforeStart');
266
+ if (!this.options.sync)
267
+ Effect.Queues.get(Object.isString(this.options.queue) ?
268
+ 'global' : this.options.queue.scope).add(this);
269
+ },
270
+ loop: function(timePos) {
271
+ if (timePos >= this.startOn) {
272
+ if (timePos >= this.finishOn) {
273
+ this.render(1.0);
274
+ this.cancel();
275
+ this.event('beforeFinish');
276
+ if (this.finish) this.finish();
277
+ this.event('afterFinish');
278
+ return;
279
+ }
280
+ var pos = (timePos - this.startOn) / this.totalTime,
281
+ frame = (pos * this.totalFrames).round();
282
+ if (frame > this.currentFrame) {
283
+ this.render(pos);
284
+ this.currentFrame = frame;
285
+ }
286
+ }
287
+ },
288
+ cancel: function() {
289
+ if (!this.options.sync)
290
+ Effect.Queues.get(Object.isString(this.options.queue) ?
291
+ 'global' : this.options.queue.scope).remove(this);
292
+ this.state = 'finished';
293
+ },
294
+ event: function(eventName) {
295
+ if (this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this);
296
+ if (this.options[eventName]) this.options[eventName](this);
297
+ },
298
+ inspect: function() {
299
+ var data = $H();
300
+ for(property in this)
301
+ if (!Object.isFunction(this[property])) data.set(property, this[property]);
302
+ return '#<Effect:' + data.inspect() + ',options:' + $H(this.options).inspect() + '>';
303
+ }
304
+ });
305
+
306
+ Effect.Parallel = Class.create(Effect.Base, {
307
+ initialize: function(effects) {
308
+ this.effects = effects || [];
309
+ this.start(arguments[1]);
310
+ },
311
+ update: function(position) {
312
+ this.effects.invoke('render', position);
313
+ },
314
+ finish: function(position) {
315
+ this.effects.each( function(effect) {
316
+ effect.render(1.0);
317
+ effect.cancel();
318
+ effect.event('beforeFinish');
319
+ if (effect.finish) effect.finish(position);
320
+ effect.event('afterFinish');
321
+ });
322
+ }
323
+ });
324
+
325
+ Effect.Tween = Class.create(Effect.Base, {
326
+ initialize: function(object, from, to) {
327
+ object = Object.isString(object) ? $(object) : object;
328
+ var args = $A(arguments), method = args.last(),
329
+ options = args.length == 5 ? args[3] : null;
330
+ this.method = Object.isFunction(method) ? method.bind(object) :
331
+ Object.isFunction(object[method]) ? object[method].bind(object) :
332
+ function(value) { object[method] = value };
333
+ this.start(Object.extend({ from: from, to: to }, options || { }));
334
+ },
335
+ update: function(position) {
336
+ this.method(position);
337
+ }
338
+ });
339
+
340
+ Effect.Event = Class.create(Effect.Base, {
341
+ initialize: function() {
342
+ this.start(Object.extend({ duration: 0 }, arguments[0] || { }));
343
+ },
344
+ update: Prototype.emptyFunction
345
+ });
346
+
347
+ Effect.Opacity = Class.create(Effect.Base, {
348
+ initialize: function(element) {
349
+ this.element = $(element);
350
+ if (!this.element) throw(Effect._elementDoesNotExistError);
351
+ // make this work on IE on elements without 'layout'
352
+ if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
353
+ this.element.setStyle({zoom: 1});
354
+ var options = Object.extend({
355
+ from: this.element.getOpacity() || 0.0,
356
+ to: 1.0
357
+ }, arguments[1] || { });
358
+ this.start(options);
359
+ },
360
+ update: function(position) {
361
+ this.element.setOpacity(position);
362
+ }
363
+ });
364
+
365
+ Effect.Move = Class.create(Effect.Base, {
366
+ initialize: function(element) {
367
+ this.element = $(element);
368
+ if (!this.element) throw(Effect._elementDoesNotExistError);
369
+ var options = Object.extend({
370
+ x: 0,
371
+ y: 0,
372
+ mode: 'relative'
373
+ }, arguments[1] || { });
374
+ this.start(options);
375
+ },
376
+ setup: function() {
377
+ this.element.makePositioned();
378
+ this.originalLeft = parseFloat(this.element.getStyle('left') || '0');
379
+ this.originalTop = parseFloat(this.element.getStyle('top') || '0');
380
+ if (this.options.mode == 'absolute') {
381
+ this.options.x = this.options.x - this.originalLeft;
382
+ this.options.y = this.options.y - this.originalTop;
383
+ }
384
+ },
385
+ update: function(position) {
386
+ this.element.setStyle({
387
+ left: (this.options.x * position + this.originalLeft).round() + 'px',
388
+ top: (this.options.y * position + this.originalTop).round() + 'px'
389
+ });
390
+ }
391
+ });
392
+
393
+ // for backwards compatibility
394
+ Effect.MoveBy = function(element, toTop, toLeft) {
395
+ return new Effect.Move(element,
396
+ Object.extend({ x: toLeft, y: toTop }, arguments[3] || { }));
397
+ };
398
+
399
+ Effect.Scale = Class.create(Effect.Base, {
400
+ initialize: function(element, percent) {
401
+ this.element = $(element);
402
+ if (!this.element) throw(Effect._elementDoesNotExistError);
403
+ var options = Object.extend({
404
+ scaleX: true,
405
+ scaleY: true,
406
+ scaleContent: true,
407
+ scaleFromCenter: false,
408
+ scaleMode: 'box', // 'box' or 'contents' or { } with provided values
409
+ scaleFrom: 100.0,
410
+ scaleTo: percent
411
+ }, arguments[2] || { });
412
+ this.start(options);
413
+ },
414
+ setup: function() {
415
+ this.restoreAfterFinish = this.options.restoreAfterFinish || false;
416
+ this.elementPositioning = this.element.getStyle('position');
417
+
418
+ this.originalStyle = { };
419
+ ['top','left','width','height','fontSize'].each( function(k) {
420
+ this.originalStyle[k] = this.element.style[k];
421
+ }.bind(this));
422
+
423
+ this.originalTop = this.element.offsetTop;
424
+ this.originalLeft = this.element.offsetLeft;
425
+
426
+ var fontSize = this.element.getStyle('font-size') || '100%';
427
+ ['em','px','%','pt'].each( function(fontSizeType) {
428
+ if (fontSize.indexOf(fontSizeType)>0) {
429
+ this.fontSize = parseFloat(fontSize);
430
+ this.fontSizeType = fontSizeType;
431
+ }
432
+ }.bind(this));
433
+
434
+ this.factor = (this.options.scaleTo - this.options.scaleFrom)/100;
435
+
436
+ this.dims = null;
437
+ if (this.options.scaleMode=='box')
438
+ this.dims = [this.element.offsetHeight, this.element.offsetWidth];
439
+ if (/^content/.test(this.options.scaleMode))
440
+ this.dims = [this.element.scrollHeight, this.element.scrollWidth];
441
+ if (!this.dims)
442
+ this.dims = [this.options.scaleMode.originalHeight,
443
+ this.options.scaleMode.originalWidth];
444
+ },
445
+ update: function(position) {
446
+ var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position);
447
+ if (this.options.scaleContent && this.fontSize)
448
+ this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType });
449
+ this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale);
450
+ },
451
+ finish: function(position) {
452
+ if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle);
453
+ },
454
+ setDimensions: function(height, width) {
455
+ var d = { };
456
+ if (this.options.scaleX) d.width = width.round() + 'px';
457
+ if (this.options.scaleY) d.height = height.round() + 'px';
458
+ if (this.options.scaleFromCenter) {
459
+ var topd = (height - this.dims[0])/2;
460
+ var leftd = (width - this.dims[1])/2;
461
+ if (this.elementPositioning == 'absolute') {
462
+ if (this.options.scaleY) d.top = this.originalTop-topd + 'px';
463
+ if (this.options.scaleX) d.left = this.originalLeft-leftd + 'px';
464
+ } else {
465
+ if (this.options.scaleY) d.top = -topd + 'px';
466
+ if (this.options.scaleX) d.left = -leftd + 'px';
467
+ }
468
+ }
469
+ this.element.setStyle(d);
470
+ }
471
+ });
472
+
473
+ Effect.Highlight = Class.create(Effect.Base, {
474
+ initialize: function(element) {
475
+ this.element = $(element);
476
+ if (!this.element) throw(Effect._elementDoesNotExistError);
477
+ var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || { });
478
+ this.start(options);
479
+ },
480
+ setup: function() {
481
+ // Prevent executing on elements not in the layout flow
482
+ if (this.element.getStyle('display')=='none') { this.cancel(); return; }
483
+ // Disable background image during the effect
484
+ this.oldStyle = { };
485
+ if (!this.options.keepBackgroundImage) {
486
+ this.oldStyle.backgroundImage = this.element.getStyle('background-image');
487
+ this.element.setStyle({backgroundImage: 'none'});
488
+ }
489
+ if (!this.options.endcolor)
490
+ this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff');
491
+ if (!this.options.restorecolor)
492
+ this.options.restorecolor = this.element.getStyle('background-color');
493
+ // init color calculations
494
+ this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this));
495
+ 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));
496
+ },
497
+ update: function(position) {
498
+ this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){
499
+ return m+((this._base[i]+(this._delta[i]*position)).round().toColorPart()); }.bind(this)) });
500
+ },
501
+ finish: function() {
502
+ this.element.setStyle(Object.extend(this.oldStyle, {
503
+ backgroundColor: this.options.restorecolor
504
+ }));
505
+ }
506
+ });
507
+
508
+ Effect.ScrollTo = function(element) {
509
+ var options = arguments[1] || { },
510
+ scrollOffsets = document.viewport.getScrollOffsets(),
511
+ elementOffsets = $(element).cumulativeOffset(),
512
+ max = (window.height || document.body.scrollHeight) - document.viewport.getHeight();
513
+
514
+ if (options.offset) elementOffsets[1] += options.offset;
515
+
516
+ return new Effect.Tween(null,
517
+ scrollOffsets.top,
518
+ elementOffsets[1] > max ? max : elementOffsets[1],
519
+ options,
520
+ function(p){ scrollTo(scrollOffsets.left, p.round()) }
521
+ );
522
+ };
523
+
524
+ /* ------------- combination effects ------------- */
525
+
526
+ Effect.Fade = function(element) {
527
+ element = $(element);
528
+ var oldOpacity = element.getInlineOpacity();
529
+ var options = Object.extend({
530
+ from: element.getOpacity() || 1.0,
531
+ to: 0.0,
532
+ afterFinishInternal: function(effect) {
533
+ if (effect.options.to!=0) return;
534
+ effect.element.hide().setStyle({opacity: oldOpacity});
535
+ }
536
+ }, arguments[1] || { });
537
+ return new Effect.Opacity(element,options);
538
+ };
539
+
540
+ Effect.Appear = function(element) {
541
+ element = $(element);
542
+ var options = Object.extend({
543
+ from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0),
544
+ to: 1.0,
545
+ // force Safari to render floated elements properly
546
+ afterFinishInternal: function(effect) {
547
+ effect.element.forceRerendering();
548
+ },
549
+ beforeSetup: function(effect) {
550
+ effect.element.setOpacity(effect.options.from).show();
551
+ }}, arguments[1] || { });
552
+ return new Effect.Opacity(element,options);
553
+ };
554
+
555
+ Effect.Puff = function(element) {
556
+ element = $(element);
557
+ var oldStyle = {
558
+ opacity: element.getInlineOpacity(),
559
+ position: element.getStyle('position'),
560
+ top: element.style.top,
561
+ left: element.style.left,
562
+ width: element.style.width,
563
+ height: element.style.height
564
+ };
565
+ return new Effect.Parallel(
566
+ [ new Effect.Scale(element, 200,
567
+ { sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }),
568
+ new Effect.Opacity(element, { sync: true, to: 0.0 } ) ],
569
+ Object.extend({ duration: 1.0,
570
+ beforeSetupInternal: function(effect) {
571
+ Position.absolutize(effect.effects[0].element)
572
+ },
573
+ afterFinishInternal: function(effect) {
574
+ effect.effects[0].element.hide().setStyle(oldStyle); }
575
+ }, arguments[1] || { })
576
+ );
577
+ };
578
+
579
+ Effect.BlindUp = function(element) {
580
+ element = $(element);
581
+ element.makeClipping();
582
+ return new Effect.Scale(element, 0,
583
+ Object.extend({ scaleContent: false,
584
+ scaleX: false,
585
+ restoreAfterFinish: true,
586
+ afterFinishInternal: function(effect) {
587
+ effect.element.hide().undoClipping();
588
+ }
589
+ }, arguments[1] || { })
590
+ );
591
+ };
592
+
593
+ Effect.BlindDown = function(element) {
594
+ element = $(element);
595
+ var elementDimensions = element.getDimensions();
596
+ return new Effect.Scale(element, 100, Object.extend({
597
+ scaleContent: false,
598
+ scaleX: false,
599
+ scaleFrom: 0,
600
+ scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
601
+ restoreAfterFinish: true,
602
+ afterSetup: function(effect) {
603
+ effect.element.makeClipping().setStyle({height: '0px'}).show();
604
+ },
605
+ afterFinishInternal: function(effect) {
606
+ effect.element.undoClipping();
607
+ }
608
+ }, arguments[1] || { }));
609
+ };
610
+
611
+ Effect.SwitchOff = function(element) {
612
+ element = $(element);
613
+ var oldOpacity = element.getInlineOpacity();
614
+ return new Effect.Appear(element, Object.extend({
615
+ duration: 0.4,
616
+ from: 0,
617
+ transition: Effect.Transitions.flicker,
618
+ afterFinishInternal: function(effect) {
619
+ new Effect.Scale(effect.element, 1, {
620
+ duration: 0.3, scaleFromCenter: true,
621
+ scaleX: false, scaleContent: false, restoreAfterFinish: true,
622
+ beforeSetup: function(effect) {
623
+ effect.element.makePositioned().makeClipping();
624
+ },
625
+ afterFinishInternal: function(effect) {
626
+ effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity});
627
+ }
628
+ })
629
+ }
630
+ }, arguments[1] || { }));
631
+ };
632
+
633
+ Effect.DropOut = function(element) {
634
+ element = $(element);
635
+ var oldStyle = {
636
+ top: element.getStyle('top'),
637
+ left: element.getStyle('left'),
638
+ opacity: element.getInlineOpacity() };
639
+ return new Effect.Parallel(
640
+ [ new Effect.Move(element, {x: 0, y: 100, sync: true }),
641
+ new Effect.Opacity(element, { sync: true, to: 0.0 }) ],
642
+ Object.extend(
643
+ { duration: 0.5,
644
+ beforeSetup: function(effect) {
645
+ effect.effects[0].element.makePositioned();
646
+ },
647
+ afterFinishInternal: function(effect) {
648
+ effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle);
649
+ }
650
+ }, arguments[1] || { }));
651
+ };
652
+
653
+ Effect.Shake = function(element) {
654
+ element = $(element);
655
+ var options = Object.extend({
656
+ distance: 20,
657
+ duration: 0.5
658
+ }, arguments[1] || {});
659
+ var distance = parseFloat(options.distance);
660
+ var split = parseFloat(options.duration) / 10.0;
661
+ var oldStyle = {
662
+ top: element.getStyle('top'),
663
+ left: element.getStyle('left') };
664
+ return new Effect.Move(element,
665
+ { x: distance, y: 0, duration: split, afterFinishInternal: function(effect) {
666
+ new Effect.Move(effect.element,
667
+ { x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) {
668
+ new Effect.Move(effect.element,
669
+ { x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) {
670
+ new Effect.Move(effect.element,
671
+ { x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) {
672
+ new Effect.Move(effect.element,
673
+ { x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) {
674
+ new Effect.Move(effect.element,
675
+ { x: -distance, y: 0, duration: split, afterFinishInternal: function(effect) {
676
+ effect.element.undoPositioned().setStyle(oldStyle);
677
+ }}) }}) }}) }}) }}) }});
678
+ };
679
+
680
+ Effect.SlideDown = function(element) {
681
+ element = $(element).cleanWhitespace();
682
+ // SlideDown need to have the content of the element wrapped in a container element with fixed height!
683
+ var oldInnerBottom = element.down().getStyle('bottom');
684
+ var elementDimensions = element.getDimensions();
685
+ return new Effect.Scale(element, 100, Object.extend({
686
+ scaleContent: false,
687
+ scaleX: false,
688
+ scaleFrom: window.opera ? 0 : 1,
689
+ scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
690
+ restoreAfterFinish: true,
691
+ afterSetup: function(effect) {
692
+ effect.element.makePositioned();
693
+ effect.element.down().makePositioned();
694
+ if (window.opera) effect.element.setStyle({top: ''});
695
+ effect.element.makeClipping().setStyle({height: '0px'}).show();
696
+ },
697
+ afterUpdateInternal: function(effect) {
698
+ effect.element.down().setStyle({bottom:
699
+ (effect.dims[0] - effect.element.clientHeight) + 'px' });
700
+ },
701
+ afterFinishInternal: function(effect) {
702
+ effect.element.undoClipping().undoPositioned();
703
+ effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom}); }
704
+ }, arguments[1] || { })
705
+ );
706
+ };
707
+
708
+ Effect.SlideUp = function(element) {
709
+ element = $(element).cleanWhitespace();
710
+ var oldInnerBottom = element.down().getStyle('bottom');
711
+ var elementDimensions = element.getDimensions();
712
+ return new Effect.Scale(element, window.opera ? 0 : 1,
713
+ Object.extend({ scaleContent: false,
714
+ scaleX: false,
715
+ scaleMode: 'box',
716
+ scaleFrom: 100,
717
+ scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
718
+ restoreAfterFinish: true,
719
+ afterSetup: function(effect) {
720
+ effect.element.makePositioned();
721
+ effect.element.down().makePositioned();
722
+ if (window.opera) effect.element.setStyle({top: ''});
723
+ effect.element.makeClipping().show();
724
+ },
725
+ afterUpdateInternal: function(effect) {
726
+ effect.element.down().setStyle({bottom:
727
+ (effect.dims[0] - effect.element.clientHeight) + 'px' });
728
+ },
729
+ afterFinishInternal: function(effect) {
730
+ effect.element.hide().undoClipping().undoPositioned();
731
+ effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom});
732
+ }
733
+ }, arguments[1] || { })
734
+ );
735
+ };
736
+
737
+ // Bug in opera makes the TD containing this element expand for a instance after finish
738
+ Effect.Squish = function(element) {
739
+ return new Effect.Scale(element, window.opera ? 1 : 0, {
740
+ restoreAfterFinish: true,
741
+ beforeSetup: function(effect) {
742
+ effect.element.makeClipping();
743
+ },
744
+ afterFinishInternal: function(effect) {
745
+ effect.element.hide().undoClipping();
746
+ }
747
+ });
748
+ };
749
+
750
+ Effect.Grow = function(element) {
751
+ element = $(element);
752
+ var options = Object.extend({
753
+ direction: 'center',
754
+ moveTransition: Effect.Transitions.sinoidal,
755
+ scaleTransition: Effect.Transitions.sinoidal,
756
+ opacityTransition: Effect.Transitions.full
757
+ }, arguments[1] || { });
758
+ var oldStyle = {
759
+ top: element.style.top,
760
+ left: element.style.left,
761
+ height: element.style.height,
762
+ width: element.style.width,
763
+ opacity: element.getInlineOpacity() };
764
+
765
+ var dims = element.getDimensions();
766
+ var initialMoveX, initialMoveY;
767
+ var moveX, moveY;
768
+
769
+ switch (options.direction) {
770
+ case 'top-left':
771
+ initialMoveX = initialMoveY = moveX = moveY = 0;
772
+ break;
773
+ case 'top-right':
774
+ initialMoveX = dims.width;
775
+ initialMoveY = moveY = 0;
776
+ moveX = -dims.width;
777
+ break;
778
+ case 'bottom-left':
779
+ initialMoveX = moveX = 0;
780
+ initialMoveY = dims.height;
781
+ moveY = -dims.height;
782
+ break;
783
+ case 'bottom-right':
784
+ initialMoveX = dims.width;
785
+ initialMoveY = dims.height;
786
+ moveX = -dims.width;
787
+ moveY = -dims.height;
788
+ break;
789
+ case 'center':
790
+ initialMoveX = dims.width / 2;
791
+ initialMoveY = dims.height / 2;
792
+ moveX = -dims.width / 2;
793
+ moveY = -dims.height / 2;
794
+ break;
795
+ }
796
+
797
+ return new Effect.Move(element, {
798
+ x: initialMoveX,
799
+ y: initialMoveY,
800
+ duration: 0.01,
801
+ beforeSetup: function(effect) {
802
+ effect.element.hide().makeClipping().makePositioned();
803
+ },
804
+ afterFinishInternal: function(effect) {
805
+ new Effect.Parallel(
806
+ [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }),
807
+ new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }),
808
+ new Effect.Scale(effect.element, 100, {
809
+ scaleMode: { originalHeight: dims.height, originalWidth: dims.width },
810
+ sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true})
811
+ ], Object.extend({
812
+ beforeSetup: function(effect) {
813
+ effect.effects[0].element.setStyle({height: '0px'}).show();
814
+ },
815
+ afterFinishInternal: function(effect) {
816
+ effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle);
817
+ }
818
+ }, options)
819
+ )
820
+ }
821
+ });
822
+ };
823
+
824
+ Effect.Shrink = function(element) {
825
+ element = $(element);
826
+ var options = Object.extend({
827
+ direction: 'center',
828
+ moveTransition: Effect.Transitions.sinoidal,
829
+ scaleTransition: Effect.Transitions.sinoidal,
830
+ opacityTransition: Effect.Transitions.none
831
+ }, arguments[1] || { });
832
+ var oldStyle = {
833
+ top: element.style.top,
834
+ left: element.style.left,
835
+ height: element.style.height,
836
+ width: element.style.width,
837
+ opacity: element.getInlineOpacity() };
838
+
839
+ var dims = element.getDimensions();
840
+ var moveX, moveY;
841
+
842
+ switch (options.direction) {
843
+ case 'top-left':
844
+ moveX = moveY = 0;
845
+ break;
846
+ case 'top-right':
847
+ moveX = dims.width;
848
+ moveY = 0;
849
+ break;
850
+ case 'bottom-left':
851
+ moveX = 0;
852
+ moveY = dims.height;
853
+ break;
854
+ case 'bottom-right':
855
+ moveX = dims.width;
856
+ moveY = dims.height;
857
+ break;
858
+ case 'center':
859
+ moveX = dims.width / 2;
860
+ moveY = dims.height / 2;
861
+ break;
862
+ }
863
+
864
+ return new Effect.Parallel(
865
+ [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }),
866
+ new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}),
867
+ new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition })
868
+ ], Object.extend({
869
+ beforeStartInternal: function(effect) {
870
+ effect.effects[0].element.makePositioned().makeClipping();
871
+ },
872
+ afterFinishInternal: function(effect) {
873
+ effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); }
874
+ }, options)
875
+ );
876
+ };
877
+
878
+ Effect.Pulsate = function(element) {
879
+ element = $(element);
880
+ var options = arguments[1] || { };
881
+ var oldOpacity = element.getInlineOpacity();
882
+ var transition = options.transition || Effect.Transitions.sinoidal;
883
+ var reverser = function(pos){ return transition(1-Effect.Transitions.pulse(pos, options.pulses)) };
884
+ reverser.bind(transition);
885
+ return new Effect.Opacity(element,
886
+ Object.extend(Object.extend({ duration: 2.0, from: 0,
887
+ afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); }
888
+ }, options), {transition: reverser}));
889
+ };
890
+
891
+ Effect.Fold = function(element) {
892
+ element = $(element);
893
+ var oldStyle = {
894
+ top: element.style.top,
895
+ left: element.style.left,
896
+ width: element.style.width,
897
+ height: element.style.height };
898
+ element.makeClipping();
899
+ return new Effect.Scale(element, 5, Object.extend({
900
+ scaleContent: false,
901
+ scaleX: false,
902
+ afterFinishInternal: function(effect) {
903
+ new Effect.Scale(element, 1, {
904
+ scaleContent: false,
905
+ scaleY: false,
906
+ afterFinishInternal: function(effect) {
907
+ effect.element.hide().undoClipping().setStyle(oldStyle);
908
+ } });
909
+ }}, arguments[1] || { }));
910
+ };
911
+
912
+ Effect.Morph = Class.create(Effect.Base, {
913
+ initialize: function(element) {
914
+ this.element = $(element);
915
+ if (!this.element) throw(Effect._elementDoesNotExistError);
916
+ var options = Object.extend({
917
+ style: { }
918
+ }, arguments[1] || { });
919
+
920
+ if (!Object.isString(options.style)) this.style = $H(options.style);
921
+ else {
922
+ if (options.style.include(':'))
923
+ this.style = options.style.parseStyle();
924
+ else {
925
+ this.element.addClassName(options.style);
926
+ this.style = $H(this.element.getStyles());
927
+ this.element.removeClassName(options.style);
928
+ var css = this.element.getStyles();
929
+ this.style = this.style.reject(function(style) {
930
+ return style.value == css[style.key];
931
+ });
932
+ options.afterFinishInternal = function(effect) {
933
+ effect.element.addClassName(effect.options.style);
934
+ effect.transforms.each(function(transform) {
935
+ effect.element.style[transform.style] = '';
936
+ });
937
+ }
938
+ }
939
+ }
940
+ this.start(options);
941
+ },
942
+
943
+ setup: function(){
944
+ function parseColor(color){
945
+ if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff';
946
+ color = color.parseColor();
947
+ return $R(0,2).map(function(i){
948
+ return parseInt( color.slice(i*2+1,i*2+3), 16 )
949
+ });
950
+ }
951
+ this.transforms = this.style.map(function(pair){
952
+ var property = pair[0], value = pair[1], unit = null;
953
+
954
+ if (value.parseColor('#zzzzzz') != '#zzzzzz') {
955
+ value = value.parseColor();
956
+ unit = 'color';
957
+ } else if (property == 'opacity') {
958
+ value = parseFloat(value);
959
+ if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout))
960
+ this.element.setStyle({zoom: 1});
961
+ } else if (Element.CSS_LENGTH.test(value)) {
962
+ var components = value.match(/^([\+\-]?[0-9\.]+)(.*)$/);
963
+ value = parseFloat(components[1]);
964
+ unit = (components.length == 3) ? components[2] : null;
965
+ }
966
+
967
+ var originalValue = this.element.getStyle(property);
968
+ return {
969
+ style: property.camelize(),
970
+ originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0),
971
+ targetValue: unit=='color' ? parseColor(value) : value,
972
+ unit: unit
973
+ };
974
+ }.bind(this)).reject(function(transform){
975
+ return (
976
+ (transform.originalValue == transform.targetValue) ||
977
+ (
978
+ transform.unit != 'color' &&
979
+ (isNaN(transform.originalValue) || isNaN(transform.targetValue))
980
+ )
981
+ )
982
+ });
983
+ },
984
+ update: function(position) {
985
+ var style = { }, transform, i = this.transforms.length;
986
+ while(i--)
987
+ style[(transform = this.transforms[i]).style] =
988
+ transform.unit=='color' ? '#'+
989
+ (Math.round(transform.originalValue[0]+
990
+ (transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() +
991
+ (Math.round(transform.originalValue[1]+
992
+ (transform.targetValue[1]-transform.originalValue[1])*position)).toColorPart() +
993
+ (Math.round(transform.originalValue[2]+
994
+ (transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() :
995
+ (transform.originalValue +
996
+ (transform.targetValue - transform.originalValue) * position).toFixed(3) +
997
+ (transform.unit === null ? '' : transform.unit);
998
+ this.element.setStyle(style, true);
999
+ }
1000
+ });
1001
+
1002
+ Effect.Transform = Class.create({
1003
+ initialize: function(tracks){
1004
+ this.tracks = [];
1005
+ this.options = arguments[1] || { };
1006
+ this.addTracks(tracks);
1007
+ },
1008
+ addTracks: function(tracks){
1009
+ tracks.each(function(track){
1010
+ track = $H(track);
1011
+ var data = track.values().first();
1012
+ this.tracks.push($H({
1013
+ ids: track.keys().first(),
1014
+ effect: Effect.Morph,
1015
+ options: { style: data }
1016
+ }));
1017
+ }.bind(this));
1018
+ return this;
1019
+ },
1020
+ play: function(){
1021
+ return new Effect.Parallel(
1022
+ this.tracks.map(function(track){
1023
+ var ids = track.get('ids'), effect = track.get('effect'), options = track.get('options');
1024
+ var elements = [$(ids) || $$(ids)].flatten();
1025
+ return elements.map(function(e){ return new effect(e, Object.extend({ sync:true }, options)) });
1026
+ }).flatten(),
1027
+ this.options
1028
+ );
1029
+ }
1030
+ });
1031
+
1032
+ Element.CSS_PROPERTIES = $w(
1033
+ 'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' +
1034
+ 'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' +
1035
+ 'borderRightColor borderRightStyle borderRightWidth borderSpacing ' +
1036
+ 'borderTopColor borderTopStyle borderTopWidth bottom clip color ' +
1037
+ 'fontSize fontWeight height left letterSpacing lineHeight ' +
1038
+ 'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+
1039
+ 'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' +
1040
+ 'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' +
1041
+ 'right textIndent top width wordSpacing zIndex');
1042
+
1043
+ Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/;
1044
+
1045
+ String.__parseStyleElement = document.createElement('div');
1046
+ String.prototype.parseStyle = function(){
1047
+ var style, styleRules = $H();
1048
+ if (Prototype.Browser.WebKit)
1049
+ style = new Element('div',{style:this}).style;
1050
+ else {
1051
+ String.__parseStyleElement.innerHTML = '<div style="' + this + '"></div>';
1052
+ style = String.__parseStyleElement.childNodes[0].style;
1053
+ }
1054
+
1055
+ Element.CSS_PROPERTIES.each(function(property){
1056
+ if (style[property]) styleRules.set(property, style[property]);
1057
+ });
1058
+
1059
+ if (Prototype.Browser.IE && this.include('opacity'))
1060
+ styleRules.set('opacity', this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1]);
1061
+
1062
+ return styleRules;
1063
+ };
1064
+
1065
+ if (document.defaultView && document.defaultView.getComputedStyle) {
1066
+ Element.getStyles = function(element) {
1067
+ var css = document.defaultView.getComputedStyle($(element), null);
1068
+ return Element.CSS_PROPERTIES.inject({ }, function(styles, property) {
1069
+ styles[property] = css[property];
1070
+ return styles;
1071
+ });
1072
+ };
1073
+ } else {
1074
+ Element.getStyles = function(element) {
1075
+ element = $(element);
1076
+ var css = element.currentStyle, styles;
1077
+ styles = Element.CSS_PROPERTIES.inject({ }, function(hash, property) {
1078
+ hash.set(property, css[property]);
1079
+ return hash;
1080
+ });
1081
+ if (!styles.opacity) styles.set('opacity', element.getOpacity());
1082
+ return styles;
1083
+ };
1084
+ };
1085
+
1086
+ Effect.Methods = {
1087
+ morph: function(element, style) {
1088
+ element = $(element);
1089
+ new Effect.Morph(element, Object.extend({ style: style }, arguments[2] || { }));
1090
+ return element;
1091
+ },
1092
+ visualEffect: function(element, effect, options) {
1093
+ element = $(element)
1094
+ var s = effect.dasherize().camelize(), klass = s.charAt(0).toUpperCase() + s.substring(1);
1095
+ new Effect[klass](element, options);
1096
+ return element;
1097
+ },
1098
+ highlight: function(element, options) {
1099
+ element = $(element);
1100
+ new Effect.Highlight(element, options);
1101
+ return element;
1102
+ }
1103
+ };
1104
+
1105
+ $w('fade appear grow shrink fold blindUp blindDown slideUp slideDown '+
1106
+ 'pulsate shake puff squish switchOff dropOut').each(
1107
+ function(effect) {
1108
+ Effect.Methods[effect] = function(element, options){
1109
+ element = $(element);
1110
+ Effect[effect.charAt(0).toUpperCase() + effect.substring(1)](element, options);
1111
+ return element;
1112
+ }
1113
+ }
1114
+ );
1115
+
1116
+ $w('getInlineOpacity forceRerendering setContentZoom collectTextNodes collectTextNodesIgnoreClass getStyles').each(
1117
+ function(f) { Effect.Methods[f] = Element[f]; }
1118
+ );
1119
+
1120
+ Element.addMethods(Effect.Methods);