var banners=Array(
	ROOT+'/static/images/homepage/knowledgeable.jpg',
	ROOT+'/static/images/homepage/dependable.jpg',
	ROOT+'/static/images/homepage/deliverable.jpg'
);
var gallery=false;
var bannerHolder;
var bannerImage;
var fader;
var bannerIndex=0;

window.addEvent('domready', function(){
	bannerImage
	gallery=new Asset.images(banners, {onComplete:function(){
		startBanners();
	}});
	bannerHolder=$('banner-holder');
	bannerImage=bannerHolder.getElement('img');
	fader=new Fx.Tween(bannerImage, {
		property:'opacity',
		duration:1000,
		link:'chain',
		onComplete:function(){
			startBanners();
		}
	});
});

function startBanners(){
	nextImage=bannerIndex+1;

	if(nextImage==gallery.length){
		nextImage=0;
	}
	bannerImage.src=gallery[bannerIndex].src;
	bannerImage.setStyle('opacity', 1);
	bannerHolder.setStyle('background-image', 'url('+gallery[nextImage].src+')');
	bannerIndex=nextImage;
	setTimeout('fader.start([1,0])', 5000);
}