/**
 *	Javascript jquery master file
 *
 */

/**
var events = [ 
    { Title: "<strong>Five K for charity</strong><br/><strong>Whatever</strong>", Date: new Date("08/13/2013") },	
    { Title: "<strong>Dinner</strong>", Date: new Date("08/25/2013") }, 
    { Title: "<img src=\"https://cdn1.iconfinder.com/data/icons/Sizicons/12x12/lock.png\" alt=\"Lock\"><strong style=\"color:#cc0000\">Meeting with manager</strong>", Date: new Date("08/01/2013") }
];
*/
jQuery(function() {
	var events = [];
	jQuery(jQuery.parseJSON(JSON.stringify(eventsJson))).each(function() {  
         var title = this.Title;
         var date = this.Date;
		 events.push({Title:title, Date:new Date(date)});
	});
	jQuery("#fel-cal").datepicker({
		beforeShowDay: function(date) {
			var result = [true, '', null];
			var matching = jQuery.grep(events, function(event) {
				return event.Date.valueOf() === date.valueOf();
			});
			
			if (matching.length) {
				result = [true, 'tooltip', matching[0].Title];
			}
			return result;
		},
	});
	
	jQuery(document).on('mouseover', '#fel-cal .tooltip', function(event) {
	// jQuery('td.tooltip').qtip();

		jQuery(this).qtip({
		    overwrite: false, // Make sure the tooltip won't be overridden once created
		    content: {
				text: function(){
				//	alert(jQuery(this).attr("title"));
					return jQuery(this).attr("title");
				}
			},
			position: {
				my: 'top right',  // Position my top left...
				at: 'bottom right', // at the bottom right of...
         		adjust: { 
            		x: -15, 
            		y: 0 
         		}
			},
		    show: {
		        event: event.type, // Use the same show event as triggered event handler
		        ready: true, // Show the tooltip immediately upon creation
		        solo: true
		    },
		    hide: 'unfocus',
			style: {
				classes: 'qtip-uni'
			}
		}, event); // Pass through our live event to qTip
	});
	
});