Fix for animation build-up on window blur/focus

jquery.jshowoff.js

@@ -19,11 +19,13 @@ hoverPause :		whether to pause on hover [boolean, defaults to true]
 links :				whether to create & display numeric links to each slide [boolean, defaults to true]
 speed :				time each slide is shown [integer, milliseconds, defaults to 3000]
 
+Modified by Alan Richey:
+	- Pause animation to prevent animation from building up on window blur
+	- Replaced attr() with prop() to prevent undefined links
 */
 
 (function($) {
 
-
 	$.fn.jshowoff = function(settings) {
 
 		// default global vars
@@ -98,6 +100,10 @@ speed :				time each slide is shown [integer, milliseconds, defaults to 3000]
 				function(){ if(isPlaying()) play('hover'); }
 			);};
 
+			// pause slide rotation when window loses focus
+			var infocus = true;
+			$(window).focus(function(){ infocus = true; }).blur(function (){ infocus = false; });
+
 			// determine autoPlay
 			if(config.autoPlay && gallery.length>1) {
 				timer = setInterval( function(){ play(); }, config.speed );
@@ -158,9 +164,12 @@ speed :				time each slide is shown [integer, milliseconds, defaults to 3000]
 
 			// start slide rotation on specified interval
 			function play(src) {
-				if(!isBusy()){
-					counter++;
-					transitionTo(gallery,counter);
+				if(!isBusy() && infocus){
+					if(src!='hover') {
+						counter++;
+						transitionTo(gallery,counter);
+					}
+
 					if(src=='hover' || !isPlaying()) {
 						timer = setInterval(function(){ play(); },config.speed);
 					}
@@ -228,7 +237,7 @@ speed :				time each slide is shown [integer, milliseconds, defaults to 3000]
 			function addSlideLinks() {
 				$wrap.append('<p class="jshowoff-slidelinks '+uniqueClass+'-slidelinks"></p>');
 				$.each(gallery, function(i, val) {
-					var linktext = $(this).attr('title') != '' ? $(this).attr('title') : i+1;
+					var linktext = $(this).prop('title') != '' ? $(this).prop('title') : i+1;
 					$('<a class="jshowoff-slidelink-'+i+' '+uniqueClass+'-slidelink-'+i+'" href="#null">'+linktext+'</a>').bind('click', {index:i}, function(e){ goToAndPause(e.data.index); return false; }).appendTo('.'+uniqueClass+'-slidelinks');
 				});
 			};