// JavaScript Document
window.onload = function() {
  calvis.ready(callback);
}

function callback() {
	var calId = 'mckgo7664fp01gd988j80cpk0o@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');
	
	// set the calenar to pull data from this Google Calendar account
	calendar.setPublicCalendar(calId);
	
	calendar.setEventCallback('mouseover', displayEvent);
	
	// set the default view to be "month"
	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('<div class="calvis-date">');
	eventHtml.push(date.toString());
	eventHtml.push('</div>');
	eventHtml.push('<div class="calvis-title">');
	eventHtml.push(title);
	eventHtml.push('</div>');
	eventHtml.push('<div class="calvis-description">');
	eventHtml.push(content); 
	eventHtml.push('</div>');
	
	document.getElementById('eventDisplayDiv').innerHTML = eventHtml.join('');
}