var current_id;

document.observe("dom:loaded", function() {
    $$('.t').each(
        function(e)
        {
            Event.observe(e, 'click', tClick);
        }
    )
        
    if ($('delete'))
        Event.observe($('delete'), 'click', deleteTemplate);
    Event.observe($('choose'), 'click', chooseTemplate);

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

    if (s)
        set_id(s);
    else
        set_t($$('.t')[0]);
});

function set_id(id)
{
    $('img_f').src = "/example_image_big/" + id;
    current_id = id;
    window.scroll(0, 0);
}

function set_t(t)
{
    var id = t.id;
    id = id.replace('t_', '');
    set_id(id);
}

function tClick()
{
    set_t(this);
}

function deleteTemplate()
{
    if (confirm('Weet je het zeker?'))
        window.location = "/deleteTemplate/" + current_id;
}

function chooseTemplate()
{
    window.location = "/chooseTemplate/" + current_id;
}