$(document).ready(
  function() {
    
    $('.month-calendar ul.calendar li.noevents').hover(
      function() {$(this).addClass('hovering');},
      function() {$(this).removeClass('hovering');}
    );
    $('.month-calendar ul.calendar li.hasevents').hover(
      function() {$(this).addClass('hovering');},
      function() {$(this).removeClass('hovering');}
    );

    $('.month-calendar ul.calendar li.hasevents').click(
      function() {
        $('.month-calendar ul.calendar').hide()
        .removeClass('calendar').addClass('list')
        .show('slow');
      }
    );

    
    // style switcher for calendar style
    $('.month-calendar .list-style').click(
      function() {
        $('.month-calendar ul.calendar').hide()
        .removeClass('calendar').addClass('list')
        .show('slow');
      }
    );
    $('.month-calendar .calendar-style').click(
      function() {
        $('.month-calendar ul.list').hide()
        .removeClass('list').addClass('calendar')
        .show('slow');
      }
    );
  }
);