var e24Inmobiliaria = new Class({

	Implements: [Options],
	
	options: {
		container: undefined,
		imgs: [
			'img/inmobiliaria/fondo1.jpg',
			'img/inmobiliaria/fondo2.png',
			'img/inmobiliaria/fondo3.jpg',
			'img/inmobiliaria/fondo4.png',
			'img/inmobiliaria/2.png',
			'img/inmobiliaria/logo.png',
			'img/inmobiliaria/primera-residencia.png',
			'img/inmobiliaria/segunda-residencia.png'
		]		
		
	},
	
	initialize: function(options){
		this.setOptions(options);
		this.containerEl = $(this.options.container);		
		this.preload();		
	},
	
	preload: function() {
		new Asset.images(this.options.imgs, {
			onComplete: function() {
				this.containerEl.empty();
				this.start();
			}.bind(this)
		});
	
	},
	
	start: function() {
		this.backEl = new Element('div', {
			'style': 'position:absolute;' +
			'left: 0px;' +
			'top: 0px;' +
			'background: url(img/inmobiliaria/fondo1.jpg) center no-repeat;' +
			'width: 1280px;' +
			'height: 250px;' +
			'visibility: hidden;'
		});
		this.containerEl.grab(this.backEl);
		this.backEl.set('tween', {onComplete: this.paso1.delay(2000, this)})
		this.backEl.tween('opacity', 0, 1);
	},
	
	hide: function(el, callBack) {
		el.set('tween', {onComplete: function() {
			el.dispose();
			if (callBack) {
				callBack();
			}
		}.bind(this)});
		el.tween('opacity', 1, 0)
	},

	paso1: function() {
		this.paso1El = new Element('div', {
			'style': 'position:absolute;' +
			'left: 0px;' +
			'top: 0px;' +
			'background: url(img/inmobiliaria/fondo2.png) center no-repeat;' +
			'width: 1280px;' +
			'height: 250px;' +
			'visibility: hidden;'
		});
		this.containerEl.grab(this.paso1El);
		Browser.fixPNG(this.paso1El);					
		this.paso1El.set('tween', {duration: 1000, onComplete: this.paso2.delay(2000,this)})
		this.paso1El.tween('opacity', 0, 1);
	},
	
	paso2: function() {
		this.paso2El = new Element('div', {
			'style': 'position:absolute;' +
			'left: 63px;' +
			'top: 39px;' +
			'background: url(img/inmobiliaria/primera-residencia.png) center no-repeat;' +
			'width: 275px;' +
			'height: 45px;' +
			'visibility: hidden;'
		});
		this.containerEl.grab(this.paso2El);
		Browser.fixPNG(this.paso2El);					
		this.paso2El.set('tween', {duration: 1000, onComplete: this.paso3.delay(2000,this)})
		this.paso2El.tween('opacity', 0, 1);
	},
	
	paso3: function() {
		this.hide(this.paso2El);

		this.paso3El = new Element('div', {
			'style': 'position:absolute;' +
			'left: 0px;' +
			'top: 0px;' +
			'background: url(img/inmobiliaria/fondo5.jpg) center no-repeat;' +
			'width: 1280px;' +
			'height: 250px;' +
			'visibility: hidden;'
		});
		this.containerEl.grab(this.paso3El);
		this.paso3El.set('tween', {duration: 1000, onComplete: this.paso4.delay(2000,this)})
		this.paso3El.tween('opacity', 0, 1);
	},
	
	paso4: function() {
		this.paso4El = new Element('div', {
			'style': 'position:absolute;' +
			'left: 63px;' +
			'top: 39px;' +
			'background: url(img/inmobiliaria/segunda-residencia.png) center no-repeat;' +
			'width: 350px;' +
			'height: 45px;' +
			'visibility: hidden;'
		});
		this.containerEl.grab(this.paso4El);
		Browser.fixPNG(this.paso4El);					
		this.paso4El.set('tween', {duration: 1000, onComplete: this.paso5.delay(2000,this)})
		this.paso4El.tween('opacity', 0, 1);
	},
	
	paso5: function() {
		this.hide(this.paso4El);

		this.paso5El = new Element('div', {
			'style': 'position:absolute;' +
			'left: 0px;' +
			'top: 0px;' +
			'background: url(img/inmobiliaria/fondo3.jpg) center no-repeat;' +
			'width: 1280px;' +
			'height: 250px;' +
			'visibility: hidden;'
		});
		this.containerEl.grab(this.paso5El);
		this.paso5El.set('tween', {duration: 1000, onComplete: this.paso6.delay(2000,this)})
		this.paso5El.tween('opacity', 0, 1);
	},
	
	paso6: function() {
		this.paso6El = new Element('div', {
			'style': 'position:absolute;' +
			'left: 0px;' +
			'top: 0px;' +
			'background: url(img/inmobiliaria/fondo4.png) center no-repeat;' +
			'width: 1280px;' +
			'height: 250px;' +
			'visibility: hidden;'
		});
		this.containerEl.grab(this.paso6El);
		Browser.fixPNG(this.paso6El);					
		this.paso6El.set('tween', {duration: 1000, onComplete: this.paso7.delay(2000,this)})
		this.paso6El.tween('opacity', 0, 1);
	},
	
	
	
	paso7: function() {
		
		this.paso7El = new Element('div', {
			'style': 'position:absolute;' +
			'left: 62px;' +
			'top: 20px;' +
			'background: url(img/inmobiliaria/logo.png) center no-repeat;' +
			'width: 267px;' +
			'height: 138px;' +
			'visibility: hidden;'
		});
		this.containerEl.grab(this.paso7El);
		Browser.fixPNG(this.paso7El);					
		this.paso7El.set('tween', {duration: 1000, onComplete: this.paso8.delay(2000,this)})
		this.paso7El.tween('opacity', 0, 1);
	},
	
	paso8: function() {
		this.paso8El = new Element('div', {
			'style': 'position:absolute;' +
			'left: 62px;' +
			'top: 184px;' +
			'background: url(img/inmobiliaria/2.png) center no-repeat;' +
			'width: 242px;' +
			'height: 37px;' +
			'visibility: hidden;'
		});
		this.containerEl.grab(this.paso8El);
		Browser.fixPNG(this.paso8El);					
		//this.paso7El.set('tween', {onComplete: this.paso8.delay(2000,this)})
		this.paso8El.tween('opacity', 0, 1);
	}
});