var animation_definition = new Array(

new Array('slide2', 'blenddiv11', 'blendimage11', './images/kolazh/kt009.jpg', 'default_pavza'),
new Array('slide2', 'blenddiv12', 'blendimage12', './images/kolazh/ks005.jpg', 'default_pavza'),
new Array('slide2', 'blenddiv13', 'blendimage13', './images/kolazh/kt008.jpg', 'default_pavza'),

new Array('slide2', 'blenddiv21', 'blendimage21', './images/kolazh/ks013.jpg', 'default_pavza'),
new Array('slide2', 'blenddiv22', 'blendimage22', './images/kolazh/kt007.jpg', 'default_pavza'),
new Array('slide2', 'blenddiv23', 'blendimage23', './images/kolazh/ks006.jpg', 'default_pavza'),

new Array('slide2', 'blenddiv31', 'blendimage31', './images/kolazh/kt010.jpg', 'default_pavza'),
new Array('slide2', 'blenddiv32', 'blendimage32', './images/kolazh/ks007.jpg', 'default_pavza'),
new Array('slide2', 'blenddiv33', 'blendimage33', './images/kolazh/kt006.jpg', 'default_pavza'),

new Array('slide2', 'blenddiv41', 'blendimage41', './images/kolazh/ks009.jpg', 'default_pavza'),
new Array('slide2', 'blenddiv42', 'blendimage42', './images/kolazh/kt012a.jpg', 'brez_pavze'),
new Array('slide2', 'blenddiv43', 'blendimage43', './images/kolazh/kt012b.jpg', 'default_pavza'),

new Array('slide3', 'blenddiv11', 'blendimage11', './images/kolazh/kt020.jpg', 'default_pavza'),
new Array('slide3', 'blenddiv12', 'blendimage12', './images/kolazh/ks004.jpg', 'default_pavza'),
new Array('slide3', 'blenddiv13', 'blendimage13', './images/kolazh/kt011.jpg', 'default_pavza'),

new Array('slide3', 'blenddiv21', 'blendimage21', './images/kolazh/ks003.jpg', 'default_pavza'),
new Array('slide3', 'blenddiv22', 'blendimage22', './images/kolazh/kt019.jpg', 'default_pavza'),
new Array('slide3', 'blenddiv23', 'blendimage23', './images/kolazh/ks008.jpg', 'default_pavza'),

new Array('slide3', 'blenddiv31', 'blendimage31', './images/kolazh/kt002.jpg', 'default_pavza'),
new Array('slide3', 'blenddiv32', 'blendimage32', './images/kolazh/ks001.jpg', 'default_pavza'),
new Array('slide3', 'blenddiv33', 'blendimage33', './images/kolazh/ks010.jpg', 'default_pavza'),

new Array('slide3', 'blenddiv41', 'blendimage41', './images/kolazh/kt013a.jpg', 'brez_pavze'),
new Array('slide3', 'blenddiv42', 'blendimage42', './images/kolazh/kt013b.jpg', 'default_pavza'),
new Array('slide3', 'blenddiv43', 'blendimage43', './images/kolazh/ks002.jpg', 'default_pavza'),

new Array('slide4', 'blenddiv11', 'blendimage11', './images/kolazh/kt006.jpg', 'default_pavza'),
new Array('slide4', 'blenddiv12', 'blendimage12', './images/kolazh/ks011.jpg', 'default_pavza'),
new Array('slide4', 'blenddiv13', 'blendimage13', './images/kolazh/kt005.jpg', 'default_pavza'),

new Array('slide4', 'blenddiv21', 'blendimage21', './images/kolazh/ks007.jpg', 'default_pavza'),
new Array('slide4', 'blenddiv22', 'blendimage22', './images/kolazh/kt014a.jpg', 'brez_pavze'),
new Array('slide4', 'blenddiv23', 'blendimage23', './images/kolazh/kt014b.jpg', 'default_pavza'),

new Array('slide4', 'blenddiv31', 'blendimage31', './images/kolazh/kt016a.jpg', 'brez_pavze'),
new Array('slide4', 'blenddiv32', 'blendimage32', './images/kolazh/ks005.jpg', 'default_pavza'),
new Array('slide4', 'blenddiv33', 'blendimage33', './images/kolazh/kt001.jpg', 'default_pavza'),

new Array('slide4', 'blenddiv41', 'blendimage41', './images/kolazh/kt016b.jpg', 'default_pavza'),
new Array('slide4', 'blenddiv42', 'blendimage42', './images/kolazh/ks009.jpg', 'default_pavza'),
new Array('slide4', 'blenddiv43', 'blendimage43', './images/kolazh/ks006.jpg', 'default_pavza'),

new Array('slide5', 'blenddiv11', 'blendimage11', './images/kolazh/kt018.jpg', 'default_pavza'),
new Array('slide5', 'blenddiv12', 'blendimage12', './images/kolazh/ks012a.jpg', 'brez_pavze'),
new Array('slide5', 'blenddiv13', 'blendimage13', './images/kolazh/kt003.jpg', 'default_pavza'),

new Array('slide5', 'blenddiv21', 'blendimage21', './images/kolazh/ks007.jpg', 'default_pavza'),
new Array('slide5', 'blenddiv22', 'blendimage22', './images/kolazh/ks012b.jpg', 'default_pavza'),
new Array('slide5', 'blenddiv23', 'blendimage23', './images/kolazh/ks004.jpg', 'default_pavza'),

new Array('slide5', 'blenddiv31', 'blendimage31', './images/kolazh/kt021.jpg', 'default_pavza'),
new Array('slide5', 'blenddiv32', 'blendimage32', './images/kolazh/ks003.jpg', 'default_pavza'),
new Array('slide5', 'blenddiv33', 'blendimage33', './images/kolazh/ks010.jpg', 'default_pavza'),

new Array('slide5', 'blenddiv41', 'blendimage41', './images/kolazh/kt007.jpg', 'default_pavza'),
new Array('slide5', 'blenddiv42', 'blendimage42', './images/kolazh/kt015a.jpg', 'brez_pavze'),
new Array('slide5', 'blenddiv43', 'blendimage43', './images/kolazh/kt015b.jpg', 'default_pavza'),

new Array('slide1', 'blenddiv11', 'blendimage11', './images/kolazh/kt001.jpg', 'default_pavza'),
new Array('slide1', 'blenddiv12', 'blendimage12', './images/kolazh/ks001.jpg', 'default_pavza'),
new Array('slide1', 'blenddiv13', 'blendimage13', './images/kolazh/kt002.jpg', 'default_pavza'),

new Array('slide1', 'blenddiv21', 'blendimage21', './images/kolazh/ks002.jpg', 'default_pavza'),
new Array('slide1', 'blenddiv22', 'blendimage22', './images/kolazh/kt003.jpg', 'default_pavza'),
new Array('slide1', 'blenddiv23', 'blendimage23', './images/kolazh/ks003.jpg', 'default_pavza'),

new Array('slide1', 'blenddiv31', 'blendimage31', './images/kolazh/ks012a.jpg', 'brez_pavze'),
new Array('slide1', 'blenddiv32', 'blendimage32', './images/kolazh/ks008.jpg', 'default_pavza'),
new Array('slide1', 'blenddiv33', 'blendimage33', './images/kolazh/kt004.jpg', 'default_pavza'),

new Array('slide1', 'blenddiv41', 'blendimage41', './images/kolazh/ks012b.jpg', 'default_pavza'),
new Array('slide1', 'blenddiv42', 'blendimage42', './images/kolazh/kt005.jpg', 'default_pavza'),
new Array('slide1', 'blenddiv43', 'blendimage43', './images/kolazh/ks004.jpg', 'default_pavza')

);

