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

//callback function to initialize the calendar object
function svmll_calendar () {
	var calId = 'sunnyvalemetro.ll@gmail.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 calendar to pull data from this Google Calendar account
	calendar.setPublicCalendar(calId);
	
	//set up callback to listen for an onClick event
	calendar.setEventCallback('click', displayEvent);
	
	// set the default view to be "month"
	calendar.setDefaultView('month');

	// display the calendar
	calendar.render();

}

//callback function to display an event
function displayEvent(event) {    
	var title = event.getTitle().getText();  
	var date = event.getTimes()[0].getStartTime().getDate();
	var content = event.getContent().getText();  
  
	var eventHtml = new Array;
	eventHtml.push(date.toString());
	eventHtml.push('<br><br>');
	eventHtml.push('<b>Event title:</b> ');
	eventHtml.push(title);
	eventHtml.push('<br>');
	eventHtml.push('<br>');
	eventHtml.push('<b>Description:</b>');
	eventHtml.push('<p style="font-size: 11px;">');
	eventHtml.push(content); 
	eventHtml.push('</p>');
	eventHtml.push('<br>');

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