document.observe("dom:loaded", function() {		
	page_init();
});

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

function hide_intro() {
	Effect.Fade( 'loading', { from: 1.0, to: 0.0, duration: .1 } );
}

function page_init() {
	this.thumbs = $$('a.thumb'); 
	this.thumbs.each 
	( 
		function(thumb) 
		{ 
		    thumb.setStyle({display: 'none'});
		}, 
		this 
	);

	if($('loading')) {
		$('loading').setStyle({display: 'block'});
	}
	
	var time = 1.0;
	this.thumbs.each 
	( 
		function(thumb) 
		{ 
			// Effect.Appear( thumb, { from: 0.0, to: 1.0, duration: .5, queue: { position: 'end', scope: 'thumbnails', limit:10 } } );
			Effect.Appear( thumb, { from: 0.0, to: 1.0, duration: time } );
			time = time + .1;
		}, 
		this 
	);

	
}