events added

README.md

@@ -26,7 +26,9 @@ Events:
  - **beforeStarting:** Event will be fired on the element before animation starts.
  - **finished:** Event will be fired on the element after the animation finishes.
  - **pause:** Fire this event on the element when you want to pause the animation, for example when you click/hover a link.
+ - **paused:** Event will be fired on the element when the animation is paused.
  - **resume:** Fire this event on the element when you want to resume, the paused animation.
+ - **resumed:** Event will be fired on the element when the animation is resumed.
 
 Demo & blog post:
 -----

index.html

@@ -82,8 +82,10 @@ <h2>Events</h2>
 		<ul>
 			<li><b>beforeStarting:</b> Event will be fired on the element before animation starts.</li>
 			<li><b>finished:</b> Event will be fired on the element after the animation finishes.</li>
-			<li><b>pause:</b> Fire this event on the element when you want to pause the animation, for example when you click/hover a link.</li>
-			<li><b>resume:</b> Fire this event on the element when you want to resume, the paused animation.</li>
+			<li><b>pause:</b> Fire/trigger this event on the element when you want to pause the animation, for example when you click/hover a link.</li>
+			<li><b>paused:</b> Event will be fired on the element when the animation is paused.</li>
+			<li><b>resume:</b> Fire/trigger this event on the element when you want to resume, the paused animation.</li>
+			<li><b>resumed:</b> Event will be fired on the element when the animation is resumed.</li>
 		</ul>
 
 		<h2>Options</h2>

jquery.marquee.js

@@ -58,12 +58,16 @@
 			function pause() {
 				if($.fn.pause) {
 					$marqueeWrapper.pause();
+					//fire event
+					$this.trigger('paused');
 				}
 			}
 
 			function resume() {
 				if($.fn.resume) {
 					$marqueeWrapper.resume();
+					//fire event
+					$this.trigger('resumed');
 				}
 			}