//var ImageList = new Array("topimage1.png","topimage2.png","topimage3.png");
var ImageNr = 0;
var image1 = null;
var image2 = null;
var pic;

function initImage() 
{
	ImageNr = Math.floor(Math.random() * (ImageList.length - 1));

	image1 = document.getElementById("image1");
	image2 = document.getElementById("image2");
	
	image1.style.backgroundImage = "url('/images/headers/" + ImageList[ImageNr] + "')";
	ImageNr++;

	pic = new Image(); 
	pic.src="/images/headers/" + ImageList[ImageNr]; 

	setOpacity(image1, 100);
	image1.style.zIndex = 11;

	setOpacity(image2, 0);
	image2.style.zIndex = 10;

	window.setTimeout("NextImage()", 5000);
}

function NextImage()
{
	if(image1.style.zIndex == 11)
	{
		image1.style.zIndex = 10;
		image2.style.zIndex = 11;
		image2.style.backgroundImage = "url('/images/headers/" + ImageList[ImageNr] + "')";
		fadeIn("image2",0);
	}else{
		image1.style.zIndex = 11;
		image1.style.backgroundImage = "url('/images/headers/" + ImageList[ImageNr] + "')";
		image2.style.zIndex = 10;
		fadeIn("image1",0);
	}

	ImageNr++;

	if(ImageNr == ImageList.length)
	{
		ImageNr = 0;
	}
	
	pic = new Image(); 
	pic.src="/images/headers/" + ImageList[ImageNr]; 

	window.setTimeout("NextImage()", 5000);
}

function fadeIn(objId,opacity) {
	if (document.getElementById)
	{
		var obj = document.getElementById(objId);
		if (opacity <= 100)
		{
			setOpacity(obj, opacity);
			opacity += 5;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}else{
			if(image1.style.zIndex == 11)
			{
				setOpacity(image2, 0);
			}else{
				setOpacity(image1, 0);
			}
		}
	}
}

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;
}