// sane default
var pagebg = '/backgrounds/back1.jpg';

function fetchPage(e)
{
    Event.stop(e);
    var elm = Event.element(e);
    if (elm.nodeName != 'A')
        elm = elm.up('a');
    var page = elm.href.replace('http://www.onverwachtbedrijven.nl/', '');
    new Ajax.Updater('container', '/proxy.php', {
        parameters: {'page': page},
        insertion: 'bottom',
        onComplete: function() 
        {
            if (elm.hasClassName('project') && $('lastimg')) {
                pagebg = $('pagebg').src;
                $('pagebg').src = $('lastimg').src;
            }
            $$('div.sluit a').each(function(a) {a.observe('click', closePage);})
        }
    });
}

function closePage(e)
{
    Event.stop(e);
    $$('div.tekstcontainer').each(function(d) {d.remove();});
    $('pagebg').src = pagebg;
}

// initialise page
function init()
{
    $$('div.button a.show').each(function(a) {a.observe('click', fetchPage);});
    if ($('lastimg')) {
        pagebg = $('pagebg').src;
        $('pagebg').src = $('lastimg').src;
    }
}

document.observe('dom:loaded', init);