var banners = Array('header01.jpg','pipes01.jpg','pipes03.jpg','plans.jpg','plans02.jpg','plans03.jpg','plant01.jpg','plant02.jpg','plant03.jpg','plant04.jpg','plant05.jpg','plant06.jpg','plant07.jpg');
var opac = 0;
var step = 5;

function fadein(obj) {
	var e = document.getElementById(obj);
	if(opac < 100) {
		opac += step;
		if(!document.all) {
			e.style.opacity = (opac / 100) +0;
		} else {
			e.style.filter = "alpha(opacity="+opac+")";
		}		setTimeout('fadein("'+obj+'");', 50);
	} else {
		imageChange("banner");
		setTimeout('fadeout("'+obj+'");', 2000);
	}
}

function fadeout(obj) {
	var e = document.getElementById(obj);
	if(opac > 0) {
		opac -= step;
		if(!document.all) {
			e.style.opacity = (opac / 100) +0;
		} else {
			e.style.filter = "alpha(opacity="+opac+")";
		}		setTimeout('fadeout("'+obj+'");', 50);
	} else {
		imageChange("banner-ovr");
		setTimeout('fadein("'+obj+'");', 2000);
	}
}

var b = 0;
function imageChange(e) {
		if(b == banners.length-1) { b = 0; } else { b++; }
		document.getElementById(e).style.backgroundImage = "url('/images/header/"+banners[b]+"')";
}
setTimeout('imageChange("banner-ovr");', 50);
setTimeout('fadein("banner-ovr");', 2000);