// © 2010 by Diego Massanti // www.massanti.com // diego@massanti.com

ImgRotator = new Class({

	Implements: [Options, Events],
	options: {

	},
	
	initialize: function(options) {
		var me = this;
		this.setOptions(options);
		this.actualImage = 0;
		this.spinner = new Spinner('header');
		this.spinner.show();
		this.imageFiles = ['/images/vancuver.jpg', '/images/toronto.jpg', '/images/montreal.jpg', '/images/calgary.jpg'];
		this.headerImages = new Asset.images(this.imageFiles, {
			onComplete: function() {
				me.headerImages.each(function(item){
					item.fade('hide');
					item.addClass('img-header');
					item.inject($('header'), 'bottom');
				});
				me.switchImage();
				me.switchImage.periodical(5000, me);
				me.spinner.hide();
				
			}
		});
	},
	
	switchImage: function() {
		var me = this;
		if (me.actualImage == 0 ) {
			me.headerImages[(me.headerImages.length - 1)].fade('out');
		} else {
			me.headerImages[me.actualImage - 1].fade('out');
		}
		me.headerImages[me.actualImage].width=1000;
		me.headerImages[me.actualImage].fade('in');
		if (me.actualImage == (me.headerImages.length - 1)) {
			me.actualImage = 0;
		} else {
			me.actualImage++;
			
		}
		
	}
	
});

window.addEvent('domready', function() {
	var rotator = new ImgRotator();
});