jQuery(document).ready(function(){
		tooltip();
		
		jQuery("td.day_overs").hover(
		   function(){
			 jQuery(this).addClass('td_hover');
			 
			 jQuery(this).children('div.middle').children('div.event_container').children('a.grey_bg_calendar_event').addClass('grey_bg_calendar_event_on');
		   
		   
		   },
		   function(){
			 jQuery(this).removeClass('td_hover');
			 
			 jQuery(this).children('div.middle').children('div.event_container').children('a.grey_bg_calendar_event').removeClass('grey_bg_calendar_event_on');
			 
		   }
		);
	});
	
	this.tooltip = function(){	
		/* CONFIG */		
			xOffset = 5;
			yOffset = 10;		
			// these 2 variable determine popup's distance from the cursor
			// you might want to adjust to get the right result		
		/* END CONFIG */	
			
		jQuery("a.tooltip").hover(function(e){	
			
			var id = this.id;
			id = id.replace('event_link_', '');
			
			event_location = eval("event_" + id + "['location']");
			event_start_time = eval("event_" + id + "['start_time']");
			event_end_time = eval("event_" + id + "['end_time']");
			event_start_date = eval("event_" + id + "['start_date']");
			event_name = eval("event_" + id + "['event_name']");

      event_start_time = (event_start_time == "00:00" ? '' : ' <br /><strong>Start time:</strong> ' + event_start_time);
      event_end_time = (event_end_time == "00:00" ? '' : ' <br /><strong>End time:</strong> ' + event_end_time);
 
			this.t = this.title;
			this.title = "";									  
			jQuery("body").append('<div id="tooltip"><h3> '+ event_name +'</h3><p><strong>Location:</strong> ' + event_location + event_start_time + event_end_time + ' <br /><strong>Start date:</strong> ' + event_start_date + '</p></div>');
			jQuery("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeIn("fast");		
		},
		function(){
			this.title = this.t;		
			jQuery("#tooltip").remove();
		});	
		jQuery("a.tooltip").mousemove(function(e){
			jQuery("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px");
		});			
	};
