document.observe("dom:loaded", function() {
  $$('#featured_events_index a').invoke('observe', 'click', function(event){
    Event.stop(event);
    clearInterval(featuredEventsRotator);
    
    showFeaturedEvent(Event.element(event));
  });
  
  var featuredEventsRotator = setInterval(function(){
    var nextSibling = $$('.featured_events_index_selected').first().up().next('li');
    
    if(nextSibling){
      showFeaturedEvent(nextSibling.down('a'));
    }else{
      showFeaturedEvent($('featured_events_index').down('li').down('a'));
    }
    
  }, 5000);
});

Event.observe(window, 'load', function(){
  // Recalculate height for featured events
  var featuredEventHeight = 0;

  $$('#featured_events ul li').each(function(li, index){
    var height = li.getHeight();
    if(height > featuredEventHeight){
      featuredEventHeight = height;
    }
  });

  $$('#featured_events ul').first().style.height = featuredEventHeight + 'px';
});



function showFeaturedEvent(indexElement){
  $$('#featured_events li').each(function(li, index){
    if(parseInt(indexElement.innerHTML) == index + 1 ){
      li.appear();
    }else{
      if(li.visible()){
        li.fade();
      }
    }
  });
  
  $$('.featured_events_index_selected').first().removeClassName('featured_events_index_selected');
  indexElement.addClassName('featured_events_index_selected');
}