function showLightbox() {
 var name = $(this).children('img').get(0).src.match(/^.+\/(\w+)\.png$/)[1]; // extract just the file name
 var image = $('#Lightbox img').get(0);
 var desc = $('#Description');
 var url = 'http://' + document.URL.match(/^http:\/\/(.+)\/.*/)[1] + '/';
 image.src = url + 'images/' + name + '_by_Eugene_Arenhaus.jpg';
 $.getJSON(url + 'texts/' + name + '.json', function(data) {
//  console.log(data);
  desc.html('<h1>' + data.title + '</h1><p>' + data.text + '</p><p class="purpose">' + data.purpose + '</p><p class="technique">' + data.technique + '</p><p class="year">' + data.year + '</p>' );
 });

 var offset = $('html').get(0).scrollTop + 24;

 desc.css( 'top', offset );
 $('#Lightbox').css( 'top', offset + 170 + 32 );

 $('#Shader').show();
 return false;
}

function hideLightbox() {
 $('#Shader').hide();
 $('#Description').html('');
 $('#Lightbox img').get(0).src = 'http://' + document.URL.match(/^http:\/\/(.+)\/.*/)[1] + '/gfxspacer.gif';
}

$(document).ready( function() {

 $('#Shader').removeClass('hidden').hide();

 $('#Shader').height( $('body').height() ); // make sure the "shader" covers the whole page

 $('a.ImageLink').bind('click', showLightbox);
 $('#Shader,#Lightbox,#Lightbox img').bind('click', hideLightbox);

 //!!!
// $('a.ImageLink').eq(0).click();

});