From 02381c522731fae86ae1a938125458e2dd5d6011 Mon Sep 17 00:00:00 2001
From: reiern70 <reiern70@reiern70-VPCCB3Z8E>
Date: Mon, 29 Oct 2012 15:09:59 +0100
Subject: [PATCH 1/2] added support for hover callbacks.

---
 index.htm                 |  12 +++++
 src/jquery.hoverIntent.js | 111 ++++++++++++++++++++++++++++++++++++++
 src/jquery.notify.js      |  51 +++++++++++++++++-
 src/jquery.notify.min.js  |   2 +-
 4 files changed, 174 insertions(+), 2 deletions(-)
 create mode 100644 src/jquery.hoverIntent.js

diff --git a/index.htm b/index.htm
index fb0e5d2..6930b86 100644
--- a/index.htm
+++ b/index.htm
@@ -9,6 +9,7 @@
 <style type="text/css">form input { display:block; width:250px; margin-bottom:5px }</style>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" type="text/javascript"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js" type="text/javascript"></script>
+<script src="src/jquery.hoverIntent.js" type="text/javascript"></script>
 <script src="src/jquery.notify.js" type="text/javascript"></script>
 
 <script type="text/javascript">
@@ -32,6 +33,15 @@
 		create("default", { title:'Default Notification', text:'Example of a default notification.  I will fade out after 5 seconds'});
 	});
 	
+	$("#defaultHover").click(function(){
+		create("default", { title:'Default Notification', text:'Example of a default notification.  I will fade out after 5 seconds or when mouse hover over it! Uses hoverIntent.js'}, {hover: function(e, instance) {instance.close()}});
+	});
+	
+	$("#defaultHoverjQuery").click(function(){
+		create("default", { title:'Default Notification', text:'Example of a default notification.  I will fade out after 5 seconds or when mouse hover over it! Does not uses hoverIntent.js'}, {useHoverIntent: false, hover: function(e, instance) {instance.close()}});
+	});
+		
+	
 	$("#sticky").click(function(){
 		create("sticky", { title:'Sticky Notification', text:'Example of a "sticky" notification.  Click on the X above to close me.'},{ expires:false });
 	});
@@ -100,6 +110,8 @@ <h1>jQuery UI Notify Widget</h1>
 	
 	<form style="margin:20px 0">
 		<input type="button" id="default" value="Open with default configuration" />
+		<input type="button" id="defaultHover" value="Open with default configuration. Will close on hover (hoverIntent.js)"/>
+		<input type="button" id="defaultHoverjQuery" value="Open with default configuration. Will close on hover (no hoverIntent.js)"/>
         <input type="button" id="queue" value="Or with Queueing" />
 		<input type="button" id="sticky" value="Create a &quot;sticky&quot; notification" />
 		<input type="button" id="warning" value="Use icons in your templates" />
