fadetimer = 6000;
window.onload = function() {initImage()}

arrFrise = new Array(
	"/media/828/frise01.jpg",
	"/media/833/frise02.jpg",
	"/media/838/frise03.jpg");

function initImage()
{
	imageID = "friseImage";
	image = document.getElementById(imageID);

	image.src = randomImage(arrFrise);

	window.setTimeout("nextImage()", fadetimer);
}

function randomImage(arr)
{
	return arrFrise[random(arrFrise.length-1)];
}
function random(max)
{
	return Math.round(max*Math.random());
}

function nextImage()
{
	imageID = "friseImage";
	image = document.getElementById(imageID);
	containerID = "frise";
	container = document.getElementById(containerID);

	// switch current image to background image
	container.style.backgroundImage = "url("+image.src+")";

	// load new front image
	setOpacity(image,0);
	image.src = randomImage(arrFrise);
	fadeIn(imageID,0);

	window.setTimeout("nextImage()", fadetimer);
}

function setOpacity(obj, opacity) 
{
	opacity = (opacity == 100)?99.999:opacity;
  
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
  
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
  
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
  
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

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