var nextImage;
var prevImage;

$(function(){
	
	function changeSlide(sid, dir) {
		var ss = $('#slideshow-' + sid);
		var i = ss.data('slide');
		var slides = $('.slide', ss);
		var l = slides.length;
		
		//$(slides[i]).css('display', 'none');
		
		
		
		$(slides[i]).fadeOut(300);
		i = i + dir;
		if(i < 0) {
			i = l-1;
		} else if(i > l-1) {
			i = 0;
		}
		
		$(slides[i]).fadeIn(1000);
		//$(slides[i]).css('display', 'block');
		
		ss.data('slide', i);
		
		updateInfo(sid, (i + 1), l);
	}
	
	function updateInfo(sid, i, max) {
		$('#sinfo-' + sid).html( i + '/' + max );
	}
 		
	nextImage = function (sid) {
		changeSlide(sid, 1);
	}
	
	prevImage = function (sid) {
		changeSlide(sid, -1);
	}
	
	
	
	$('.slide').css('display', 'none');
	$('.slideshow').each(function () {
		var ss = $(this);		
		
		ss.data('slide', 0);		
		$('.slide:first', ss).css('display', 'block');			
							
	});
	
	
});