// JavaScript Document

function loadCollage()
{
	Effect.SlideDown('homeintro', { duration: 2.5 });
	
	$('collage1').setStyle({position:'absolute',top:'0px',left:'0px'});
	$('collage2').setStyle({position:'absolute',top:'290px',left:'680px'});
	$('collage3').setStyle({position:'absolute',top:'0px',left:'700px'});
	//$('collage4').setStyle({position:'absolute',top:'50px',left:'340px'});
	$('collage5').setStyle({position:'absolute',top:'0px',left:'360px'});
	$('collage6').setStyle({position:'absolute',top:'0px',left:'0px'});
	$('collage7').setStyle({position:'absolute',top:'310px',left:'270px'});
	$('collage8').setStyle({position:'absolute',top:'0px',left:'40px'});
	$('collage9').setStyle({position:'absolute',top:'0px',left:'500px'});
	
	//for (i=1; i<10; i++) $('collage'+i+'-img').setStyle({display:'block'});
	$('collage1-img').setStyle({display:'block'});
	$('collage2-img').setStyle({display:'block'});
	$('collage3-img').setStyle({display:'block'});
	$('collage5-img').setStyle({display:'block'});
	$('collage6-img').setStyle({display:'block'});
	$('collage7-img').setStyle({display:'block'});
	$('collage8-img').setStyle({display:'block'});
	$('collage9-img').setStyle({display:'block'});
	
/*	new Effect.Appear('collage1', { from:0, to:1, duration: 1.5, delay: 0.0 });
	new Effect.Appear('collage2', { from:0, to:1, duration: 1.5, delay: 0.1 });
	new Effect.Appear('collage3', { from:0, to:1, duration: 1.5, delay: 0.2 });
	new Effect.Appear('collage4', { from:0, to:1, duration: 1.5, delay: 0.2 });
	new Effect.Appear('collage5', { from:0, to:1, duration: 1.5, delay: 0.2 });
	new Effect.Appear('collage6', { from:0, to:1, duration: 1.5, delay: 0.0 });
	new Effect.Appear('collage7', { from:0, to:1, duration: 1.5, delay: 0.1 });
	new Effect.Appear('collage8', { from:0, to:1, duration: 1.5, delay: 0.3 });
	new Effect.Appear('collage9', { from:0, to:1, duration: 1.5, delay: 0.3 });*/
	  
	new Effect.Move('collage1', { x: 130, y: 310, duration: 1.4, delay: 0.0 });
	new Effect.Move('collage2', { x: -10, y: 30, duration: 1.7, delay: 0.1 });
	new Effect.Move('collage3', { x: 10, y: 180, duration: 1.8, delay: 0.2 });
	//new Effect.Move('collage4', { x: -20, y: 10, duration: 1.3, delay: 0.2 });
	new Effect.Move('collage5', { x: -50, y: 320, duration: 1.5, delay: 0.2 });
	new Effect.Move('collage6', { x: 720, y: 0, duration: 1.9, delay: 0.0 });
	new Effect.Move('collage7', { x: 280, y: 0, duration: 1.9, delay: 0.1 });
	new Effect.Move('collage8', { x: 560, y: 120, duration: 1.8, delay: 0.3 });
	new Effect.Move('collage9', { x: 110, y: 10, duration: 2.0, delay: 0.3 });
	
	new Effect.Parallel([
	  new Effect.Move('tagline', { sync: true, x: 0, y: 7 }),
	  new Effect.Appear('tagline', { sync: true, from: 0, to: 1 }) 
	], { 
	  duration: 1.4,
	  delay: 0.9
	});
	//new Effect.Appear('tagline', { from: 0, to: 1, duration: 1.4 }) 
}

window.onload = loadCollage;