Simple alert event details for FullCalender and using Google Calender

Simple alert event details for FullCalender and using Google Calender

I've been stuck with this for about 2 weeks on and off and would
appreciate any help from anywhere.
I've created a mini calender on a webpage that uses the FullCalender
library. I also have a google calender hooked up to display events in it
(http://arshaw.com/fullcalendar/docs/google_calendar//).
It all works and displays fine, the issue I'm having is just getting the
event details and trying to alert() them, the ultimate aim to create a
hover-over pop-up showing details of the event. Research showed that there
is a functionality for the FullCalender which allows a 'mouseover' event
(http://arshaw.com/fullcalendar/docs/mouse/) which I havnt been able to
get to work.
I have also tried accessing the div's HTML using:
$(document).ready(function() {
$('#pagehome-calendar').fullCalendar({
events: $.fullCalendar.gcalFeed(
"https://www.google.com/calendar/feeds/myrealcalender@email.com/public/basic",
{
currentTimezone: 'America/Chicago' // an option!
}
)
});
$(".fc-event-inner").mouseover(function () {
var htmlStr = $(this).html();
alert(htmlStr);
});
});
However, the function will not trigger which makes me suspect I'm not
going to be able to do it this way... can anyone help?
Thanks for your time.