{"ScriptPreparationCode":"var html = \u0027\u003Cdiv class=\u0022tipsie\u0022 role=\u0022tooltip\u0022\u003E\u0027 \u002B\r\n \u0027\u003Cdiv class=\u0022tipsie-arrow\u0022\u003E\u003C/div\u003E\u0027 \u002B \r\n \u0027\u003Cdiv class=\u0022tipsie-inner\u0022\u003E\u003C/div\u003E\u003C/div\u003E\u0027;\r\nvar title = \u0027A short tip title\u0027;\r\nvar gravity = \u0027sw\u0027;\r\nvar left = 0, top = 0;\r\nvar opacity = \u0027100\u0027;\r\nvar customClass = \u0027map-tipsie-text\u0027;\r\n\r\nvar $template = null;\r\nvar $tooltip = null;\r\nvar gravityClassOld = null;\r\nvar customClassOld = null;\r\nvar $bob = $(\u0027#bob\u0027);","TestCases":[{"Name":"Reuse","Code":"var $this = $tooltip\r\nif (!$this) $this = $tooltip = $(html);\r\n\r\n$this\r\n .remove()\r\n .appendTo($bob);","IsDeferred":false},{"Name":"Recreate","Code":"var $this = $(html);\r\nif ($tooltip) $tooltip.remove();\r\n$tooltip = $this;\r\n\r\n$this\r\n .appendTo($bob);","IsDeferred":false},{"Name":"Resuse real work","Code":"var $this = $tooltip\r\nif (!$this) $this = $tooltip = $(html);\r\n\r\n$this.find(\u0027.tipsie-inner\u0027).text(title);\r\n\r\n$this.remove()\r\n .css({top: 0, left: 0, visibility: \u0027hidden\u0027, display: \u0027block\u0027})\r\n .attr( \u0027aria-hidden\u0027, \u0027true\u0027 )\r\n .appendTo($bob);\r\n\r\nif (customClassOld) $this.removeClass(customClassOld);\r\ncustomClassOld = customClass;\r\n$this.addClass(customClassOld);\r\n\r\nif (gravityClassOld) $this.removeClass(gravityClassOld);\r\ngravityClassOld = \u0027tipsie-\u0027 \u002B gravity;\r\n$this.addClass(\u0027tipsie-\u0027 \u002B gravity);\r\n\r\n$this.css({top: top, left: left});\r\n\r\n$this.css({visibility: \u0027visible\u0027, opacity: 100})\r\n .attr( \u0027aria-hidden\u0027, \u0027false\u0027 );\r\n","IsDeferred":false},{"Name":"Recreate real work","Code":"var html2 = \u0027\u003Cdiv class=\u0022tipsie tipsie-\u0027 \u002B gravity \u002B \u0027 \u0027 \u002B customClass \u002B \u0027\u0022 \u0027 \u002B\r\n \u0027role=\u0022tooltip\u0022 aria-hidden=\u0022false\u0022 \u0027 \u002B\r\n \u0027style=\u0022top: \u0027 \u002B top \u002B \u0027; left: \u0027 \u002B left \u002B \u0027; visibility: visible; display: block; opacity: \u0027 \u002B opacity \u002B \u0027;\u0022\u003E\u0027 \u002B\r\n \u0027\u003Cdiv class=\u0022tipsie-arrow\u0022\u003E\u003C/div\u003E\u0027 \u002B\r\n \u0027\u003Cdiv class=\u0022tipsie-inner\u0022\u003E\u0027 \u002B title \u002B \u0027\u003C/div\u003E\u003C/div\u003E\u0027;\r\n\r\nvar $this = $(html2);\r\nif ($tooltip) $tooltip.remove();\r\n$tooltip = $this;\r\n\r\n$this.appendTo($bob);","IsDeferred":false},{"Name":"Recreate opti","Code":"if (!$template) {\r\n var html2 = \u0027\u003Cdiv class=\u0022tipsie\u0022 role=\u0022tooltip\u0022 aria-hidden=\u0022false\u0022 style=\u0022\u0022\u003E\u0027 \u002B\r\n \u0027\u003Cdiv class=\u0022tipsie-arrow\u0022\u003E\u003C/div\u003E\u0027 \u002B\r\n \u0027\u003Cdiv class=\u0022tipsie-inner\u0022\u003E\u003C/div\u003E\u003C/div\u003E\u0027;\r\n $template = $(html2);\r\n}\r\n\r\nvar $this = $template.clone();\r\n\r\n$this.addClass(\u0027tipsie-\u0027 \u002B gravity \u002B \u0027 \u0027 \u002B customClass);\r\n$this.find(\u0027.tipsie-inner\u0027).text(title);\r\n\r\n$this.appendTo($bob);\r\n$this.css({ top: top, left: left, opacity: opacity });\r\n\r\nif ($tooltip) $tooltip.remove();\r\n$tooltip = $this;","IsDeferred":false}]}