document.observe("dom:loaded", function() {
	$('main').update('<img src="shared/images/ajax-loader.gif" width="100" height="100" alt="Ajax Loader">');
	var links = $$("div#thumbs a").each(function(link, i) {
		new Element('img').observe("load",function() {
			if (++i == links.size()) {
				$('main').update('<img src="' + links[0] + '" />');
			}
		}).writeAttribute('src', link);
	}).invoke('observe', 'click', function(event) {
		event.preventDefault();
		$('main').update('<img src="' + this.href + '" />');
	});
});


