$(document).ready( function(){
	var originalContents = $("#cellTooltip").html();
	$("#schedule td").hover( function() {
		var cell     = $(this);
		var left     = cell.position().left;
		var top      = cell.position().top;
		var width    = cell.outerWidth();
		var rel      = cell.attr("rel");
		var tooltip  = $("#sb-definitions").contents().find('td[rel="'+rel+'"]').html();
		if ( undefined != tooltip ) {
			var tooltiptitle = $("#sb-definitions").contents().find('td[rel="'+rel+'"]').prev().html();
			var html     = originalContents+'<h2>'+tooltiptitle+'</h2><p>'+tooltip+'</p>';
			var index    = $(this).index();
			var offset   = -25;
			$("#cellTooltip").html(html);
			var height   = $("#cellTooltip").show().height();
			left = left - 270 + width;
			$("#cellTooltip").hide().css({'left':left,'top':top-height+offset}).stop(true,true).fadeIn(100);
			cell.css({'boxShadow':'0px 0px 8px #000000'});		
		}
	}, function() {
		$("#cellTooltip").stop(true,true).fadeOut(100);
		$(this).css({'boxShadow':'0px 0px 0px #000000'});
	});
});