var ListApp = new Class({

  initialize: function() {
    //this.on = false;
    /*$$('#list_letters a').each(function(el, i) {
      var chr = el.get('text');
      el.addEvent('click', function(e) {
        new Event(e).stop();
        this.scrollBox(chr);
      }.bind(this));
    }, this);*/
    
    
    // define scroller
    this.scroller = new Fx.Scroll('list_output', {
      duration: 500,
      transition: Fx.Transitions.Cubic.easeOut
    });
    
    // set form
    $('src').addEvent('change', function(e) {
      $('form1').submit();
    });
    this.last = '';
  },
  
  scrollBox: function(chr) {
    if(chr.length == 1) this.scroller.toElement(chr);
  },
  
  putCit: function(el, cit) {
  // set class active
    //if(this.on == false) this.on = true;
    if(this.last && Browser.Engine.trident == false) this.last.removeClass('active');
    if(Browser.Engine.trident == false) el.addClass('active');
    this.last = el;
    $('cit').set('value', cit);
    $('cit').setStyle('background-color', 'yellow');
  }
  
});

var myApp;
window.addEvent('domready', function() { myApp = new ListApp(); });