$(document).ready(function() {
	$fadespeed = new Array();
	$fadeinterval = new Array();
	$showcontrols = new Array();
	$howmanySlides = new Array();
	$prevSlide = new Array();
	$currSlide = new Array();
	$slideInterval = new Array();
	$('.slideshow .slide').hide();
	$('.slideshow').each(function() {
		$i = $(this).index();
		$(this).addClass('slideshow'+$i);
		$fadespeed[$i] = $(this).attr('data-fadespeed');
		$fadeinterval[$i] = $(this).attr('data-fadeinterval');
		$showcontrols[$i] = $(this).attr('data-showcontrols');
		$howmanySlides[$i] = $(this).find('.slide').length-1;
		$prevSlide[$i] = 0;
		$currSlide[$i] = 1;
		$controls = '<ul class="controls">';
		for ($x=0; $x<=$howmanySlides[$i]; $x++) {$controls += '<li>' + ($x+1) + '</li>';}
		$controls += '</ul>';
		if ($showcontrols[$i] == 'true') {$(this).append($controls);}
		$('.slideshow'+$i+' .slide').eq(0).show();
		$('.slideshow'+$i+' .controls li').eq(0).addClass('on');
		$slideInterval[$i] = window.setInterval('changeSlides('+$i+')', $fadeinterval[$i]);
	});
	$('.slideshow .controls li').click(function() {
		$x = $(this).index();
		window.clearInterval($slideInterval[$x]);
		$(this).siblings().removeClass('on');
		$(this).addClass('on');
		$('.slideshow'+$x+' .slide').fadeOut($fadespeed[$x]);
		$('.slideshow'+$x+' .slide').eq($(this).index()).fadeIn($fadespeed[$x]);
	});
});
function changeSlides($i) {
	$('.slideshow'+$i+' .controls li').eq($prevSlide[$i]).removeClass('on');
	$('.slideshow'+$i+' .controls li').eq($currSlide[$i]).addClass('on');
	$('.slideshow'+$i+' .slide').eq($prevSlide[$i]).fadeOut($fadespeed[$i]);
	$('.slideshow'+$i+' .slide').eq($currSlide[$i]).fadeIn($fadespeed[$i]);
	if ($prevSlide[$i] < $howmanySlides[$i]) {$prevSlide[$i]++;} else {$prevSlide[$i] = 0;}
	if ($currSlide[$i] < $howmanySlides[$i]) {$currSlide[$i]++;} else {$currSlide[$i] = 0;}
}