From 16e6f807de46f6bf8baed4c68e4a7aaa94c795ee Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Thu, 23 Oct 2014 12:59:19 +0000
Subject: [PATCH] Performance improvment for calender tooltip

---
 calendar/js/app.js | 64 +++++++++++++++++++++++++++-------------------
 1 file changed, 38 insertions(+), 26 deletions(-)

diff --git a/calendar/js/app.js b/calendar/js/app.js
index 87f9544428..30c760ac10 100644
--- a/calendar/js/app.js
+++ b/calendar/js/app.js
@@ -429,38 +429,50 @@ app.classes.calendar = AppJS.extend(
 		jQuery("body")
 			//mouseover event handler for calendar tooltip
 			.on("mouseover", "div[data-tooltip]",function(){
-				var ttp = jQuery(this).tooltip({
-					items: "[data-tooltip]",
-					content: function()
-					{
-						var elem = jQuery(this);
-						if (elem.is("[data-tooltip]"))
-							return this.getAttribute('data-tooltip') ;
-					},
-					track:true,
+				//Check if the tooltip is already initialized
+				if (!jQuery(this).data('uiTooltip'))
+				{
+					jQuery(this).tooltip({
+						items: "[data-tooltip]",
+						show: false,
+						content: function()
+						{
+							var elem = jQuery(this);
+							if (elem.is("[data-tooltip]"))
+								return this.getAttribute('data-tooltip') ;
+						},
+						track:true,
 
-					open: function(event,ui){
-						ui.tooltip.removeClass("ui-tooltip");
-						ui.tooltip.addClass("calendar_uitooltip");
-					},
-					close: function( event, ui )
-					{
-						ui.tooltip.hover(
-							function () {
-								if (this.scrollHeight > this.clientHeight)	jQuery(this).stop(true).fadeTo(100, 1);
-							},
-							function () {
-								jQuery(this).fadeOut("100", function(){	jQuery(this).remove();});
+						open: function(event,ui){
+							ui.tooltip.removeClass("ui-tooltip");
+							ui.tooltip.addClass("calendar_uitooltip");
+							if (this.scrollHeight > this.clientHeight)
+							{
+								// bind on tooltip close event
+								jQuery(this).on("tooltipclose", function (event, ui){
+									// bind hover handler on tooltip helper in order to be able to freeze the tooltip and scrolling 
+									ui.tooltip.hover(
+										function () {
+											if (this.scrollHeight > this.clientHeight)	jQuery(this).stop(true).fadeTo(100, 1);
+										},
+										function () {
+											jQuery(this).fadeOut("100", function(){	jQuery(this).remove();});
+										}
+									);
+								});
 							}
-						);
-					}
-				});
-				ttp.tooltip("enable");
+						}
+					});
+				}
 			})
 
 			// mousedown event handler for calendar tooltip to remove disable tooltip
 			.on("mousedown", "div[data-tooltip]", function(){
-				jQuery(this).tooltip("disable");
+				// Make sure the tooltip initialized before calling it
+				if (jQuery(this).data('uiTooltip'))
+				{
+					jQuery(this).tooltip("disable");
+				}
 			})
 
 			//onClick event handler for calendar Events