Rails spinoffs - Apr 2006 - MSN like blind - BottomToTop

Previously, by mistake I added request in wish list for slide like MSN.
Actully it was Blind like msn. However it was my mistake so I tried to
created script by my slef - and able to do it.

But I am new to this, so my script is not in good condition.

Effect.Scale2 = Class.create();
Object.extend(Object.extend(Effect.Scale2.prototype, Effect.Base.prototype), {
  initialize: function(element, percent) {
    this.element = $(element)
    var options = Object.extend({
      scaleMode: ''box'',        // ''box'' or
''contents'' or {} with provided values
      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;
    this.originalHeight  = this.element.offsetHeight;
    this.originalWidth = this.element.offsetWidth;

    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);
    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 = {};
    d.height = height + ''px'';
    d.top = (this.originalTop + (this.originalHeight - height) ) +
''px'';
    this.element.setStyle(d);
  }
});

Effect.BlindBottomUp = function(element) {
  element = $(element);
  element.makeClipping();
  element.setStyle({position: ''absolute''});
  return new Effect.Scale2(element, 100,
    Object.extend({ scaleContent: false,
      scaleX: false,
      scaleFrom: 0,
      restoreAfterFinish: true,
      afterFinishInternal: function(effect) {
        effect.element.undoClipping();
      }
    }, arguments[1] || {})
  );
}



If possible someone please update script and make it more
understandable for others.

--
Thanks,
Ashish Agrawal