// Bishop Banners
var arrBannerImgs1 = ['/images/banners/bishop/1.jpg', '/images/banners/bishop/2.jpg', '/images/banners/bishop/3.jpg', '/images/banners/bishop/4.jpg', '/images/banners/bishop/5.jpg', '/images/banners/bishop/6.jpg'];

// Mediation Banners
var arrBannerImgs2 = ['/images/banners/mediation/1.jpg', '/images/banners/mediation/2.jpg', '/images/banners/mediation/3.jpg', '/images/banners/mediation/4.jpg'];

var CurrentPos;
var LastBanner;
var LastBanner2;
var BannerTransitionDelay = 9000;
var BannerTransitionDuration = 1500;

function BannersLoad(arrBannersToLoad) {

	arrBannersRotate = arrBannersToLoad;

	// Load Banners
	new Asset.images(arrBannersToLoad, {
	    onComplete: function(){
			CurrentPos = 0;
			BannersRotate(arrBannersToLoad);
	    }
	});

}

var arrBannersRotate;

function BannersRotate() {

	CurrentPos = CurrentPos + 1;
	
	if (CurrentPos == arrBannersRotate.length) { CurrentPos = 0; }
	
	var NextPos = CurrentPos;
	
	var NextBanner = new Element('div', {
	    'styles': {
    	    'display': 'block',
			'position' : 'absolute',
			'float' : 'left',
			'width' : '964px',
			'height' : '189px',
			'opacity' : '0',
			'background-image' : 'url('+arrBannersRotate[NextPos]+')'
    	}
	});
	
	NextBanner.injectInside('oDivHeaderImage');
	
	var fadeFx = new Fx.Style(NextBanner, 'opacity', {duration: BannerTransitionDuration}).start(0,1);
	
	if (LastBanner2) {LastBanner2.remove();}
	LastBanner2 = LastBanner;
	LastBanner = NextBanner;
	BannersRotate.delay(BannerTransitionDelay);
	
}