$('.ms-acal-summary-dayrow td').hoverIntent( config );
                                        var config = {
			                                over: DisplayCalendar,
			                                interval: 300,
			                                timeout: 100000,
			                                out: CloseCalendar
		                                }
                                

1. Line 1: This is initialized on page load (document.ready()). This says, "take all the td's (days on the calendar), and apply the hoverIntent feature to them, passing config".
2. Lines 2 - 7:
   • The over parameter is used for the function ran for hovering over the element (mouseover).
   • The out parameter is used for the function ran for hovering out (mouseout).
   • The interval parameter says, "how long should I wait to fire the over function?". If the mouse is moved away from the element, the interval starts over once the mouse is over another element that fires the plugin. This is in milliseconds.
   • The timeout is used before the out function is called. This is in milliseconds. The reason I used such a high number is because my absolute positioned div is only so high, and I did not want it to grow if we had a lot of events in our calendar. Therefore I added a scroll bar, so the user can take the mouse of the hovered element and scroll through if desired. If the timeout amout was set lets say to zero (0), the user would not be able to scroll because the absolute div would be hidden on mouseout.

		                            window.setInterval(function () {
			                            $('.ms-acal-summary-dayrow td').hoverIntent( config );
		                            }, 500);
										
		                            $('#calendarClose').click( function () {
		                                  $('#calendarDisplay').hide();
		                            });
		
		                            var config = {
			                            over: DisplayCalendar,
			                            interval: 300,
			                            timeout: 100000,
			                            out: CloseCalendar
		                            }
		
		                            $('.ms-acal-summary-dayrow td').hoverIntent( config );
				
		                            function DisplayCalendar() {			
			                            $('.middleTD').filter( function () {
				                               $(this).html('');
			                            });
	
			                            $('#calendarDisplay').addClass('calendarDisplayCSS').show();
		    
			                            // get date from CalendarWP - add to top header of table
			                            var date = $(this).attr('date');
			                            $('#calendarDate').text(date);
			     
			                            date = Date.parse(date).toString('yyyy-MM-dd');
			
			                            var soapEnv =
				                            "
                                             \
				                             \
				                             \
				                            CorporateCalendar \
				                             \
				                             \
				                             \
				                             \
				                             \
				                            500 \
				                             \
				                             \
				                            ";
	
			                            // Call web service
			                            $.ajax({
				                            url: "http://YourServer/_vti_bin/lists.asmx",
				                            type: "POST",
				                            dataType: "xml",
				                            data: soapEnv,
				                            complete: test,
				                            contentType: "text/xml; charset=\"utf-8\""
			                            });
				
			                            function test(xData, status) {
				                            //alert(xData.responseText); return false;
				                            var calendarList = [];	
				                            var startTime = "";
				                            var endTime = "";
				                            var calDate = "";
				                            var index = 0;
				                            var startTimeNum = "";
				                            var dateNum = "";
					                            $(xData.responseXML).find("z\\:row").each(function () {			
						                            // get date from calendar		    
					                                calDate = Date.parse($(this).attr("ows_EventDate")).toString('yyyy-MM-dd');

					                                // check if calendar date is equal to date of mouse hover
					                                if (calDate == date) {
							                            calendarData = {};
							                            calendarData.Title = $(this).attr("ows_Title");	
							
							                            // get time only from "EventDate" (start)					
							                            startTime = Date.parse($(this).attr("ows_EventDate").substring($(this).attr("ows_EventDate").indexOf(' '))).toString('h:mm tt');
							                            calendarData.StartTime = startTime;
							
							                            // get time only from "EndDate" (end)
							                            endTime = Date.parse($(this).attr("ows_EndDate").substring($(this).attr("ows_EndDate").indexOf(' '))).toString('h:mm tt');
							                            calendarData.EndTime = endTime;
							
							                            calendarList.push(calendarData);	
						                            }				
					                            });
										
					                            for (var i = 0; i < calendarList.length; i++) {
				                                startTimeMin = Date.parse(calendarList[i].StartTime).toString('mm');
					                            $('#cal-holder td').filter( function () {	
					                                  // startTime is 8:00am, 9:00am, etc.
					                                  if (startTimeMin == "00") {
					                                        startTime = Date.parse(calendarList[i].StartTime).toString('htt').toLowerCase();								
								
						      	                            if ($(this).html() == startTime) {
						      	                            endTime = Date.parse(calendarList[i].EndTime).toString('htt').toLowerCase();
						                                       $(this).next().append('
 ' + calendarList[i].Title + ' ' + startTime + " - " + endTime + '
');
					      		                            }

					                                  }					      
					                                  // startTime is 8:30am, 9:30am, etc.
					                                  else {
					                                     startTimeNum = Date.parse(calendarList[i].StartTime).toString('htt');
					                                     dateNum = $(this).html().toUpperCase();
							 			      					         
					                                     if (startTimeNum == dateNum) {
						                                    startTime = Date.parse(calendarList[i].StartTime).toString('h:mmtt').toLowerCase();
						                                    endTime = Date.parse(calendarList[i].EndTime).toString('h:mmtt').toLowerCase();
					                                        $(this).parent().next().children().next().append('
 ' + calendarList[i].Title + ' ' + startTime + " - " + endTime + '
');
					                                     }
					                                  }
				                               });					
				                            }				
			                            }			
		                            }
		
		                            function CloseCalendar() {
			                            $('#calendarDisplay').hide();
		                            }                           
                             

1. Lines 1 - 3: This is rebinding the calendar to the hoverIntent plugin every .5 seconds. This was needed because if the user decided to switch months, then the hoverIntent plugin would not work for additional months.
2. Lines 5 - 16: Closes the calendar (day viewer). Defines the functions needed for hoverIntent, and assigns the plugin to the month's days displayed in the Sharepoint calendar webpart.
3. Lines 19 - 21: Clears the Calendar (day viewer).
4. Lines 26 - 29: Grabs the date hovered and displays it in the day viewer.
5. Lines 31 - 55: Ajax call to Sharepoint webservice. Replace "YourServer" with your Sharepoint website name. Replace line 36 with your Sharepoint Calendar List name. If your Sharepoint Calendar is very heavily populated, line 42's row limit may need to be higher.
6. Lines 66 - 85: Iterates through each row of the xml data received from the Sharepoint webservice call to your Calendar List Name.
   • Lines 68 - 71: Get all dates that equal the date hovered on the calendar web part.
   • Lines 72 - 83: Gets the title (event name) and the start time/end time of the event. Adds this to the "calendarData" object, then adds to the array, "calendarList".
7. Lines 87 - 117: Iterates through all items in the array, "calendarList", finds the appropriate place in the day viewer, and adds the event.