window.onload = function() {
  calvis.ready(main);
}

function main() {
  var calId = 'b707n9gjfd1o5denqt2rnsi8n4@group.calendar.google.com';

  var calendar = new calvis.Calendar();

  // set the CSS IDs for various visual components for the calendar container
  calendar.setCalendarBody('calendarBodyDiv');
  calendar.setStatusControl('statusControlDiv');
  calendar.setNavControl('navControlDiv');
  calendar.setViewControl('viewControlDiv');
  //calendar.setEventCallback('mouseover', displayEvent);

  // set the calenar to pull data from this Google Calendar account
  calendar.setPublicCalendar(calId);  
  calendar.setLoginControl('loginControlDiv');  

  calendar.setDefaultView('month');
  // display the calendar
  calendar.render();  
}

function displayEvent(event) {    
  var title = event.getTitle().getText();  
  var date = event.getTimes()[0].getStartTime().getDate();
  var content = event.getContent().getText();  
  
  var eventHtml = [];
  eventHtml.push(date.toString());

  document.getElementById('eventDisplayDiv').innerHTML = eventHtml.join('');  
}