//
//  JavaScript for Calendar
//

$(document).ready(function() {
    //hide detailed event info on pageload
    $('.eventDetails').hide();

    $('.data').hover(function(event) {    
        //Associate the clicked Event's ID with the data box and display
        var id = $(this).attr('id') + 'Details';             
        $('#' + id).fadeIn('fast');
        
        //hide any other open events
        //(e.g. only display one event details at a time)
        $('#' + id).siblings('div:visible').toggle();        
    }, function() {});    //empty function as hover function takes two arguments
});