// Rotating Banner Script by Christian Stone http://xtian.stonescape.net/  Used by persmission //

image = new Array

image[1]="images/banner.01.jpg"
image[2]="images/banner.02.jpg"
image[3]="images/banner.03.jpg"
image[4]="images/banner.04.jpg"
image[5]="images/banner.05.jpg"
image[6]="images/banner.06.jpg"
image[7]="images/banner.07.jpg"
image[8]="images/banner.08.jpg"
image[9]="images/banner.09.jpg"
image[10]="images/banner.10.jpg"
image[11]="images/banner.11.jpg"
image[12]="images/banner.12.jpg"

function init() {
    random_num = (Math.round((Math.random()*11)+1))
			obj = document.getElementById("header_bg");
			obj.style.backgroundImage = 'url('+image[random_num]+')';		
	window.setTimeout("randomHeaderPic()", 6000); // time until change of first pic //		
}

function randomHeaderPic() {
    random_num = (Math.round((Math.random()*11)+1))
	// Write the image tag with a random array element
	fadeOutandInNewImage("header_bg",100,image[random_num]);
}

function fadeOutandInNewImage(objId,opacity,newImage) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity >= 10) {
			setOpacity(obj, opacity);
			opacity -= 10;
			window.setTimeout("fadeOutandInNewImage('"+objId+"',"+opacity+",'"+newImage+"')", 100);
		} else {
			obj = document.getElementById(objId);
			setOpacity(obj, 1);
			obj.style.backgroundImage = 'url('+newImage+')';		
			fadeIn(objId,10);
		}
	}
}
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);
		} else {
			window.setTimeout("randomHeaderPic()", 10000); // time between changes of pics //		
		}
	}
}

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

window.onload = function() {init()}