// JavaScript Document
var obr = -1;
var cas = 5000;
var cas1 = 50;
var path = "pictures/";
var x = 0;
var y = 40;
function shuffle()
	{
		timerID2=window.setTimeout("shuffle()",cas1);
		document.getElementById("obrazek").style.width = x+"%";
		document.getElementById("obrazek").style.marginTop = y+"%";
		if (x == 100) {x=0; y=40; clearTimeout(timerID2);} else {x+=5;y-= 2;}
	}
	
function animation()
	{
		var obrazky = ["01.jpg","02.jpg","03.jpg","04.jpg","05.jpg","06.jpg","07.jpg","08.jpg","09.jpg","10.jpg","11.jpg","12.jpg"];
		if (obr+1==obrazky.length) {obr=0;clearTimeout(timerID1);}
			else obr++;
	if (obr != 0) {document.getElementById("double").style.background = "url("+path + obrazky[obr-1]+") no-repeat";}
		else {document.getElementById("double").style.background = "url("+path + obrazky[obr+obrazky.length-1]+") no-repeat";}
	shuffle();
	document.getElementById("obrazek").style.width =  "0%";
	document.getElementById("obrazek").src = path + obrazky[obr];
	timerID1=window.setTimeout("animation()",cas);
	}

window.onload = function()
	{
		animation();
	}