Current image count. jQuery slideshow

[ijs]

Hello, I write simple slideshow on jQuery but I can't understand how to change current image count. Help me please.

Here is my current code:

<script type="text/javascript"> 
	$(document).ready(function(){
	$('#slideshow img').hide();
	$('#slideshow img:first').show();
	
	function slide(){
		var $top = $('#slideshow img:visible');
		var $next;
		
		if ($top.next().length > 0)
		$next = $top.next();
		
		else
		$next = $('#slideshow img:first');
		$top.hide();
		$next.show();
	}
	var $imgCount = $('#slideshow img');
	var $iCount = $imgCount.length;
 
	$('#slideshow img').click(slide);
	$('#totalImages').text($iCount);

	});
</script>

I'm trying make like this 2/45, where 2 - is current image number.
Thank you.

[3Nex]

I'm gonna give you a general idea, i didn't try to run the code so i'm not sure it works. The changes i've made are marked red, the code that i don't understand is grey because i'm not sure if it's supposed to go in the "else" block or not.

<script type="text/javascript"> 
	$(document).ready(function(){
	$('#slideshow img').hide();
	$('#slideshow img:first').show();
	
	function slide(){
		var $top = $('#slideshow img:visible');
		var $next;
		var $current = 1;
		
		if ($top.next().length > 0) {
			$next = $top.next();
			$current++;
		} else {
			$next = $('#slideshow img:first');
			$current = 1;
		}
		$top.hide();
		$next.show();

		$('#currentImage').text($current + "/" + $iCount);
	}
	var $imgCount = $('#slideshow img');
	var $iCount = $imgCount.length;
 
	$('#slideshow img').click(slide);
	$('#totalImages').text($iCount);

	});
</script>

[ijs]

Thank you, but this is work only once, i.e. 1 changing to 2 and stop.
This is very strange, because every time when click(slide) they must $current++
Hm…

[ijs]

I found a solution:

Counter should be under function:

var $current = 1;
function slide(){
		var $top = $('#slideshow img:visible');
		var $next;