// JavaScript Document

window.addEvent('domready', function() {	
	//Resize #intro div
	function introResize() {
		var size = window.getSize();
		
		$('intro').setStyles({
			display: 'block',
			width: size.x,
			height: size.y
		});
	}
	
	//Fade in image
	$('intro-img').fade('hide');
	var introFadeInTime = introFadeIn.delay(300);
	
	function introFadeIn() {
		$('intro-img').set('tween', {duration: 1000});
		$('intro-img').tween('opacity', 1);
	}
	
	//Fade out #intro div
	function introFadeOut() {
		$('intro').fade(0);
	}
	
	//Fade out on click of img
	$('intro-img').addEvent('click', function(){
			introFadeOut();
	});
	
	//Fadeout on click of div
	$('intro').addEvent('click', function(){
			introFadeOut();
	});
	
	//Auto fade out
	introResize();
	var introFadeOutTime = introFadeOut.delay(3500);
	
	//Resize #intro div if window is resized
	var resizeTimeout;
	
	resizeStart = function(){
			$clear(resizeTimeout);
			resizeTimeout = resizeEnd.delay(500);
	}
	
	resizeEnd = function(){
		introResize();
	} 
	
	window.addEvent('resize',resizeStart);
	
});