Event.observe(this, 'load', function(){

//alert("Successfully loaded!");

Event.observe("viewer", "click", closeViewer);

function closeViewer(){
	Effect.Fade('viewer', {duration:0.3});
}

if ($('paintings')){
	var paintings = $("paintings").descendants();
	paintings.each(function(s) {
  		Event.observe(s, 'click', loadViewer);
	});
}

if ($('drawings')){
	var drawings = $("drawings").descendants();
	drawings.each(function(s) {
  		Event.observe(s, 'click', loadViewer);
	});
}

function loadViewer(){
//	alert(this.readAttribute('src'));
	$('viewer-img').writeAttribute("src", this.readAttribute('src'));
	$('text').update(this.readAttribute('title') + "<br />" + this.readAttribute('size') + "<br />" + this.readAttribute('medium'));
	Effect.Appear('viewer', {duration:0.3});
}

})