var slideshowTimeout = null;
var currentSlide = 1;
var slidingInterval = 5000;
var fadeDuration = 500;
var MaxElements = 0;
var SlideshowInterval;

function initSlideshow(max) {
	MaxElements = max-1;
	SlideshowInterval = setInterval(autoChangeSlide, slidingInterval);
	
	$("#SlideNav").children().bind('click', function() {
		clickSlideChange($('#'+this.id).attr('data-item-id'));
	})
}

function autoChangeSlide() {
	var Next = currentSlide + 1;
	if(Next > MaxElements) Next = 1;
	changeSlide(Next);
}

function changeSlide(i) {
	$("#Item"+currentSlide).fadeOut(fadeDuration);
	$("#Item"+i).fadeIn(fadeDuration);
	
	$("#ItemLink_"+currentSlide).removeClass('Active');
	$("#ItemLink_"+i).addClass('Active');
	
	currentSlide = i;
}

function clickSlideChange(i) {
	clearTimeout(SlideshowInterval);
	changeSlide(i);
	SlideshowInterval = setInterval(autoChangeSlide, slidingInterval);
}