var animation_order = new Array(
new Array('slide2', 5,2,4,3,7,10,8,9,6,1,11,12), // 11,12
new Array('slide3', 5,2,6,9,3,4,1,7,10,11,12,8), // 10,11
new Array('slide4', 1,2,3,4,5,6,7,10,11,8,9,11), // 5,6 7,10
new Array('slide5', 1,2,5,6,3,4,7,10,8,9,11,12), // 2,5 11,12
new Array('slide1', 1,2,5,3,4,6,7,10,8,9,11,12)  // 7,10
);

var i,j,l = 0;

window.onload = start_animation();

function start_animation() {
	setTimeout("animate_slide2(1000,600)",4000);
	setTimeout("animate_slide3(1000,600)",20000);
	setTimeout("animate_slide4(1000,600)",35000);
	setTimeout("animate_slide5(1000,600)",50000);
	setTimeout("animate_slide1(1000,600)",65000);
}

function animate_slide2(hitrost, pavza) {
	auto_animation_step(0, 12, hitrost, pavza);    	 
}
function animate_slide3(hitrost, pavza) {
	auto_animation_step(12, 24, hitrost, pavza);    	 
}
function animate_slide4(hitrost, pavza) {
	auto_animation_step(24, 36, hitrost, pavza);    	 
}
function animate_slide5(hitrost, pavza) {
	auto_animation_step(36, 48, hitrost, pavza);    	 
}
function animate_slide1(hitrost, pavza) {
	auto_animation_step(48, 60, hitrost, pavza);    	 
}

function auto_animation_step(i, k, hitrost, pavza) {
	l=Math.floor(k/12)-1;
	if (i<k) {
		j=i%12;		
		m=animation_order[l][j+1]-1;	
		blendimage(animation_definition[m+12*l][1], animation_definition[m+12*l][2], animation_definition[m+12*l][3], hitrost);
		i++;
		if (animation_definition[m+12*l][4]=='default_pavza') {		
			setTimeout("auto_animation_step("+i+","+k+","+hitrost+","+pavza+")", pavza);
		}
		else if (animation_definition[m+12*l][4]=='brez_pavze') {
			auto_animation_step(i, k, hitrost, pavza);
		}
	}
}

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}