var current_id;

onload = function()
{
    $$('.ex').each(
        function(e)
        {
            Event.observe(e, 'click', exClick);
        }
    )
        
    if ($('delete'))
        Event.observe($('delete'), 'click', deleteExample);
    Event.observe($('choose'), 'click', chooseExample);

    var s = window.location.hash;
    s = s.replace("#", "")

    if (s)
        set_id(s);
    else
        set_ex($$('.ex')[0]);
}

function set_id(id)
{
    if ($('eigen'))
        $('img_big').src = "/eigen_image_big/" + id;
    else
        $('img_big').src = "/example_image_big/" + id;
    current_id = id;
}

function set_ex(ex)
{
    var id = ex.id;
    id = id.replace('ex_', '');
    set_id(id);
}

function exClick()
{
    set_ex(this);
}

function deleteExample()
{
    if (confirm('Weet je het zeker?'))
    {
        if ($('eigen'))
            location = "/delete_eigen/" + current_id;
        else
            location = "/delete_example/" + current_id;
    }
}

function chooseExample()
{
    if ($('eigen'))
        window.location = "/load_eigen/" + current_id;
    else
        window.location = "/load_example/" + current_id;
}