#scriptaculous.js

Bubble = Class.create(Abstract, { initialize: function (id,x,y,options) { this.id = id; this.x = x; this.y = y; this.options = Object.extend({ auto: true, frequency: 5, duration: 0.4, scaleFrom: 0, scaleFromCenter: true, delay: 0.2, bduration: 1.1 }, options || {}); if (this.options.auto) { this.start(); } }, start: function () { var opt = Object.clone(this.options); var id = this.id; $(this.id).setStyle({left:this.x + 'px',top:this.y + 'px'}); new Effect.Scale(this.id,100, Object.extend({ beforeStart:function(effect){ $(effect.element).style.display = 'block'; $(effect.element).setOpacity(0); $$('#' + id + ' p').each(function(p){p.hide()}); }, afterUpdate:function(effect){ $(effect.element).setOpacity(effect.position); }, scaleFrom:opt.scaleFrom, scaleFromCenter:opt.scaleFromCenter, afterFinish:function(effect){ $$('#' + id + ' p').each(function(p){ new Effect.Appear(p,{duration:opt.duration}); }); } },{delay:opt.delay,duration:opt.bduration})); } });

OnionSkin = Class.create(Abstract, { initialize: function (slides,options) { this.slides = slides; this.options = Object.extend({ circular: true, auto: true, frequency: 5, duration: 3, from: 0, to: 1 }, options || {}); this.initial = 0; if (this.options.auto) { this.start(); } }, next: function () { Effect.Fade(this.slides[this.initial],{from:this.options.to,to:this.options.from,duration:this.options.duration}); this.initial++; if(!this.options.circular){ if (this.initial == this.slides.length) this.stop(); } if (this.initial == this.slides.length) this.initial = 0; Effect.Appear(this.slides[this.initial],{from:this.options.from,to:this.options.to,duration:this.options.duration}); }, stop: function () { if (this.timer) { clearTimeout(this.timer); } }, start: function () { this.periodicallyUpdate(); }, periodicallyUpdate: function () { if (this.timer != null) { clearTimeout(this.timer); this.next(); } this.timer = setTimeout(this.periodicallyUpdate.bind(this),this.options.frequency*1000); } });