/******************************
**
**  Home Page Effects
**
******************************/

Event.observe(window,'load',function(){
	setInitialOpacities()
	homeFades();
});

function setInitialOpacities() {
	if (!Prototype.Browser.IE) {
		$('home-view-1').setOpacity(0.0);
		$('home-view-2').setOpacity(0.0);
		$('home-view-3').setOpacity(0.0);
	} else {
		$$('#home-view-1','#home-view-2','#home-view-3','.slide').invoke('setOpacity',0.0);
	}
}

function homeFades() {
	
	duration = 2;
	fade_duration = 2;
	if (!Prototype.Browser.IE) {	
		// View 1
		new Effect.Appear('home-view-1', {queue: 'end'});
		new Effect.Fade('home-view-1', {delay: 2, duration: fade_duration, queue: 'end'});
	
		// View 2
		new Effect.Appear('home-view-2', {duration: duration, queue: 'end'});
		new Effect.Fade('home-view-2', {delay: 2, duration: fade_duration, queue: 'end'});
	
		// View 3
		new Effect.Appear('home-view-3', {queue: 'end'});
		new Effect.Fade('home-view-3', {delay: 2, duration: fade_duration, queue: 'end', 
			afterFinish: function() {
				setInitialOpacities();
				homeFades();
			}
		});
	} else {
		// View 1
		new Effect.Parallel([
			new Effect.Appear('home-view-1', { sync: true }),
			new Effect.Appear('slide1', { sync: true })
		], {queue: 'end'});
		new Effect.Parallel([
			new Effect.Fade('home-view-1', { sync: true }),
			new Effect.Fade('slide1', { sync: true })
		], {delay: 2, duration: fade_duration, queue: 'end'});
	
		// View 2
		new Effect.Parallel([
			new Effect.Appear('home-view-2', { sync: true }),
			new Effect.Appear('slide2', { sync: true })
		], {queue: 'end'});
		new Effect.Parallel([
			new Effect.Fade('home-view-2', { sync: true }),
			new Effect.Fade('slide2', { sync: true })
		], {delay: 2, duration: fade_duration, queue: 'end'});
	
		// View 3
		new Effect.Parallel([
			new Effect.Appear('home-view-3', { sync: true }),
			new Effect.Appear('slide3', { sync: true })
		], {queue: 'end'});
		new Effect.Parallel([
			new Effect.Fade('home-view-3', { sync: true }),
			new Effect.Fade('slide3', { sync: true })
		], {delay: 2, duration: fade_duration, queue: 'end', 
				afterFinish: function() {
					setInitialOpacities();
					homeFades();
				}
			});
	}
}