diff --git a/src/jquery.hoverIntent.js b/src/jquery.hoverIntent.js
new file mode 100644
index 0000000..1615787
--- /dev/null
+++ b/src/jquery.hoverIntent.js
@@ -0,0 +1,111 @@
+/**
+* hoverIntent is similar to jQuery's built-in "hover" function except that
+* instead of firing the onMouseOver event immediately, hoverIntent checks
+* to see if the user's mouse has slowed down (beneath the sensitivity
+* threshold) before firing the onMouseOver event.
+* 
+* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
+* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
+* 
+* hoverIntent is currently available for use in all personal or commercial 
+* projects under both MIT and GPL licenses. This means that you can choose 
+* the license that best suits your project, and use it accordingly.
+* 
+* // basic usage (just like .hover) receives onMouseOver and onMouseOut functions
+* $("ul li").hoverIntent( showNav , hideNav );
+* 
+* // advanced usage receives configuration object only
+* $("ul li").hoverIntent({
+*	sensitivity: 7, // number = sensitivity threshold (must be 1 or higher)
+*	interval: 100,   // number = milliseconds of polling interval
+*	over: showNav,  // function = onMouseOver callback (required)
+*	timeout: 0,   // number = milliseconds delay before onMouseOut function call
+*	out: hideNav    // function = onMouseOut callback (required)
+* });
+* 
+* @param  f  onMouseOver function || An object with configuration options
+* @param  g  onMouseOut function  || Nothing (use configuration options object)
+* @author    Brian Cherne <brian@cherne.net>
+*/
+(function($) {
+	$.fn.hoverIntent = function(f,g) {
+		// default configuration options
+		var cfg = {
+			sensitivity: 7,
+			interval: 100,
+			timeout: 0
+		};
+		// override configuration options with user supplied object
+		cfg = $.extend(cfg, g ? { over: f, out: g } : f );
+
+		// instantiate variables
+		// cX, cY = current X and Y position of mouse, updated by mousemove event
+		// pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
+		var cX, cY, pX, pY;
+
+		// A private function for getting mouse position
+		var track = function(ev) {
+			cX = ev.pageX;
+			cY = ev.pageY;
+		};
+
+		// A private function for comparing current and previous mouse position
+		var compare = function(ev,ob) {
+			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
+			// compare mouse positions to see if they've crossed the threshold
+			if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
+				$(ob).unbind("mousemove",track);
+				// set hoverIntent state to true (so mouseOut can be called)
+				ob.hoverIntent_s = 1;
+				return cfg.over.apply(ob,[ev]);
+			} else {
+				// set previous coordinates for next time
+				pX = cX; pY = cY;
+				// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
+				ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
+			}
+		};
+
+		// A private function for delaying the mouseOut function
+		var delay = function(ev,ob) {
+			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
+			ob.hoverIntent_s = 0;
+			return cfg.out.apply(ob,[ev]);
+		};
+
+		// A private function for handling mouse 'hovering'
+		var handleHover = function(e) {
+			// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut
+			var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget;
+			while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } }
+			if ( p == this ) { return false; }
+
+			// copy objects to be passed into t (required for event object to be passed in IE)
+			var ev = jQuery.extend({},e);
+			var ob = this;
+
+			// cancel hoverIntent timer if it exists
+			if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }
+
+			// else e.type == "onmouseover"
+			if (e.type == "mouseover") {
+				// set "previous" X and Y position based on initial entry point
+				pX = ev.pageX; pY = ev.pageY;
+				// update "current" X and Y position based on mousemove
+				$(ob).bind("mousemove",track);
+				// start polling interval (self-calling timeout) to compare mouse coordinates over time
+				if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}
+
+			// else e.type == "onmouseout"
+			} else {
+				// unbind expensive mousemove event
+				$(ob).unbind("mousemove",track);
+				// if hoverIntent state is true, then call the mouseOut function after the specified delay
+				if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
+			}
+		};
+
+		// bind the function to the two event listeners
+		return this.mouseover(handleHover).mouseout(handleHover);
+	};
+})(jQuery);
\ No newline at end of file
diff --git a/src/jquery.notify.js b/src/jquery.notify.js
index dd1d748..27f87d7 100644
--- a/src/jquery.notify.js
+++ b/src/jquery.notify.js
@@ -86,7 +86,56 @@
       if(typeof this.options.click === "function"){
         m.addClass("ui-notify-click").bind("click", function(e){
           self._trigger("click", e, self);
-        });
+        });        
+      }
+        
+      if(typeof this.options.hover === "function"){
+    	  // hover intent present
+    	  if(typeof m.hoverIntent === "function") {
+    		if(this.options.useHoverIntent != null &&  this.options.useHoverIntent == false) {
+    			m.hover(
+    	    			function (e) {
+    	    				try {
+    	             			self._trigger("hover", e, self);
+    	             		 } catch (e) {
+    	             		 }
+    	    			}, 
+    	    			function (e) {
+    	    				if(typeof self.options.out === "function") {
+    	             			self._trigger("out", e, self);
+    	             		}
+    	    			}
+    	    		);
+    		} else {
+    			m.hoverIntent({        	            
+                	 over: function(ob,e) {					
+                		 try {
+                			self._trigger("hover", e, self);
+                		 } catch (e) {
+                		 }          		
+                	 },
+                	 out: function(ob,e) {    
+                		if(typeof self.options.out === "function") {
+                			self._trigger("out", e, self);
+                		}
+                	}
+                });
+    		}    		
+    	  } else {
+    		m.hover(
+    			function (e) {
+    				try {
+             			self._trigger("hover", e, self);
+             		 } catch (e) {
+             		 }
+    			}, 
+    			function (e) {
+    				if(typeof self.options.out === "function") {
+             			self._trigger("out", e, self);
+             		}
+    			}
+    		);
+    	  }               
       }
 
       // show close link?
diff --git a/src/jquery.notify.min.js b/src/jquery.notify.min.js
index 4a076e1..d954f5e 100644
--- a/src/jquery.notify.min.js
+++ b/src/jquery.notify.min.js
@@ -9,4 +9,4 @@
  *   http://www.opensource.org/licenses/mit-license.php
  *   http://www.gnu.org/licenses/gpl.html
 */
