// show meta info
function showMeta(e)
{
    elm = Event.element(e);
    // clear active
    var nav = $('gallerynav');
    if (nav) {
        // thumbnail click events
        var thumbs = document.getElementsByClassName('view');
        thumbs.each(function(t)
        {
            Element.removeClassName(t, 'active');
        });
    }
    // set new active
    Element.addClassName(elm, 'active');
    // display metadata
    $('metalink')
    if (elm.getAttribute('link'))
        $('metalink').update('<a href="' + elm.getAttribute('link') + '">lees meer</a>');
    else
        $('metalink').update('');
}

// initialise page
function init()
{
    var nav = $('gallerynav');
    if (nav) {
        // thumbnail click events
        var thumbs = document.getElementsByClassName('view', nav);
        thumbs.each(function(t)
        {
            Event.observe(t, 'click', showMeta);
        });
    }
}

Event.observe(window, 'load', init);