window.onload = function() {initImage()}
document.write("<style type='text/css'> #menjava {visibility:hidden;} </style>");

// set image list
imageObj = new Array();
imageObj[0] = new Image();
imageObj[0].src = "./slike/vrtilnaSlika1.jpg"
imageObj[1] = new Image();
imageObj[1].src = "./slike/vrtilnaSlika2.jpg"
imageObj[2] = new Image();
imageObj[2].src = "./slike/vrtilnaSlika3.jpg"
imageObj[3] = new Image();
imageObj[3].src = "./slike/vrtilnaSlika4.jpg"
imageObj[4] = new Image();
imageObj[4].src = "./slike/vrtilnaSlika5.jpg"
imageObj[5] = new Image();
imageObj[5].src = "./slike/vrtilnaSlika6.jpg"

menjavaT = 4000;

function initImage() {
	imageId = 'menjava';
	image = document.getElementById(imageId);
	prozornost(image, 0);
	image.style.visibility = 'visible';
	fadeIn(imageId,0);
	
	window.setTimeout("change(1)", menjavaT);
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
	if (opacity <= 100) {
		  prozornost(obj, opacity);
		  opacity += 10;
		  window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}

function change(num) {
	backId = 'menjavaOzadje';
	imageId = 'menjava';
	backg = document.getElementById(backId);
	image = document.getElementById(imageId);
	backg.style.backgroundImage = 'url('+image.src+')';
	image.src = imageObj[num].src;
	
	fadeIn(imageId,0);
	num = (num+1)%imageObj.length;
	window.setTimeout("change("+num+")", menjavaT);
}