-(function(d){d.widget("ech.notify",{options:{speed:500,expires:5E3,stack:"below",custom:!1,queue:!1},_create:function(){var a=this;this.templates={};this.keys=[];this.element.addClass("ui-notify").children().addClass("ui-notify-message ui-notify-message-style").each(function(b){b=this.id||b;a.keys.push(b);a.templates[b]=d(this).removeAttr("id").wrap("<div></div>").parent().html()}).end().empty().show()},create:function(a,b,c){"object"===typeof a&&(c=b,b=a,a=null);a=this.templates[a||this.keys[0]];c&&c.custom&&(a=d(a).removeClass("ui-notify-message-style").wrap("<div></div>").parent().html());this.openNotifications=this.openNotifications||0;return(new d.ech.notify.instance(this))._create(b,d.extend({},this.options,c),a)}});d.extend(d.ech.notify,{instance:function(a){this.__super=a;this.isOpen=!1}});d.extend(d.ech.notify.instance.prototype,{_create:function(a,b,c){this.options=b;var e=this,c=c.replace(/#(?:\{|%7B)(.*?)(?:\}|%7D)/g,function(b,c){return c in a?a[c]:""}),c=this.element=d(c),f=c.find(".ui-notify-close");"function"===typeof this.options.click&&c.addClass("ui-notify-click").bind("click",function(a){e._trigger("click",a,e)});f.length&&f.bind("click",function(){e.close();return!1});this.__super.element.queue("notify",function(){e.open();"number"===typeof b.expires&&0<b.expires&&setTimeout(d.proxy(e.close,e),b.expires)});(!this.options.queue||this.__super.openNotifications<=this.options.queue-1)&&this.__super.element.dequeue("notify");return this},close:function(){var a=this.options.speed;this.element.fadeTo(a,0).slideUp(a,d.proxy(function(){this._trigger("close");this.isOpen=!1;this.element.remove();this.__super.openNotifications-=1;this.__super.element.dequeue("notify")},this));return this},open:function(){if(this.isOpen||!1===this._trigger("beforeopen"))return this;var a=this;this.__super.openNotifications+=1;this.element["above"===this.options.stack?"prependTo":"appendTo"](this.__super.element).css({display:"none",opacity:""}).fadeIn(this.options.speed,function(){a._trigger("open");a.isOpen=!0});return this},widget:function(){return this.element},_trigger:function(a,b,c){return this.__super._trigger.call(this,a,b,c)}})})(jQuery);
+(function($){$.widget("ech.notify",{options:{speed:500,expires:5000,stack:"below",custom:false,queue:false},_create:function(){var self=this;this.templates={};this.keys=[];this.element.addClass("ui-notify").children().addClass("ui-notify-message ui-notify-message-style").each(function(i){var key=this.id||i;self.keys.push(key);self.templates[key]=$(this).removeAttr("id").wrap("<div></div>").parent().html();}).end().empty().show();},create:function(template,msg,opts){if(typeof template==="object"){opts=msg;msg=template;template=null;}var tpl=this.templates[template||this.keys[0]];if(opts&&opts.custom){tpl=$(tpl).removeClass("ui-notify-message-style").wrap("<div></div>").parent().html();}this.openNotifications=this.openNotifications||0;return new $.ech.notify.instance(this)._create(msg,$.extend({},this.options,opts),tpl);}});$.extend($.ech.notify,{instance:function(widget){this.__super=widget;this.isOpen=false;}});$.extend($.ech.notify.instance.prototype,{_create:function(params,options,template){this.options=options;var self=this,html=template.replace(/#(?:\{|%7B)(.*?)(?:\}|%7D)/g,function($1,$2){return($2 in params)?params[$2]:"";}),m=(this.element=$(html)),closelink=m.find(".ui-notify-close");if(typeof this.options.click==="function"){m.addClass("ui-notify-click").bind("click",function(e){self._trigger("click",e,self);});}if(typeof this.options.hover==="function"){if(typeof m.hoverIntent==="function"){if(this.options.useHoverIntent!=null&&this.options.useHoverIntent==false){m.hover(function(e){try{self._trigger("hover",e,self);}catch(e){}},function(e){if(typeof self.options.out==="function"){self._trigger("out",e,self);}});}else{m.hoverIntent({over:function(ob,e){try{self._trigger("hover",e,self);}catch(e){}},out:function(ob,e){if(typeof self.options.out==="function"){self._trigger("out",e,self);}}});}}else{m.hover(function(e){try{self._trigger("hover",e,self);}catch(e){}},function(e){if(typeof self.options.out==="function"){self._trigger("out",e,self);}});}}if(closelink.length){closelink.bind("click",function(){self.close();return false;});}this.__super.element.queue("notify",function(){self.open();if(typeof options.expires==="number"&&options.expires>0){setTimeout($.proxy(self.close,self),options.expires);}});if(!this.options.queue||this.__super.openNotifications<=this.options.queue-1){this.__super.element.dequeue("notify");}return this;},close:function(){var speed=this.options.speed;this.element.fadeTo(speed,0).slideUp(speed,$.proxy(function(){this._trigger("close");this.isOpen=false;this.element.remove();this.__super.openNotifications-=1;this.__super.element.dequeue("notify");},this));return this;},open:function(){if(this.isOpen||this._trigger("beforeopen")===false){return this;}var self=this;this.__super.openNotifications+=1;this.element[this.options.stack==="above"?"prependTo":"appendTo"](this.__super.element).css({display:"none",opacity:""}).fadeIn(this.options.speed,function(){self._trigger("open");self.isOpen=true;});return this;},widget:function(){return this.element;},_trigger:function(type,e,instance){return this.__super._trigger.call(this,type,e,instance);}});})(jQuery);
\ No newline at end of file

From 4a5adaf2d4672942de470a861e1288075c655eb6 Mon Sep 17 00:00:00 2001
From: reiern70 <reiern70@gmail.com>
Date: Thu, 15 Nov 2012 12:37:44 +0100
Subject: [PATCH 2/2] added support for after open events

---
 src/jquery.notify.js     | 6 +++++-
 src/jquery.notify.min.js | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/jquery.notify.js b/src/jquery.notify.js
index 27f87d7..b43be21 100644
--- a/src/jquery.notify.js
+++ b/src/jquery.notify.js
@@ -189,7 +189,11 @@
         self._trigger("open");
         self.isOpen = true;
       });
-
+      
+      if(this.options.afterOpenEffect != null) {
+    	  $(this.element).effect(this.options.afterOpenEffect, { times: this.options.afterOpenEffectRepeat }, this.options.afterOpenEffectSpeed);
+      }      
+      
       return this;
     },
 
diff --git a/src/jquery.notify.min.js b/src/jquery.notify.min.js
index d954f5e..6c3cd99 100644
--- a/src/jquery.notify.min.js
+++ b/src/jquery.notify.min.js
@@ -9,4 +9,4 @@
  *   http://www.opensource.org/licenses/mit-license.php
  *   http://www.gnu.org/licenses/gpl.html
 */
-(function($){$.widget("ech.notify",{options:{speed:500,expires:5000,stack:"below",custom:false,queue:false},_create:function(){var self=this;this.templates={};this.keys=[];this.element.addClass("ui-notify").children().addClass("ui-notify-message ui-notify-message-style").each(function(i){var key=this.id||i;self.keys.push(key);self.templates[key]=$(this).removeAttr("id").wrap("<div></div>").parent().html();}).end().empty().show();},create:function(template,msg,opts){if(typeof template==="object"){opts=msg;msg=template;template=null;}var tpl=this.templates[template||this.keys[0]];if(opts&&opts.custom){tpl=$(tpl).removeClass("ui-notify-message-style").wrap("<div></div>").parent().html();}this.openNotifications=this.openNotifications||0;return new $.ech.notify.instance(this)._create(msg,$.extend({},this.options,opts),tpl);}});$.extend($.ech.notify,{instance:function(widget){this.__super=widget;this.isOpen=false;}});$.extend($.ech.notify.instance.prototype,{_create:function(params,options,template){this.options=options;var self=this,html=template.replace(/#(?:\{|%7B)(.*?)(?:\}|%7D)/g,function($1,$2){return($2 in params)?params[$2]:"";}),m=(this.element=$(html)),closelink=m.find(".ui-notify-close");if(typeof this.options.click==="function"){m.addClass("ui-notify-click").bind("click",function(e){self._trigger("click",e,self);});}if(typeof this.options.hover==="function"){if(typeof m.hoverIntent==="function"){if(this.options.useHoverIntent!=null&&this.options.useHoverIntent==false){m.hover(function(e){try{self._trigger("hover",e,self);}catch(e){}},function(e){if(typeof self.options.out==="function"){self._trigger("out",e,self);}});}else{m.hoverIntent({over:function(ob,e){try{self._trigger("hover",e,self);}catch(e){}},out:function(ob,e){if(typeof self.options.out==="function"){self._trigger("out",e,self);}}});}}else{m.hover(function(e){try{self._trigger("hover",e,self);}catch(e){}},function(e){if(typeof self.options.out==="function"){self._trigger("out",e,self);}});}}if(closelink.length){closelink.bind("click",function(){self.close();return false;});}this.__super.element.queue("notify",function(){self.open();if(typeof options.expires==="number"&&options.expires>0){setTimeout($.proxy(self.close,self),options.expires);}});if(!this.options.queue||this.__super.openNotifications<=this.options.queue-1){this.__super.element.dequeue("notify");}return this;},close:function(){var speed=this.options.speed;this.element.fadeTo(speed,0).slideUp(speed,$.proxy(function(){this._trigger("close");this.isOpen=false;this.element.remove();this.__super.openNotifications-=1;this.__super.element.dequeue("notify");},this));return this;},open:function(){if(this.isOpen||this._trigger("beforeopen")===false){return this;}var self=this;this.__super.openNotifications+=1;this.element[this.options.stack==="above"?"prependTo":"appendTo"](this.__super.element).css({display:"none",opacity:""}).fadeIn(this.options.speed,function(){self._trigger("open");self.isOpen=true;});return this;},widget:function(){return this.element;},_trigger:function(type,e,instance){return this.__super._trigger.call(this,type,e,instance);}});})(jQuery);
\ No newline at end of file
+(function($){$.widget("ech.notify",{options:{speed:500,expires:5000,stack:"below",custom:false,queue:false},_create:function(){var self=this;this.templates={};this.keys=[];this.element.addClass("ui-notify").children().addClass("ui-notify-message ui-notify-message-style").each(function(i){var key=this.id||i;self.keys.push(key);self.templates[key]=$(this).removeAttr("id").wrap("<div></div>").parent().html();}).end().empty().show();},create:function(template,msg,opts){if(typeof template==="object"){opts=msg;msg=template;template=null;}var tpl=this.templates[template||this.keys[0]];if(opts&&opts.custom){tpl=$(tpl).removeClass("ui-notify-message-style").wrap("<div></div>").parent().html();}this.openNotifications=this.openNotifications||0;return new $.ech.notify.instance(this)._create(msg,$.extend({},this.options,opts),tpl);}});$.extend($.ech.notify,{instance:function(widget){this.__super=widget;this.isOpen=false;}});$.extend($.ech.notify.instance.prototype,{_create:function(params,options,template){this.options=options;var self=this,html=template.replace(/#(?:\{|%7B)(.*?)(?:\}|%7D)/g,function($1,$2){return($2 in params)?params[$2]:"";}),m=(this.element=$(html)),closelink=m.find(".ui-notify-close");if(typeof this.options.click==="function"){m.addClass("ui-notify-click").bind("click",function(e){self._trigger("click",e,self);});}if(typeof this.options.hover==="function"){if(typeof m.hoverIntent==="function"){if(this.options.useHoverIntent!=null&&this.options.useHoverIntent==false){m.hover(function(e){try{self._trigger("hover",e,self);}catch(e){}},function(e){if(typeof self.options.out==="function"){self._trigger("out",e,self);}});}else{m.hoverIntent({over:function(ob,e){try{self._trigger("hover",e,self);}catch(e){}},out:function(ob,e){if(typeof self.options.out==="function"){self._trigger("out",e,self);}}});}}else{m.hover(function(e){try{self._trigger("hover",e,self);}catch(e){}},function(e){if(typeof self.options.out==="function"){self._trigger("out",e,self);}});}}if(closelink.length){closelink.bind("click",function(){self.close();return false;});}this.__super.element.queue("notify",function(){self.open();if(typeof options.expires==="number"&&options.expires>0){setTimeout($.proxy(self.close,self),options.expires);}});if(!this.options.queue||this.__super.openNotifications<=this.options.queue-1){this.__super.element.dequeue("notify");}return this;},close:function(){var speed=this.options.speed;this.element.fadeTo(speed,0).slideUp(speed,$.proxy(function(){this._trigger("close");this.isOpen=false;this.element.remove();this.__super.openNotifications-=1;this.__super.element.dequeue("notify");},this));return this;},open:function(){if(this.isOpen||this._trigger("beforeopen")===false){return this;}var self=this;this.__super.openNotifications+=1;this.element[this.options.stack==="above"?"prependTo":"appendTo"](this.__super.element).css({display:"none",opacity:""}).fadeIn(this.options.speed,function(){self._trigger("open");self.isOpen=true;});if(this.options.afterOpenEffect!=null){$(this.element).effect(this.options.afterOpenEffect,{times:this.options.afterOpenEffectRepeat},this.options.afterOpenEffectSpeed);}return this;},widget:function(){return this.element;},_trigger:function(type,e,instance){return this.__super._trigger.call(this,type,e,instance);}});})(jQuery);
\ No newline at end of file