window.addEvent('domready', function(){
	var quoteContainer = $('top-banner');
	var body = $$('body')
	var images = $$('#images img');
	var numBanners = 3; 
	var myFades = null;
	var fileName = null;
	var counter = 1;
	for(n=1; n<=numBanners; n++) {
		banner_array = Array();
		banner_array[n] = new Image();
		banner_array[n].src = '/public/images/banners/rotating/main'+ n +'.png';
	}
	quoteFader.periodical(5000);
	pickImg();

	function pickImg() {
		myFades = new Element('img', {'src': '/public/images/banners/rotating/main'+ counter +'.png'});
		myFades.injectTop(quoteContainer);
		if(counter>=numBanners) {
			counter = 1;
		} else {
			counter++;
		}
	}

	function quoteFader() {
		if(!window.ie){
		var opac = new Fx.Style(myFades, 'opacity', {transition: Fx.Transitions.Sine.easeOut, duration:500, onComplete:transComplete});
		opac.start(1, 0);
		}else{
			myFades.setStyle("display" , "none");
			transComplete();
		}
	}

	function transComplete() {
		myFades.remove();
		pickImg();
		if(!window.ie){
			myFades.setStyle("opacity",0);
			var opac = new Fx.Style(myFades, 'opacity', {transition: Fx.Transitions.Sine.easeOut, duration:500});
			opac.start(0, 1);
		}else{
			myFades.setStyle("opacity" , "1");
			myFades.setStyle("display" , "block");
		}
	};
});