window.addEvent('domready', function() {

var box1 = $('box1')
var fx1 = box1.effects({duration: 0, transition: Fx.Transitions.Quart.easeOut});
 
$('start').addEvent('domready', function() {
	fx1.start({
		'opacity': .0001
	}).chain(function() {
		this.start.delay(300, this, {
			'opacity': .333
		});
	}).chain(function() {
		this.start.delay(1400, this, {
			'opacity': .666
		});
	}).chain(function() {
		this.start.delay(900, this, {
			'opacity': 1
		});
	});
});

var box1 = $('box1')
var fx1 = box1.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

$('comp1').addEvent('mouseenter', function() {
	fx1.start({
		'opacity': .5
	}).chain(function() {
		this.start({
		'opacity': 1
		});
	});
});

var box2 = $('box2')
var fx2 = box2.effects({duration: 0, transition: Fx.Transitions.Quart.easeOut});
 
$('start').addEvent('domready', function() {
	fx2.start({
		'opacity': .0001
	}).chain(function() {
		this.start.delay(300, this, {
			'opacity': .333
		});
	}).chain(function() {
		this.start.delay(1400, this, {
			'opacity': .666
		});
	}).chain(function() {
		this.start.delay(900, this, {
			'opacity': 1
		});
	});
});

var box2 = $('box2')
var fx2 = box2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

$('comp2').addEvent('mouseenter', function() {
	fx2.start({
		'opacity': .5
	}).chain(function() {
		this.start({
		'opacity': 1
		});
	});
});



var box0 = $('box0')
var fx0 = box0.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});

$('comp0').addEvent('mouseenter', function() {
	fx0.start({
		'opacity': .5
	}).chain(function() {
		this.start({
		'opacity': 1
		});
	});
});
});