$('.slideshow').css('visibility', 'hidden');
var slideshowChartDelay = 5000; // Intervall (millisekunder) mellan varje övergripande panelskifte
var slideshowDelay = 200; // Intervall (millisekunder) mellan de individuella panelernas skifte
var currentFlip = 0; // Rör ej..

var slideshows = new Array(
	'#slideshow1',
	'#slideshow2',
	'#slideshow3',
	'#slideshow4',
	'#slideshow5',
	'#slideshow6',
	'#slideshow7',
	'#slideshow8'
);

// Visa nästa slide för en enskild panel
function showNextSlide(elem) { $(elem).cycle('next'); }

// Skifta alla paneler
function showNextChart() {
	slideshows = $.shuffle(slideshows); // Slumpa i vilken ordning panelerna skiftar
	flipPanels(); // Skifta panelerna
}

// Anropar sig själv med intervaller tills alla paneler är skiftade
function flipPanels() {
	if(currentFlip == slideshows.length) { currentFlip = 0; return; }
	showNextSlide(slideshows[currentFlip]);
	currentFlip++;
	var slideshowTimeout = window.setTimeout(function(){ flipPanels() }, slideshowDelay);
}

$(document).ready(function() {

	// Förbered och konfigurera slideshows
	$('.slideshow').cycle({
		random: 0,
		sync: false,
		speedIn: 500,
		speedOut: 200,
		slideExpr: 'img',
		fit: 1,
		fx: 'fade'
	});
	
	// Pausa initialt alla bilder så att de inte byter ut sig simultant
	$('.slideshow').cycle('pause');
	$('.slideshow').css('visibility', 'visible');
	
	// Skifta panelerna övergripande i intervaller
	var chartTimeout = window.setInterval('showNextChart()', slideshowChartDelay);
});