var Fader = new Class({	Implements: Options,	options: {		pause: 10000,		duration: 2000,		loop: true,		onComplete: Class.empty,		onStart: Class.empty	},	initialize: function(container, options) {		this.setOptions(options);		this.container = $(container);		this.imgs = this.container.getElements('.hero-item');		this.imgs.setStyles({			'position':'absolute',			'top':0,			'right':0,			'opacity':0		});		this.imgs[0].setStyle('opacity',1);		var show_to = 10;		if (this.imgs[0].getElement('.welcome')) {			show_to = 340;		}		if (this.imgs[0].getElement('.show-text')) {			this.imgs[0].getElement('.show-text').setStyles({				'width': 718 - show_to + 'px',				'opacity': 1,				'left': show_to + 'px'			});		}		this.el = new Element('div',{'styles': {			'position':'relative'		}});		this.el.injectInside(this.container);		this.el.adopt(this.imgs);		this.next = 0;	},	start: function() {		this.periodical = this.show.bind(this).periodical(this.options.pause);	},	stop: function() {		$clear(this.periodical);	},	show: function() {		var show_to = 10;		if (!this.options.loop && this.next==this.imgs.length-1)			this.stop();		this.next = (this.next==this.imgs.length-1)?0:this.next+1;		var prev = (this.next==0)?this.imgs.length-1:this.next-1;		if (this.imgs[this.next].getElement('.welcome')) {			show_to = 340;		}		this.imgs[this.next].fade('in');		this.imgs[prev].fade('out');		if (this.imgs[this.next].getElement('.show-text')) {			var showItem = this.imgs[this.next].getElement('.show-text');			showItem.setStyles({				'width': 718 - show_to + 'px',				'opacity': 0,				'left': '718px'			});			var myEffect = new Fx.Morph(showItem, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});			myEffect.start({				'left': [718, show_to],				'opacity': [0, 1]			});		}	}});
window.addEvent('domready', function() {

    if($('hero')){
        var f = new Fader('hero');
        f.start();
    }
});