var Header = new Class({
	
	options: {
		imagesSet: '.imgcontainer p'
	},
	
	initialize : function(options){
		this.setOptions(options);
		
		this.crt=0;
		this.images = $$(this.options.imagesSet);
		this.fx = new Array();
		this.initImg();
	},
	
	initImg : function(){
		this.images.each(function(el,i){
			el.setStyles({
				'z-index':this.images.length-i,
				'display':'block'
			});
			this.fx[i] = new Fx.Tween(el, {
				property:'opacity',
				duration: 1000,
				onComplete: function(){
					this.crt++;
					this.sortImg();
				}.bind(this)
			});
			
			this.fx[this.crt].start.delay(3000,this.fx[this.crt],(1,0));
			
		}.bind(this));
	},
	
	sortImg : function(){
		this.images.each(function(el,i){
			el.setStyles({
				'z-index':((this.images.length+el.getStyle('z-index')) % this.images.length)+1,
				'opacity':1
			});
		}.bind(this));
		
		this.fx[this.crt % this.images.length].start.delay(3000,this.fx[this.crt % this.images.length],(1,0));
	}

});

Header.implement(new Options);

window.addEvent('domready', function(){ new Header(); });

