var Framework = {
  elements : $H(),
  fxs      : [],
  chain    : new Chain,
  ready    : false,
  fxduration : 1000,
  init : function(){
    this.fxs = [];
    var elements = $$('.panel-right .step-hover');
    elements.each(function(el){
      el.set('tween', {duration:1000, onComplete : function(){ this.chain.callChain() }.bind(this)});
      el.fade('hide');
      this.fxs.push(function(){ el.tween('opacity', 1); }.bind(this));
      this.fxs.push(function(){ el.tween('opacity', 0); }.bind(this));
    }.bind(this));

    //this.fxs.push( function(){console.info('THE END'); this.chain.callChain();}.bind(this));
    this.fxs.push( function(){ this.init(); }.bind(this) );
    this.chain.chain(this.fxs);
    this.chain.callChain();
  },

  anim : function(){
    this.chain.callChain();
  }
}

window.addEvent('load', function(){
  Framework.init();
});