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(600, this, {
			'opacity': .333
		});
	}).chain(function() {
		this.start.delay(1300, this, {
			'opacity': .666
		});
	}).chain(function() {
		this.start.delay(800, 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 box3 = $('box3')
var fx3 = box3.effects({duration: 0, transition: Fx.Transitions.Quart.easeOut});

$('start').addEvent('domready', function() {
	fx3.start({
		'opacity': .0001
	}).chain(function() {
		this.start.delay(900, this, {
			'opacity': .333
		});
	}).chain(function() {
		this.start.delay(1200, this, {
			'opacity': .666
		});
	}).chain(function() {
		this.start.delay(700, this, {
			'opacity': 1
		});
	});
});

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

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

var box4 = $('box4')
var fx4 = box4.effects({duration: 0, transition: Fx.Transitions.Quart.easeOut});

$('start').addEvent('domready', function() {
	fx4.start({
		'opacity': .0001
	}).chain(function() {
		this.start.delay(1200, this, {
			'opacity': .333
		});
	}).chain(function() {
		this.start.delay(1100, this, {
			'opacity': .666
		});
	}).chain(function() {
		this.start.delay(600, this, {
			'opacity': 1
		});
	});
});

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

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

var box5 = $('box5')
var fx5 = box5.effects({duration: 0, transition: Fx.Transitions.Quart.easeOut});

$('start').addEvent('domready', function() {
	fx5.start({
		'opacity': .0001
	}).chain(function() {
		this.start.delay(1500, this, {
			'opacity': .333
		});
	}).chain(function() {
		this.start.delay(1000, this, {
			'opacity': .666
		});
	}).chain(function() {
		this.start.delay(500, this, {
			'opacity': 1
		});
	});
});

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

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

var box6 = $('box6')
var fx6 = box6.effects({duration: 0, transition: Fx.Transitions.Quart.easeOut});

$('start').addEvent('domready', function() {
	fx6.start({
		'opacity': .0001
	}).chain(function() {
		this.start.delay(1800, this, {
			'opacity': .333
		});
	}).chain(function() {
		this.start.delay(900, this, {
			'opacity': .666
		});
	}).chain(function() {
		this.start.delay(400, this, {
			'opacity': 1
		});
	});
});

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

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

var box7 = $('box7')
var fx7 = box7.effects({duration: 0, transition: Fx.Transitions.Quart.easeOut});

$('start').addEvent('domready', function() {
	fx7.start({
		'opacity': .0001
	}).chain(function() {
		this.start.delay(2100, this, {
			'opacity': .333
		});
	}).chain(function() {
		this.start.delay(800, this, {
			'opacity': .666
		});
	}).chain(function() {
		this.start.delay(300, this, {
			'opacity': 1
		});
	});
});

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

$('comp7').addEvent('mouseenter', function() {
	fx7.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
		});
	});
});
});