var all_els = ['far-hills','close-hills','farm', 'windmill', 'birds-1', 'birds-2', 'search-form', 'slogan'];
var animate = function(el, top, start) {
	el.start({
		'left': [0, document.id(document.body).getWidth()],
		'top' : [start, top]
	});
}

window.addEvents({
	'domready': function() {
		
		all_els.each(function(el) { document.id(el).setStyle('opacity', 0); });
		
		new multiBox('lightbox', {
			overlay: new overlay()
		});
		
		$$('.variant-image').each(function(img, i) {
			if(i % 3) img.setStyle('margin-left', '15px');
		});

	},
	'load': function() {

		var birds_1 = document.id('birds-1').setStyles({
			'left': '-60px',
			'margin': 0,
			'opacity': 1
		});
		var birds_2 = document.id('birds-2').setStyles({
			'left': '-60px',
			'margin': 0,
			'opacity': 1
		});		
		var bird1fx = new Fx.Morph('birds-1', {duration: 25000, onComplete: function() { animate(bird1fx, 50, 100) } });
		var bird2fx = new Fx.Morph('birds-2', {duration: 10000, onComplete: function() { animate(bird2fx, 400, 250) } });
		var logo = document.id('equestrian-supplies').setStyles({'left': '1000px', 'opacity': 0});
		var slogan = document.id('horse').setStyles({'top': '-100px', 'opacity': 0, 'width': 305, 'height': 306});
		
		new Fx.Morph('close-hills', {
			duration: 'long', 
			transition: Fx.Transitions.Sine.easeOut, 
			onComplete: function() {
				new Fx.Morph('far-hills', {
					duration: 'long', 
					transition: Fx.Transitions.Sine.easeOut, 
					onComplete: function() {
						new Fx.Morph('equestrian-supplies', { duration: 3000, onComplete: function() {
							(function() {
								new Fx.Morph('search-form', { duration: 7000 }).start({ 'opacity': 1});
							}).delay(1000);
						} }).start({'left': '180px', 'opacity': 1});
						new Fx.Morph('horse', { duration: 3000 }).start({'left': '105px', 'top': '60px', 'opacity': 1, 'width': 105, 'height': 106 });
						new Fx.Morph('farm', {
							duration: 'long', 
							transition: Fx.Transitions.Sine.easeOut, 
							onStart: function() {
								var windmill = document.id('windmill').fade(1);
								(function() {
									var src = (windmill.get('src').test('mill-1.png')) ? windmill.get('src').replace('mill-1.png', 'mill-2.png') : windmill.get('src').replace('mill-2.png', 'mill-1.png');
									windmill.set('src', src);
								}).periodical(100);
							},
							onComplete: function() {
								animate(bird1fx, 30, 130);
								animate(bird2fx, 200, 40);
							}
						}).start({'opacity': 1});
					}
				}).start({'opacity': 1});
			}
		}).start({'opacity': 1});
	}
});