$(function() {
  $.facebox.settings.opacity = 0.3;
  $.facebox.settings.loadingImage = '/images/events/loading.gif';
  $.facebox.settings.closeImage = '/images/events/close.png';
  $.facebox.settings.faceboxHtml = '\
  <div id="facebox" style="display: none;"> \
    <a href="#" class="close"> \
      <img src="/images/events/close.png" title="close" class="close_image" /> \
    </a> \
    <div class="body"> \
      <div class="content"></div> \
    </div> \
  </div>';
  
  $('table td a').facebox();
  $(document).bind('afterReveal.facebox', function() {
    sIFR.replace(Fonts['MarkerFeltThin'], {
      selector: '#facebox h3',
      css: '.sIFR-root { color: #2d3271 }',
      transparent: true
    });
  });
  
  $('select#state').change(function() {
    var state = $(this).val();
    var path = document.location.href.match(/(\/events.*)/)[0];
    
    var date = path.match(/\/events(\/\d{4}\/\d\d?)?(\/\w*)?\/?/)[1];
    
    if (date) {
      document.location.href = '/events' + date + '/' + state;
    } else {
      document.location.href = '/events/' + state;
    }
  });
});