/**
 * 
 */
var Digit = {
  /**
   * 
   */
  index : function() {
    return (Math.floor(Math.random () * 6 + 1));
  },
  
  /**
   * 
   * @param {Object} digit
   * @param {Object} index
   */
  grow : function(el) {
    el = $(el);
    var src = '/images/' + el.up().id + '_' + this.index() + '.jpg';
    var img = new Element('img', {src: src});
    img.observe('load', function() {
      new Effect.Move(img.up(), {x: 0, y: -74});
    });
    el.insert(img);
  },
  
  /**
   * 
   */
  replace : function() {
    var src = '/images/zero_' + this.index() + '.jpg';
    var zero = new Element('img', {src: src, alt: 'zero'});
    src = '/images/five_' + this.index() + '.jpg';
    var five = new Element('img', {src: src, alt: 'five'});
    src = '/images/one_' + this.index() + '.jpg';
    var one = new Element('img', {src: src, alt: 'one'});
    
    one.observe('load', function() {
      new Effect.Move(zero.up(), {x: 0, y: -74});
      new Effect.Move(five.up(), {x: 0, y: -74, delay: 0.3});
      new Effect.Move(one.up(), {x: 0, y: -74, delay: 0.6});
    });
    
    $('zero').down('a').insert(zero);
    $('five').down('a').insert(five);
    $('one').down('a').insert(one);
  }
}