Bildwechsel neuzählen nach Bildwechsel

[Vintage85]

Hallo!

Ich habe den folgenden Code realisiert. Hiermit ist es möglich sich durch eine Bildergallerie zu klicken. Falls nicht geklickt wird, ändert sich das Bild in einem Intervall von 5000. Leider zählt er hier einmal durch und macht den Bildwechsel - auch wenn zwischendurch manuell gewechselt wird. Dadurch kann es vorkommen, dass manuell weitergeklickt wurde und dann direkt der automatische Bildwechsel kommt. Das wirkt ganz unschön.  Das Neuzählen soll jedoch immer wieder neustarten, wenn ein neues Bild aufgerufen wurde. Wie kann ich das umsetzen?

Danke und schöne Grüße,
Martin

		<script type="text/javascript">  
		  
			$(document).ready(function() {  
			  
				var pfad = "pics/fashion/";  
				var anzahl = 24;  
				var image = $('#image');  
   				  
   				if($(location).attr("hash")) {  
					  
					var newImage = parseInt($(location).attr("hash").replace("#", ""),10);  
					  
					if(newImage > anzahl || newImage < 1 || typeof(newImage)  == "undefined" || isNaN(newImage)) { newImage = 1; }  
  
					image.attr('src',pfad + newImage + ".jpg");  
					image.attr('alt',newImage);  
					  
				}  
				  
				imagePreload();  
				  
				function imagePreload() {  
	  
					var imageNr = parseInt(image.attr('alt'),10);  
					  
					var preloadNext = new Image();  
					var preloadImageNext = imageNr + 1;  
   					preloadNext.src = pfad + preloadImageNext + ".jpg";  
   					  
   					var preloadPrev = new Image();  
					var preloadImagePrev = imageNr - 1;	  
   					preloadPrev.src = pfad + preloadImagePrev + ".jpg";  
   					  
   					var preloadNextNext = new Image();  
					var preloadImageNextNext = imageNr + 2;  
   					preloadNextNext.src = pfad + preloadImageNextNext + ".jpg";  
   					  
   					var preloadPrevPrev = new Image();  
					var preloadImagePrevPrev = imageNr - 2;  
   					preloadPrevPrev.src = pfad + preloadImagePrevPrev + ".jpg";  
  
   				}  
   				  
				  
				function nextImage() {  
					changeImage(parseInt(image.attr('alt'),10) + 1);  
					imagePreload();  
				}  
				  
				function prevImage() {  
					changeImage(parseInt(image.attr('alt'),10) - 1);  
					imagePreload();  
				}  
								  
				function changeImage(newImage) {  
				  
					if(newImage > anzahl || typeof(newImage)  == "undefined" || isNaN(newImage)) { newImage = 1; }  
					if(newImage < 1) { newImage = anzahl; }  
					  
					image.attr('alt',newImage);  
					$(location).attr("hash","#" + newImage);  
					  
					image.fadeTo( 0, 0, function() {  
						image.attr('src',pfad + newImage + ".jpg");  
					});  
					  
					image.load( function() {  
      					image.fadeTo( 0, 100);  
   					});			  
											  
				}  
				  
				image.click(nextImage);  
				$('.next').click(nextImage);  
				$('.prev').click(prevImage);  
							  
				var int = setInterval(nextImage, 50000);  
														  
				  
			});  
			  
		</script>