fadeTypes = {
	"NONE": 0,
	"FADEIN": 1,
	"FADEOUT": 2
};
thisPageIndex = 0;
banners = new Array();
initBanners = function(pageIndex) {
	thisPageIndex = pageIndex;
	banners[0] = new Banner(0);
	banners[1] = new Banner(1);
	banners[2] = new Banner(2);
	banners[3] = new Banner(3);
	banners[4] = new Banner(4);
	banners[5] = new Banner(5);
	banners[6] = new Banner(6);
	banners[7] = new Banner(7);
	banners[pageIndex].opacity = 100;
	//fadeIn(pageIndex);
}

Banner = function(index) {
	this.intervalID = 0;
	this.object = document.getElementById("bannerContainer").childNodes[index];
	this.button = document.getElementById("navLabels").childNodes[index];
	this.butBack = document.getElementById("navBacks").childNodes[index];
	this.opacity = 0;
	this.fadeType = fadeTypes.NONE;
	this.updateOpacity = function() {
		this.object.style.opacity = this.opacity / 100;
		this.object.style.filter = 'alpha(opacity=' + this.opacity + ')';
		//this.button.style.borderColor = 'rgb('+this.opacity+','+this.opacity+','+this.opacity+')';
		this.butBack.style.opacity = this.opacity * 0.004 + 0.6;
		this.butBack.style.filter = 'alpha(opacity=' + parseInt(this.opacity*0.4 + 60) + ')';
	}
}

fadeIn = function(index) {
	if(index!=thisPageIndex) fadeOut(thisPageIndex);
	banners[index].fadeType = fadeTypes.FADEIN;
	if(banners[index].intervalID == 0)
		banners[index].intervalID = setTimeout(function(){step(index);}, 10);
}

fadeOut = function(index) {
	fadeIn(thisPageIndex);
	banners[index].fadeType = fadeTypes.FADEOUT;
	if(banners[index].intervalID == 0)
		banners[index].intervalID = setTimeout(function(){step(index);}, 10);
}

step = function(index) {
	
	if(banners[index].fadeType == fadeTypes.FADEIN) {
		if(banners[index].opacity == 100) {
			clearInterval(banners[index].intervalID);
			banners[index].intervalID = 0;
			banners[index].fadeType = fadeTypes.NONE;
		} else {
			banners[index].intervalID = setTimeout(function(){step(index);}, 10);
			banners[index].opacity+=5;
			banners[index].updateOpacity();
		}
		
	} else if(banners[index].fadeType == fadeTypes.FADEOUT) {
		if(banners[index].opacity == 0) {
			clearInterval(banners[index].intervalID);
			banners[index].intervalID = 0;
			banners[index].fadeType = fadeTypes.NONE;
		} else {
			banners[index].intervalID = setTimeout(function(){step(index);}, 10);
			banners[index].opacity-=5;
			banners[index].updateOpacity();
		}
		

	}
}