var cardsWorking = false;
var cardsPause = false;
document.observe('cards:next', function() {
  cardsWorking = true;
  $$('#cards ul li').first().fade({ duration: 1.5 }).morph('width: 0px;', { duration: 1.5, after: function() { document.fire('cards:moveback'); } });
  $$('#cards ul li')[5].appear({ duration: 1.5 }).morph('width: 90px;', { duration: 1.5 });
});
document.observe('cards:moveback', function() {
  var elFirst = $$('#cards ul li').first();
  var elLast = $$('#cards ul li').last();
  elLast.insert({ after: elFirst });

  cardsWorking = false;
  if (!cardsPause)
    document.fire('cards:next');
});
Event.observe(window, 'load', function() {
  $$('dl').each(function(el, ix) {
    if (el.id && el.id.substr(0,5) == 'link-') {
      el.addClassName('link');
      el.observe('click', function(event) {
        window.location.href = '/' + el.id.replace(/link-/, ''); + '/';
      });
    }
  });
  $$('#cards ul li').each(function(el, ix) {
    if (ix < 5) {
      el.show();
    }
    else {
      el.morph('width: 0px;', { duration: 0 });
      el.hide();
    }
  });
  if ($('cards') != null) {
    $('cards').observe('mouseover', function(event) {
      cardsPause = true;
    });
    $('cards').observe('mouseout', function(event) {
      cardsPause = false;
      if (!cardsWorking)
        document.fire('cards:next');
    });
    document.fire('cards:next');
  }
});